:root{color:#f2ebe3;font-synthesis:none;--ink:#f2ebe3;--muted:#b7a8ad;--surface:#211a1e;--surface-raised:#2b2126;--line:#624d55;--accent:#e0a06f;--accent-soft:#70424b;--focus:#f5bc88;background:#130f12;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -5%,#51333d 0,#0000 32rem),radial-gradient(circle at 90% 20%,#2c293d 0,#0000 36rem),#130f12;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button,.file-button,select,input{color:#f4eee7;background:#2b2327;border:1px solid #6b555c;border-radius:.45rem;padding:.62rem .85rem}button,.file-button{cursor:pointer;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}button:hover,.file-button:hover{background:#3a2b30;border-color:#cf9b72}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.primary{color:#241612;background:#d89564;border-color:#dfa06e;font-weight:700}button.selected{background:#68414a;border-color:#efb47f;box-shadow:inset 0 0 0 1px #efb47f}main{width:min(1560px,100%);margin:auto;padding:1.25rem clamp(1rem,2.4vw,2rem) 3rem}.masthead{border-bottom:1px solid #6c555b;justify-content:space-between;align-items:end;gap:2rem;padding:.5rem 0 1.2rem;display:flex}h1{letter-spacing:.08em;color:#f0d7c0;margin:0;font:700 clamp(2rem,5vw,4rem)/.9 SimSun,serif}h2{margin:0 0 .75rem;font:600 1.05rem SimSun,serif}.eyebrow{color:#c18c70;letter-spacing:.35em;margin:0 0 .55rem;font-size:.7rem}.new-game{flex-wrap:wrap;justify-content:end;gap:.55rem;display:flex}.scenario-description{text-align:right;color:var(--muted);flex-basis:100%;order:5}.room-heading{flex-direction:column;align-items:end;display:flex}.room-heading small{color:#aa9ba0}.room-heading strong{color:#f0d7c0;letter-spacing:.18em;font-size:1.5rem}.file-button input{display:none}.error{background:#541f25;border:1px solid #b75858;border-radius:.4rem;margin:1rem 0;padding:.8rem 1rem}.empty{text-align:center;color:#b9aab0;margin:15vh auto}.room-unavailable{background:#211b1e;border:1px solid #674d55;border-radius:.65rem;width:min(520px,100%);padding:1.5rem}.room-unavailable button{margin-top:.75rem}.welcome{grid-template-columns:1fr 1fr;gap:1rem;width:min(850px,100%);margin:10vh auto;display:grid}.welcome article,.lobby{background:#211b1e;border:1px solid #5d4c52;border-radius:.65rem;padding:1.25rem}.welcome label,.lobby label{color:#c9bcc0;flex-direction:column;gap:.35rem;margin:.7rem 0;font-size:.82rem;display:flex}.welcome label.checkbox{flex-direction:row;align-items:center}.welcome label.checkbox input{accent-color:#d89564;width:auto}.welcome article>button{width:100%;margin-top:.5rem}.join-code{border-top:1px solid #44383d;gap:.4rem;margin-top:1rem;padding-top:1rem;display:flex}.join-code input{text-transform:uppercase;letter-spacing:.12em;flex:1;min-width:0}.lobby{width:min(1000px,100%);margin:5vh auto}.lobby-intro{grid-template-columns:1fr 1fr;align-items:end;gap:2rem;display:grid}.lobby-intro input{width:100%}.seat-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0;display:grid}.seat-grid article{background:#181416;border:1px dashed #59484e;border-radius:.55rem;flex-direction:column;gap:.45rem;min-height:150px;padding:1rem;display:flex}.seat-grid article.occupied{background:#2e2226;border-style:solid;border-color:#8d655e}.seat-grid article.ai-seat{background:linear-gradient(145deg,#30283d,#211b27);border-color:#8470a8}.seat-grid article small,.seat-grid article span{color:#aa9ba0}.seat-grid article strong{font-size:1.1rem}.seat-grid .ai-badge{color:#eadcff;vertical-align:middle;background:#614a7b;border-radius:1rem;margin-left:.45rem;padding:.12rem .35rem;font:700 .62rem sans-serif;display:inline-block}.seat-grid article button{margin-top:auto}.ai-picker{flex-direction:column;gap:.45rem;margin-top:auto;display:flex}.seat-grid .ai-picker label{margin:0}.ai-picker select{width:100%;min-width:0}.ai-picker p{min-height:3.6em;color:var(--muted);margin:0;font-size:.76rem;line-height:1.45}.lobby-controls{border-top:1px solid #44383d;flex-wrap:wrap;justify-content:end;align-items:center;gap:.55rem;padding-top:1rem;display:flex}.lobby-controls label{min-width:min(320px,100%);margin:0 auto 0 0}.room-bar{background:#241e21ee;border:1px solid #6c555b;border-radius:.65rem;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:1rem 0;padding:.65rem .9rem;display:flex;box-shadow:0 .5rem 1.8rem #0003}.room-bar span{color:#c9bcc0}.room-bar button{margin-left:auto;padding-block:.4rem}.viewer-tabs{gap:.35rem;margin:1rem 0;display:flex;overflow-x:auto}.viewer-tabs button{white-space:nowrap;background:0 0}.viewer-tabs .active{background:#6f3941;border-color:#d19078}.status-strip{background:#685158;border:1px solid #685158;border-radius:.65rem;grid-template-columns:2fr 1.35fr 1fr 1.2fr;gap:1px;display:grid;overflow:hidden;box-shadow:0 .5rem 1.8rem #0002}.status-strip div{background:#241e21;flex-direction:column;gap:.25rem;padding:.8rem 1rem;display:flex}.status-strip small,.panel small,.muted{color:#aa9ba0}.status-strip strong{line-height:1.35}.turn-banner{background:#1e191c;border:1px solid #5e4b52;border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;padding:.8rem 1rem;display:flex}.turn-banner div{flex-direction:column;gap:.2rem;display:flex}.turn-banner small{color:#aa9ba0;letter-spacing:.16em;font-size:.65rem}.turn-banner span{color:#c7b8bd;text-align:right;font-size:.82rem}.turn-banner.active{box-shadow:inset 3px 0 var(--accent);background:linear-gradient(105deg,#4a292f,#251c20);border-color:#b7795e}.turn-banner.active small,.turn-banner.active strong{color:#f3c69f}.outcome{text-align:center;color:#f0d7c0;background:#583038;border:1px solid #d89564;border-radius:.5rem;margin-top:1rem;padding:1rem;font:700 1.2rem SimSun,serif}.workspace{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start;gap:1rem;margin-top:1rem;display:grid}.play-column{min-width:0}.workspace aside{scrollbar-color:#765b64 transparent;max-height:calc(100vh - 2rem);padding-right:.25rem;position:sticky;top:1rem;overflow-y:auto}.board{grid-template-columns:1fr 1fr;gap:.75rem;min-height:590px;display:grid}.location{background:linear-gradient(145deg,#402e35f7,#1c171bfa);border:1px solid #67535a;border-radius:.75rem;padding:1rem;box-shadow:0 .5rem 1.5rem #0002}.location header{border-bottom:1px solid #634d54;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.location-summary{color:#b9aab0;flex-wrap:wrap;justify-content:end;align-items:center;gap:.25rem;font-size:.76rem;display:flex}.location-summary .counter-token{padding:.12rem .32rem}.location-hospital{box-shadow:inset 3px 0 #7395a5}.location-shrine{box-shadow:inset 3px 0 #b36868}.location-city{box-shadow:inset 3px 0 #b2945e}.location-school{box-shadow:inset 3px 0 #668e77}.location.legal-board-target,.character.legal-board-target{cursor:pointer;border-color:#e4a372;box-shadow:0 0 0 2px #e4a37255,inset 3px 0 #e4a372}.location.legal-board-target{background:linear-gradient(145deg,#643f36fa,#231a1dfa)}.location.drag-over,.character.drag-over,.location.selected-board-target,.character.selected-board-target{background:#70424b;border-color:#ffd19f;transform:translateY(-2px);box-shadow:0 0 0 3px #f0b17d88,0 .7rem 2rem #0006}.characters{gap:.55rem;display:grid}.location-crowded .characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.location-packed .characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.character{background:#171315cc;border:1px solid #3e3338;border-left:3px solid #d0a078;border-radius:.35rem;gap:.65rem;min-width:0;padding:.55rem;display:flex;position:relative;overflow:hidden}.character.dead{filter:grayscale();opacity:.62;border-left-color:#786e72}.character.ability-source{cursor:pointer;border-color:#8d75b2;box-shadow:inset 3px 0 #a98ad2}.character.ability-source:after{content:"可发动";color:#e7d9fa;background:#594473;border-radius:1rem;padding:.15rem .35rem;font-size:.65rem;position:absolute;top:.35rem;right:.35rem}.character.ability-source .character-title{padding-right:3.25rem}.character.selected-source{background:#382a49;border-color:#c9a7f0;box-shadow:0 0 0 2px #b993df55,inset 3px 0 #c9a7f0}.character-art{object-fit:cover;border-radius:.25rem;flex:none;width:58px;height:81px;box-shadow:0 .25rem .65rem #0007}.character-body{flex:1;min-width:0}.character-title{justify-content:space-between;gap:.35rem;display:flex}.character-title strong{overflow-wrap:anywhere;min-width:0}.character-title small{color:#aa9ba0}.counters{color:#d1c4c8;flex-wrap:wrap;gap:.3rem;margin-top:.45rem;font-size:.72rem;display:flex}.counter-token{background:#30262a;border-radius:1rem;padding:.18rem .38rem}.counter-token strong{color:#f1e4d8}.counter-flag{animation:.38s ease-out counter-arrive}.counter-up{animation:.85s ease-out counter-up}.counter-down{animation:.85s ease-out counter-down}@keyframes counter-up{0%{color:#fff;background:#397052;transform:translateY(2px)scale(.92);box-shadow:0 0 #72d69a99}42%{transform:translateY(-2px)scale(1.08);box-shadow:0 0 0 5px #72d69a22}to{color:inherit;box-shadow:none;background:#30262a;transform:none}}@keyframes counter-down{0%{color:#fff;background:#7d3941;transform:translateY(-2px)scale(1.08);box-shadow:0 0 #e9777799}42%{transform:translateY(2px)scale(.94);box-shadow:0 0 0 5px #e9777722}to{color:inherit;box-shadow:none;background:#30262a;transform:none}}@keyframes counter-arrive{0%{opacity:0;transform:scale(.8)}}.character-reference-button{color:#bcaeb3;background:0 0;margin-top:.4rem;padding:.2rem .4rem;font-size:.68rem}.location-crowded .character,.location-packed .character{gap:.4rem;padding:.42rem}.location-crowded .character-art{width:42px;height:59px}.location-packed .character-art{width:34px;height:48px}.location-crowded .character-title,.location-packed .character-title{flex-direction:column;gap:.05rem;font-size:.78rem}.location-crowded .character-title small,.location-packed .character-title small{font-size:.64rem}.location-crowded .counters,.location-packed .counters{gap:.18rem;margin-top:.3rem;font-size:.65rem}.location-crowded .counter-token,.location-packed .counter-token{padding:.12rem .27rem}.location-crowded .character-reference-button,.location-packed .character-reference-button{width:100%;margin-top:.3rem;padding:.15rem .25rem}.location-packed .character.ability-source .character-title{padding-top:1.25rem;padding-right:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080608cc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.character-dialog{background:linear-gradient(145deg,#35262c,#191518);border:1px solid #a47769;border-radius:.75rem;width:min(620px,100%);max-height:min(760px,100vh - 2rem);padding:1rem;overflow-y:auto;box-shadow:0 1.5rem 5rem #000c}.character-dialog>header{border-bottom:1px solid #624d55;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.75rem;display:flex}.character-dialog>header h2{color:#f0d7c0;margin:0;font-size:1.45rem}.character-dialog-body{grid-template-columns:120px minmax(0,1fr);gap:1rem;padding:1rem 0;display:grid}.character-dialog-art{object-fit:cover;border-radius:.45rem;width:120px;height:168px;box-shadow:0 .6rem 1.5rem #0008}.character-dialog-body p,.character-dialog-rules p{margin:.45rem 0;line-height:1.55}.character-dialog-rules{border-top:1px solid #554249;padding-top:.55rem}.character-dialog-rules strong{color:#e2b590}.panel{background:#211b1ef2;border:1px solid #5d4c52;border-radius:.65rem;margin-bottom:.75rem;padding:.9rem;box-shadow:0 .35rem 1.2rem #0001}.actions-panel{border-color:#765961;margin:.85rem 0}.actions-panel.has-actions{box-shadow:0 .6rem 2rem #0003, inset 3px 0 var(--accent);background:linear-gradient(145deg,#342127,#211a1e 62%);border-color:#b7795e}.action-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.action-header h2{margin-bottom:0}.action-header .eyebrow{margin-bottom:.3rem}.actor-badge{color:#f1c39c;background:#4a2d33;border:1px solid #ad755d;border-radius:2rem;flex:none;padding:.35rem .65rem;font-size:.8rem}.actions-panel>button,.action-grid button{margin:.25rem}.actions-panel details{border-top:1px solid #4f4146;padding:.7rem 0}.actions-panel summary,.secret summary{cursor:pointer;color:#e0bea2}.action-grid{max-height:280px;padding-top:.5rem;overflow:auto}.batch-guess{gap:.45rem;max-height:min(54vh,620px);padding:.25rem;display:grid;overflow:auto}.batch-guess label{grid-template-columns:minmax(7rem,1fr) minmax(9rem,1.4fr);align-items:center;gap:.7rem;display:grid}.batch-guess select{width:100%}.batch-guess .confirm-bar{background:#211a1eef;position:sticky;bottom:0}.step-label{color:#c18c70;letter-spacing:.08em;margin:.9rem 0 .45rem;font-size:.78rem}.hand{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;display:grid}.hand button,.guess-characters button{text-align:left;background:linear-gradient(145deg,#35292e,#251e22);min-height:4.2rem}.hand button{align-items:center;gap:.65rem;display:flex;overflow:hidden}.hand button>img{object-fit:cover;pointer-events:none;border-radius:.2rem;flex:none;width:42px;height:59px;box-shadow:0 .2rem .6rem #0007}.hand button>span{min-width:0}.hand button:hover,.guess-characters button:hover{box-shadow:0 .35rem 1rem #0004}.hand button[aria-roledescription=draggable]{touch-action:none}.hand button.dragging{opacity:.35}.hand button strong,.hand button small,.guess-characters button small{display:block}.hand button small,.guess-characters button small{color:#aa9ba0;margin-top:.25rem}.ability-actions{border-left:2px solid #a98ad2;padding-left:.45rem}.drag-card-overlay{color:#fff4e9;cursor:grabbing;background:#56323a;border:1px solid #f0b17d;border-radius:.55rem;align-items:center;gap:.6rem;max-width:210px;padding:.55rem .75rem;font-weight:700;display:flex;box-shadow:0 1rem 3rem #0008}.drag-card-overlay img{object-fit:cover;border-radius:.2rem;width:42px;height:59px}.guess-characters{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.5rem;display:grid}.confirm-bar{z-index:20;background:#241b20f5;border:1px solid #a16f62;border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;width:min(680px,100% - 2rem);padding:.7rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 3rem #0009}.confirm-bar span{color:#e4d5d9}.placements{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.placements h2{width:100%;margin-bottom:.2rem}.placement{border:1px solid #59484e;border-radius:2rem;padding:.35rem .7rem;font-size:.82rem}.public-effects{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.public-effects h2{width:100%}.public-effects span,.card-list span{background:#35292e;border-radius:2rem;padding:.35rem .65rem;font-size:.8rem}.panel h3{color:#c18c70;margin:.7rem 0 .4rem;font-size:.82rem}.card-list{flex-wrap:wrap;gap:.35rem;display:flex}.card-list span{align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .25rem;display:inline-flex}.card-list img{object-fit:cover;border-radius:.15rem;width:25px;height:35px}.secret{background:linear-gradient(145deg,#3c2228,#251b20);border-color:#9d665e}.personal-secret{background:linear-gradient(145deg,#30263f,#211b29);border-color:#8d75b2}.personal-secret strong{color:#d7c0f0;font:700 1.3rem SimSun,serif}.panel p{margin:.45rem 0;font-size:.88rem}.reference details{border-top:1px solid #44383d;padding:.5rem 0}.reference summary{cursor:pointer;color:#e0bea2}.log{max-height:470px;overflow:auto}.log-header{z-index:1;background:#211b1ef5;justify-content:space-between;align-items:center;padding-bottom:.45rem;display:flex;position:sticky;top:0}.log-header h2{margin:0}.log-header select{padding:.35rem .55rem;font-size:.75rem}.log-search{z-index:1;background:#171315f5;width:100%;margin-bottom:.45rem;padding:.45rem .6rem;font-size:.78rem;position:sticky;top:2.75rem}.log-group{border-top:1px solid #5d4c52;padding-top:.4rem}.log-group h3{background:#211b1ef5;padding:.25rem 0;position:sticky;top:5.55rem}.log article{border-top:1px solid #44383d88;padding:.45rem 0}.log article p{margin-bottom:0}.log article .log-detail{color:#c9bcc0;padding-left:.6rem;font-size:.8rem}.tools{flex-wrap:wrap;gap:.4rem;display:flex}.replay{z-index:10;background:#171416;border:1px solid #9d665e;border-radius:.7rem;flex-direction:column;padding:1rem;display:flex;position:fixed;inset:4vh 5vw;box-shadow:0 1rem 5rem #000}.replay header{justify-content:space-between;align-items:center;display:flex}.replay header h2{margin:0}.replay-workspace{flex:1;grid-template-columns:minmax(250px,.75fr) minmax(0,1.6fr);gap:.75rem;min-height:0;margin-top:.75rem;display:grid}.replay-timeline{padding-right:.3rem;overflow-y:auto}.replay-timeline button{text-align:left;flex-direction:column;gap:.25rem;width:100%;margin-bottom:.35rem;display:flex}.replay-timeline button small{color:#bcaab0}.replay-detail{background:#211a1e;border:1px solid #4e4146;border-radius:.55rem;min-width:0;padding:1rem;overflow-y:auto}.replay-detail>small{color:#ba9a8c}.replay-detail h3{color:#edc29e}.replay-decision{border-left:3px solid var(--accent);background:#312329;padding:.75rem;font-weight:700}.replay-step{border-top:1px solid #44383d;gap:.2rem;padding:.55rem .7rem;display:grid}.replay-step small{color:#ba9a8c}.replay-controls{background:#171416f5;border:1px solid #624d55;border-radius:.55rem;align-items:center;gap:.55rem;margin-top:1rem;padding:.65rem;display:flex;position:sticky;bottom:0}.replay-controls input{min-width:0;accent-color:var(--accent);flex:1;padding:0}.replay details{margin-top:1rem}.replay summary{cursor:pointer;color:#d8ad8c}.replay pre{color:#ddd0d4;white-space:pre-wrap;background:#0d0b0c;max-height:45vh;margin:.5rem 0 0;padding:1rem;overflow:auto}@media (width<=900px){.workspace{grid-template-columns:1fr}.workspace aside{max-height:none;padding-right:0;position:static;overflow:visible}aside{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}aside .panel{margin:0}.status-strip{grid-template-columns:1fr 1fr}}@media (width<=620px){main{padding:.65rem .65rem 2rem}.masthead{flex-direction:column;align-items:stretch}.masthead h1{font-size:2.35rem}.new-game{justify-content:stretch}.new-game>*{flex:1}.room-heading{align-items:start}.room-bar{gap:.45rem .8rem;margin:.65rem 0;padding:.55rem .65rem;font-size:.78rem}.room-bar strong{width:100%}.room-bar button{min-height:2.35rem}.status-strip{grid-template-columns:1fr 1fr}.status-strip div{min-width:0;padding:.65rem .7rem}.status-strip small{font-size:.68rem}.status-strip strong{overflow-wrap:anywhere;font-size:.84rem}.turn-banner{align-items:flex-start;padding:.7rem .8rem}.turn-banner span{max-width:42%;font-size:.72rem}.board,aside{grid-template-columns:1fr}.board{min-height:0}.location{padding:.75rem}.location-packed .characters{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:.78rem}.actions-panel.has-actions{box-shadow:inset 3px 0 var(--accent)}.action-grid{max-height:none}.action-grid button{min-height:2.75rem}.hand{grid-template-columns:repeat(2,minmax(0,1fr))}.hand button{min-width:0;padding:.55rem .6rem}.confirm-bar{width:calc(100% - .9rem);bottom:.45rem}.confirm-bar .primary{flex:none;min-height:2.8rem}.replay{padding:.7rem;inset:.35rem}.replay-workspace{grid-template-rows:minmax(100px,26vh) minmax(0,1fr);grid-template-columns:1fr}.replay-timeline{gap:.4rem;padding:0 0 .25rem;display:flex;overflow:auto hidden}.replay-timeline button{flex:0 0 70vw;margin:0}.replay-detail{padding:.75rem}.replay-controls{margin-inline:-.35rem}.character-dialog{max-height:calc(100vh - .9rem);padding:.8rem}.character-dialog-body{grid-template-columns:86px minmax(0,1fr);gap:.75rem}.character-dialog-art{width:86px;height:120px}.welcome,.lobby-intro{grid-template-columns:1fr;margin-top:2rem}.seat-grid{grid-template-columns:1fr 1fr}.lobby-controls>*{width:100%}}@media (width<=380px){.hand{grid-template-columns:1fr}.turn-banner{flex-direction:column}.turn-banner span{text-align:left;max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}