.character-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.character-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);min-width:0;box-shadow:var(--shadow);padding:20px}.character-card__identity{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;display:flex}.character-card__identity p,.sheet-hero p,.detail-dialog__bar p{color:var(--accent);letter-spacing:.12em;margin:0 0 3px;font-size:11px;font-weight:800}.character-card__identity h2,.sheet-hero h2,.detail-dialog__bar h2{margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(22px,2vw,30px)}.character-card__identity>span{max-width:45%;color:var(--muted);text-align:right}.character-card__resources{gap:9px;padding:14px 0;display:grid}.hope-control,.resource-track{align-items:center;gap:7px;display:flex}.hope-control>div,.resource-track__label{flex-direction:column;min-width:92px;display:flex}.hope-control span,.resource-track__label span{color:var(--muted);font-size:11px}.hope-control button,.resource-mark{width:34px;height:34px;padding:0}.hope-control b{text-align:center;min-width:50px}.resource-track__marks{flex-wrap:wrap;gap:5px;display:flex}.resource-mark{font-weight:800;border-radius:50%!important}.resource-mark[aria-pressed=true]{border-color:var(--danger);background:var(--danger);color:#fff}.character-card__combat,.character-card__attributes{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(4,1fr);margin:0;display:grid;overflow:hidden}.character-card__attributes{grid-template-columns:repeat(6,1fr);margin-top:8px}.character-card dl div{border-right:1px solid var(--line);text-align:center;min-width:0;padding:7px 4px}.character-card dl div:last-child{border-right:0}.character-card dt{color:var(--muted);font-size:10px}.character-card dd{margin:2px 0 0;font-weight:800}.character-card__weapons{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.character-card__weapons span{border-radius:var(--radius-sm);background:var(--surface-subtle);padding:8px;font-weight:800}.character-card__weapons small{color:var(--muted);font-weight:500;display:block}.character-card footer{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.pagination{justify-content:center;align-items:center;gap:14px;margin:20px 0;display:flex}.empty-state,.detail-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;padding:56px 24px}.empty-state>span{color:var(--accent);font-size:40px}.detail-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--paper);width:min(1060px,100vw - 40px);max-height:calc(100vh - 40px);color:var(--ink);padding:0}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140d20b8}.detail-dialog__bar{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.detail-dialog__body{padding:20px}.sheet-hero{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#24183d,#4b326d);align-items:center;gap:18px;padding:24px;display:flex}.sheet-hero img,.sheet-portrait{object-fit:cover;border-radius:50%;width:82px;height:82px}.sheet-portrait{background:#fff2;place-items:center;font:40px Georgia,serif;display:grid}.sheet-resource-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.sheet-resource-strip span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.sheet-resource-strip b{font-size:20px;display:block}.sheet-section{margin-top:18px}.sheet-section h3{margin-bottom:9px;font-family:Georgia,Noto Serif SC,serif}.sheet-details{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;display:grid}.sheet-details div{background:var(--surface);overflow-wrap:anywhere;min-width:0;padding:10px}.sheet-details dt{color:var(--muted);font-size:11px}.sheet-details dd{white-space:pre-wrap;margin:3px 0 0}.sheet-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sheet-domain-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:12px;padding:14px;display:flex}.sheet-domain-card img{object-fit:cover;border-radius:4px;width:76px;height:100px}.sheet-domain-card h4,.sheet-domain-card p{margin:0 0 6px}.sheet-domain-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.sheet-kicker{color:var(--accent);font-size:11px;font-weight:800}.sheet-extras{gap:8px;display:grid}.sheet-extras details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:10px 12px}.sheet-extras summary{cursor:pointer;font-weight:750}.sheet-extras pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);overflow:auto}:root{--paper:#f5f1e9;--surface:#fffdf8;--surface-subtle:#eee8dc;--ink:#251d30;--muted:#6f6579;--accent:#7353a4;--accent-dark:#3e2a61;--danger:#9e3f54;--success:#16725f;--line:#d9d0c2;--line-strong:#a99bb5;--radius-sm:8px;--radius-lg:15px;--shadow:0 10px 30px #2b1c3b14}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1b8f78}.button,.desktop-app button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--ink);padding:7px 12px}.button--primary{font-weight:750;border-color:var(--accent-dark)!important;background:var(--accent-dark)!important;color:#fff!important}.button--ghost{background:0 0!important}.button--danger-ghost{color:var(--danger)!important;background:0 0!important;border-color:#0000!important}.desktop-app{min-height:100vh}.room-toolbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f1e9f0;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:10px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.room-toolbar__brand,.room-toolbar__session,.connection-badge,.utility-card,.dice-panel header{align-items:center;gap:12px;display:flex}.room-toolbar__brand>span{background:var(--accent-dark);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.room-toolbar p,.utility-card p,.dice-panel header p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.room-toolbar h1{margin:1px 0 0;font:700 20px Georgia,Noto Serif SC,serif}.invite-code{align-items:center;gap:8px;display:flex;border-style:dashed!important}.invite-code small,.connection-badge small{color:var(--muted);font-size:10px;display:block}.invite-code b{letter-spacing:.14em}.connection-badge i{background:#b07826;border-radius:50%;width:9px;height:9px}.connection-badge[data-status=ready] i{background:var(--success);box-shadow:0 0 0 4px #16725f1f}.connection-badge[data-status=expired] i{background:var(--danger)}.connection-badge span{font-size:12px;font-weight:750}.nickname{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.desktop-workspace{width:min(1420px,100%);margin:0 auto;padding:22px clamp(18px,4vw,48px) 48px}.desktop-content{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.room-overview{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.utility-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:78px;box-shadow:var(--shadow);justify-content:space-between;padding:14px 16px}.utility-card h2{margin:2px 0 0;font:700 22px Georgia,Noto Serif SC,serif}.fear-tracker__control{align-items:center;gap:8px;display:flex}.fear-tracker__control button{width:34px;height:34px;padding:0}.fear-tracker__control strong{text-align:center;min-width:58px;font-size:25px}.fear-tracker__control small{color:var(--muted);font-size:12px}.x-card--active{border-color:var(--danger);background:#fff3f4}.x-card__button[aria-pressed=true]{border-color:var(--danger);background:var(--danger);color:#fff}.member-card>span{max-width:55%;color:var(--muted);text-align:right}.dice-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:18px;position:sticky;top:96px}.dice-panel header{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px}.dice-panel h2{margin:2px 0 0;font:700 24px Georgia,Noto Serif SC,serif}.dice-builder{grid-template-columns:1fr 1fr;gap:9px;padding:14px 0;display:grid}.dice-builder label{color:var(--muted);font-size:11px}.dice-builder input,.dice-builder select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:36px;color:var(--ink);border-radius:6px;margin-top:4px;padding:5px 7px}.dice-roll{grid-column:1/-1}.dice-history{gap:7px;max-height:430px;display:grid;overflow:auto}.dice-history article{border-radius:var(--radius-sm);background:var(--surface-subtle);padding:10px;position:relative}.dice-history article div{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.dice-history p{margin:5px 0}.dice-history b{font-size:22px}.dice-history em{float:right;color:var(--accent);font-size:12px;font-style:normal;font-weight:800}.notice{border-radius:var(--radius-sm);background:#fff8df;border:1px solid #d5b66d;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.notice button{background:0 0;border:0;min-height:0;text-decoration:underline}.loading-state,.expired-state{text-align:center;place-items:center;min-height:50vh;display:grid}.loading-state span{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.desktop-only-message{display:none}.backup-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--paper);width:min(520px,100vw - 32px);color:var(--ink);padding:24px}.backup-dialog::backdrop{background:#140d2099}.backup-dialog>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.desktop-error{color:var(--danger)}.muted{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1150px){.desktop-content{grid-template-columns:1fr}.dice-panel{position:static}.room-toolbar__session .nickname{display:none}}@media (width<=899px){.desktop-content,.room-overview{display:none}.desktop-only-message{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;padding:24px;display:block}.room-toolbar{align-items:start;position:static}.room-toolbar__session{flex-wrap:wrap;justify-content:flex-end}.connection-badge,.room-toolbar__session>.button{display:none}}.desktop-landing{background:linear-gradient(120deg,#21172f 0 42%,var(--paper) 42%);grid-template-columns:minmax(320px,460px) minmax(420px,1fr);min-height:100vh;display:grid}.landing-intro{color:#fff;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,96px);display:flex}.landing-intro p:first-child{color:#c9b1ec;letter-spacing:.18em;font-size:12px;font-weight:800}.landing-intro h1{margin:10px 0;font:700 clamp(38px,5vw,68px)/1.05 Georgia,Noto Serif SC,serif}.landing-intro p{max-width:32rem;line-height:1.8}.landing-panel{align-items:center;padding:clamp(28px,7vw,90px);display:flex}.landing-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow);padding:28px}.landing-card h2{font:700 28px Georgia,Noto Serif SC,serif}.landing-card label{color:var(--muted);margin-top:14px;font-size:12px;font-weight:700;display:block}.landing-card input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;margin-top:5px;padding:8px 10px}.landing-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.landing-actions form{border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px}.landing-actions button{width:100%;margin-top:10px}.restore-box{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.restore-box input{border-style:dashed}@media (width<=899px){.desktop-landing{background:#21172f;display:block}.landing-intro{min-height:38vh;padding:40px 24px}.landing-panel{padding:0 16px 36px}.landing-actions{grid-template-columns:1fr}}