:root{--bg: #0f1226;--panel: #1a1f3d;--panel-2: #232a52;--line: #313a6b;--text: #e8ecff;--muted: #9aa3cc;--primary: #5b7cfa;--danger: #e74c3c;--ok: #2ecc71}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(1400px 800px at 50% -10%,#f4ede0,#e9dfc9);background-color:#ece3d1;color:var(--text);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:16px}.app.wide{max-width:1600px;padding:12px 20px}.ad-slot{margin-top:18px;min-height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line);background:#ffffff05;color:var(--muted)}.ad-slot.filled{border:none;padding:0;overflow:hidden}.ad-tag{font-size:11px;font-weight:700;color:#11152e;background:var(--muted);padding:2px 8px;border-radius:6px}.ad-text{font-size:13px}.ad-img{width:100%;height:auto;display:block}.topbar{display:flex;align-items:center;gap:16px;padding:8px 4px 16px}.logo{font-size:20px;font-weight:700}.conn{font-size:13px;padding:2px 10px;border-radius:999px}.conn.on{background:#2ecc7126;color:var(--ok)}.conn.off{background:#e74c3c26;color:var(--danger)}.spacer{margin-left:auto}.room-code{font-size:14px;color:var(--muted)}.mute-btn{flex:none;width:36px;padding:6px 0;font-size:16px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer}.notice{padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:14px;position:relative;z-index:60}.notice.info{background:#5b7cfa26;color:#b9c6ff}.notice.error{background:#e74c3c26;color:#ffb4ab}.sa-notice{margin-bottom:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 40px #0000004d}.lobby{max-width:420px;margin:40px auto}.lobby h1{margin:0 0 4px;font-size:24px}.subtitle{color:var(--muted);margin:0 0 20px;font-size:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}input{width:100%;margin-top:6px;padding:11px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--primary)}.lobby-actions{display:flex;gap:10px}.divider{text-align:center;color:var(--muted);margin:16px 0;font-size:13px;position:relative}button{flex:1;padding:11px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:15px;transition:.15s}button:hover:not(:disabled){border-color:var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.big{width:100%;margin-top:18px;padding:14px}.hint{color:var(--muted);font-size:14px}.dev-bar{position:fixed;left:14px;bottom:14px;z-index:9999;display:flex;align-items:center;gap:10px;background:#141028eb;border:1px solid #6b4fd8;border-radius:12px;padding:8px 12px;box-shadow:0 8px 24px #0006}.dev-btn{flex:none;padding:8px 14px;font-size:14px;font-weight:700;background:#6b4fd8;border:1px solid #6b4fd8;color:#fff;border-radius:8px}.dev-btn:hover:not(:disabled){background:#7d63e6}.dev-desc{font-size:12px;color:#c9bfff;max-width:240px}.info-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.ic-head{display:flex;align-items:center;gap:8px}.ic-role{font-size:16px;font-weight:800}.info-card .round-pill,.info-card .turn-pill{padding:4px 12px;font-size:13px}.ic-secret{margin:0;padding:0 0 0 2px;list-style:none;font-size:13px;color:var(--muted)}.ic-secret li{margin:3px 0}.ic-secret b{color:#ffd24a}.ic-secret .motive-text{color:#ff9d7a}.ic-points{display:flex;gap:14px;font-size:13px;color:var(--muted);flex-wrap:wrap}.ic-points b{color:#7cffb0;font-size:15px}.drawer{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}.drawer>summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:11px 14px;font-size:14px;font-weight:700;list-style:none}.drawer>summary::-webkit-details-marker{display:none}.drawer>summary:before{content:"▸ ";color:var(--muted)}.drawer[open]>summary:before{content:"▾ "}.drawer[open]>summary{border-bottom:1px solid var(--line)}.drawer>*:not(summary){margin:10px 14px}.drawer-hint{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.motive-list li.clickable{cursor:pointer}.motive-list li.clickable:hover{background:#5b7cfa14}.motive-list li.excluded{opacity:.55;text-decoration:line-through}.exc-tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;color:#ffb4ab;background:#e74c3c2e;padding:0 6px;border-radius:5px;text-decoration:none}.tool-box{display:flex;flex-direction:column;gap:8px}.tool-title{margin:0;font-size:12px;color:var(--muted)}.tool-clear{flex:none;align-self:flex-start;padding:6px 12px;font-size:13px;border-radius:8px}.tag-tool{border-top:1px dashed var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}.tag-toggle{font-size:13px;padding:8px 12px}.tag-toggle.on{background:#ffd24a26;border-color:#ffd24a;color:#ffd24a}.cz-status.tag-killer i{background:#e74c3c}.cz-status.tag-suspect i{background:#f0a0a0}.cz-status.tag-cleared i{background:#9aa3cc}.cz-status.tag-cleared{opacity:.85}.cz-status.tag-asked i{background:#6fb6ff}.cz-status.tag-asked{opacity:.8}.entry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;animation:entry-quake .18s linear 1.8s}@keyframes entry-quake{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,1px)}to{transform:translate(0)}}.entry-bg{position:absolute;top:-3.5%;right:-3.5%;bottom:-3.5%;left:-3.5%;background:url(/entry/bg.webp) center / cover no-repeat,radial-gradient(1200px 700px at 50% 18%,#f8f1e0,#ead9b8 68%,#ddcda6);animation:entry-fade-in 1s ease-out both;transition:transform .35s ease}.entry.zooming .entry-bg{transform:scale(1.32) translateY(-3%);transition-duration:.5s}@keyframes entry-fade-in{0%{opacity:0}to{opacity:1}}.entry-ped{position:absolute;pointer-events:none;opacity:var(--po);animation:ped-in 1s ease-out both,ped-walk 1.9s linear both,ped-flee .7s cubic-bezier(.4,0,.85,1) 1.85s forwards}.entry-ped img{height:100%;display:block}.entry-ped img.flip{transform:scaleX(-1)}@keyframes ped-in{0%{opacity:0}to{opacity:var(--po)}}@keyframes ped-walk{0%{transform:translate(0)}25%{transform:translate(calc(var(--wx) * .25),-1.5px)}50%{transform:translate(calc(var(--wx) * .5))}75%{transform:translate(calc(var(--wx) * .75),-1.5px)}to{transform:translate(var(--wx))}}@keyframes ped-flee{0%{transform:translate(var(--wx));opacity:var(--po)}to{transform:translate(var(--fx),3px);opacity:0}}.entry-sign-wrap{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;transition:transform .4s cubic-bezier(.55,0,.7,.5)}.entry.zooming .entry-sign-wrap{transform:translateY(-130%)}.entry-sign{position:relative;transform-origin:50% 0;animation:sign-drop .7s cubic-bezier(.2,.8,.3,1) .4s both,sign-shake 1.1s ease-in-out 1.8s forwards}.entry-sign img{height:min(46vh,430px);display:block}.entry-sign-fallback{padding:18px 56px;font-size:min(11vh,92px);font-weight:900;font-family:Kaiti SC,STKaiti,KaiTi,serif;color:#241a10;letter-spacing:16px;text-indent:16px;background:linear-gradient(180deg,#bd9a68,#97754b 55%,#7d5c38);border:4px solid #5f4426;border-radius:10px;box-shadow:inset 0 2px 10px #ffebc866,0 12px 26px #3c280f59}@keyframes sign-drop{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes sign-shake{0%{transform:rotate(0)}12%{transform:rotate(-2.2deg)}32%{transform:rotate(4.6deg)}55%{transform:rotate(1.2deg)}78%{transform:rotate(3.5deg)}to{transform:rotate(2.8deg)}}.entry-flash{position:absolute;right:9%;top:52%;width:52px;height:52px;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,240,200,.5) 40%,transparent 70%);animation:flash-pop .22s ease-out 1.8s}@keyframes flash-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}.entry-hole{position:absolute;right:11.5%;top:58%;width:12px;height:12px;border-radius:50%;opacity:0;background:radial-gradient(circle,#17100a 45%,#3a2a18 68%,#3a2a1800 76%);box-shadow:0 0 0 2px #1e140a38;animation:hole-in .2s ease-out 1.9s forwards}@keyframes hole-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.entry-chip{position:absolute;right:12%;top:59%;width:6px;height:4px;border-radius:1px;opacity:0;pointer-events:none;background:linear-gradient(135deg,#a5804f,#6d4f2a);--cx: 0px;--cy: 0px;--cr: 0deg;animation:chip-fly .55s cubic-bezier(.25,.6,.6,1) 1.8s}.entry-chip.c0{--cx: -46px;--cy: 26px;--cr: 260deg;width:7px}.entry-chip.c1{--cx: -24px;--cy: 44px;--cr: -190deg}.entry-chip.c2{--cx: 18px;--cy: 38px;--cr: 320deg;height:5px}.entry-chip.c3{--cx: 38px;--cy: 20px;--cr: -240deg;width:5px}.entry-chip.c4{--cx: -8px;--cy: 56px;--cr: 150deg}@keyframes chip-fly{0%{opacity:1;transform:translate(0) rotate(0)}60%{opacity:1}to{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}}.entry.still,.entry.still .entry-bg{animation:none}.entry.still .entry-sign{animation:none;transform:rotate(2.8deg)}.entry.still .entry-flash,.entry.still .entry-chip{animation:none;opacity:0}.entry.still .entry-hole{animation:none;opacity:1}.entry.still .entry-actions{animation:none}.entry.still .entry-det{animation:entry-det-idle 3.8s ease-in-out infinite;transform:translate(0) scaleX(-1)}.entry-actions{position:absolute;left:50%;top:64%;transform:translate(-50%);display:flex;flex-direction:column;gap:18px;width:min(330px,74vw);animation:entry-rise .6s ease-out 1.3s both}@keyframes entry-rise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.entry-btn{position:relative;overflow:hidden;flex:none;padding:16px 0;font-size:22px;font-weight:800;letter-spacing:10px;text-indent:10px;color:#f3e6cf;border-radius:12px;cursor:pointer;border:1px solid rgba(40,20,10,.45);text-shadow:0 2px 3px rgba(0,0,0,.4);box-shadow:inset 0 1px 4px #ffe6b438,inset 0 -2px 5px #00000038,0 8px 18px #3c230f59;transition:transform .12s ease,filter .12s ease}.entry-btn:before,.pm-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.16;mix-blend-mode:overlay}.entry-btn:after,.pm-primary:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(243,230,207,.3);border-radius:8px}.pm-primary:after{top:3px;right:3px;bottom:3px;left:3px;border-radius:7px}.entry-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.entry-btn.create{background:linear-gradient(180deg,#a5432e,#7e2f1f)}.entry-btn.join{background:linear-gradient(180deg,#6f4c2f,#4e3520)}.entry-det{position:absolute;right:3%;bottom:-1.5%;height:min(34vh,320px);transform:translate(150%) scaleX(-1);pointer-events:none;filter:drop-shadow(0 10px 20px rgba(50,30,10,.35));animation:det-enter .7s cubic-bezier(.2,.9,.3,1.2) 3s forwards,entry-det-idle 3.8s ease-in-out 3.8s infinite}@keyframes det-enter{0%{transform:translate(150%) scaleX(-1)}70%{transform:translate(-4%) scaleX(-1)}to{transform:translate(0) scaleX(-1)}}@keyframes entry-det-idle{0%,to{transform:translate(0) scaleX(-1) translateY(0) rotate(0)}50%{transform:translate(0) scaleX(-1) translateY(-5px) rotate(2deg)}}.entry-modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#281c0e59;animation:entry-fade-in .25s ease-out both}.paper-modal{position:relative;width:min(460px,90vw);background:url(/entry/paper.webp) center / cover no-repeat,linear-gradient(165deg,#f6eeda,#eadfc4 60%,#e0d2b2);border:1px solid #b39b6f;border-radius:6px;box-shadow:0 18px 50px #28190873,inset 0 0 60px #785a281f;padding:26px 28px 24px;color:#3c2f1d;animation:paper-in .3s cubic-bezier(.2,.9,.3,1.15) both}@keyframes paper-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}.pm-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding-bottom:10px;border-bottom:1px dashed #b39b6f}.pm-title{margin:0;font-size:20px;letter-spacing:6px;color:#2e2213}.pm-close{flex:none;width:30px;padding:4px 0;background:transparent;border:none;color:#7a6647;font-size:15px;cursor:pointer}.pm-label{display:block;font-size:13px;color:#5c4a30;margin:0 0 14px}.pm-error{margin:-4px 0 12px;font-size:13px;color:#8c2f1d}.paper-modal input{background:#fffcf2bf;border:1px solid #b39b6f;color:#2e2213}.paper-modal input:focus{border-color:#8a6d3b}.paper-modal input::placeholder{color:#a8916a}.pm-primary{position:relative;overflow:hidden;width:100%;padding:12px;font-size:16px;font-weight:800;letter-spacing:4px;color:#f3e6cf;background:linear-gradient(180deg,#a5432e,#7e2f1f);border:1px solid rgba(40,20,10,.45);border-radius:10px;text-shadow:0 2px 3px rgba(0,0,0,.35);box-shadow:inset 0 1px 4px #ffe6b438,inset 0 -2px 5px #00000038,0 4px 10px #3c230f40}.pm-primary:hover:not(:disabled){filter:brightness(1.08);border-color:#28140a73}.pm-primary:disabled{filter:grayscale(.55);opacity:.75}.pm-room{display:flex;align-items:center;gap:12px;margin:6px 0 14px}.pm-code{font-size:30px;font-weight:900;letter-spacing:8px;color:#7e2f1f;font-family:ui-monospace,SF Mono,monospace}.pm-copy{flex:none;padding:7px 12px;font-size:13px;border-radius:8px;background:#7e2f1f14;border:1px solid #b39b6f;color:#5c4526}.pm-players{display:flex;flex-direction:column;gap:5px;margin-bottom:16px;font-size:14px}.rolestage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:20px;padding:4vh 3vw;background:#281c0e47;animation:entry-fade-in .3s ease-out both}.rs-center{width:min(440px,92vw);flex:none;display:flex;flex-direction:column;gap:14px;background:url(/entry/paper.webp) center / cover no-repeat,linear-gradient(165deg,#f6eeda,#eadfc4 60%,#e0d2b2);border:1px solid #b39b6f;border-radius:6px;box-shadow:0 18px 50px #28190873,inset 0 0 60px #785a281f;padding:22px 24px;color:#3c2f1d;animation:paper-in .3s cubic-bezier(.2,.9,.3,1.15) both}.rs-manual{width:min(300px,25vw);flex:none;align-self:center;background:linear-gradient(165deg,#f4ecd8,#e7dbc0);border:1px solid #b39b6f;border-radius:6px;box-shadow:0 12px 30px #28190859;padding:18px 20px;color:#3c2f1d;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.rs-manual.left{transform:translate(-22px)}.rs-manual.right{transform:translate(22px)}.rs-manual.open{opacity:1;pointer-events:auto;transform:none}.rs-manual h4{margin:0 0 10px;font-size:16px;letter-spacing:4px;color:#2e2213;border-bottom:1px dashed #b39b6f;padding-bottom:8px}.rsm-goal{margin:0 0 8px;font-size:13px;line-height:1.7}.rsm-list{margin:0;padding-left:16px;font-size:12px;line-height:1.8;color:#5c4a30}.role-row{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.role-row:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #321e0a47}.role-row:focus{outline:none}.role-row:focus-visible{outline:2px solid #8a6d3b;outline-offset:3px}.role-row.killer:hover:not(:disabled){border-color:#a5713f}.role-row.detective:hover:not(:disabled){border-color:#8a6d3b}.entry-btn:hover:not(:disabled){border-color:#28140a73}.pm-copy:hover:not(:disabled){border-color:#8a6d3b}.role-row.mine{outline:2px solid rgba(192,57,43,.55);outline-offset:3px}.role-row.killer{color:#f3e2cd;background:linear-gradient(170deg,#6e3226,#4d2118 70%,#3f1b13);border:1px solid #8a5a3c;box-shadow:inset 0 0 36px #00000059,0 4px 12px #321e0a40}.role-row.detective{color:#3c2f1d;background:linear-gradient(170deg,#f2e8d2,#e3d5b6 70%,#d8c8a4);border:1px solid #a98f63;box-shadow:inset 0 0 30px #785a2829,0 4px 12px #321e0a38}.rr-art{height:72px;flex:none;filter:drop-shadow(0 4px 8px rgba(50,30,10,.3))}.rr-glyph{width:72px;flex:none;text-align:center;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:52px;line-height:1.3;font-weight:900;color:#d8b791;text-shadow:0 3px 8px rgba(0,0,0,.45)}.rr-txt{flex:1;min-width:0}.rs-name{display:block;font-size:18px;letter-spacing:6px}.rs-desc{margin:3px 0 0;font-size:12px;line-height:1.6;opacity:.85}.rs-board{display:flex;gap:10px}.rsb-slot{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:#7a6647;border:1px dashed #b39b6f;border-radius:8px}.rsb-slot b{color:#2e2213}.rsb-slot .empty{color:#a8916a}.rsb-slot em{margin-left:auto;font-style:normal;font-size:11px;color:#2f6b3a}.rsb-slot.clash{border-color:#b2543e}.rsb-slot.clash b{color:#a03b2c}.rsb-slot .clash-hint{margin-left:auto;font-size:11px;color:#a03b2c}.pm-primary.curtain{letter-spacing:6px}.rs-stamp{position:absolute;top:10px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:22px;font-weight:900;color:#c0392b;border:3px solid #c0392b;border-radius:50%;transform:rotate(-14deg);background:#fff8ec38;animation:stamp-in .28s cubic-bezier(.2,1.4,.4,1) both;pointer-events:none}@keyframes stamp-in{0%{opacity:0;transform:rotate(-14deg) scale(1.9)}to{opacity:1;transform:rotate(-14deg) scale(1)}}.rs-tag{position:absolute;right:14px;bottom:14px;max-width:60%;padding:3px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4a3823;background:#e8d9ba;border:1px solid #a98f63;border-radius:4px;box-shadow:0 2px 5px #321e0a4d;transform:rotate(-3deg);pointer-events:none}.pm-hint{margin:0;font-size:12px;color:#8a744f;text-align:center}.rs-stamp{border-style:dashed;opacity:.8}.rs-stamp.ok{border-style:solid;opacity:1;background:#c0392b1f}.pm-rolebar{display:flex;align-items:center;gap:10px}.pm-rolebar .pm-primary.slim{width:auto;flex:1;padding:10px}.pm-secondary{flex:none;padding:10px 14px;font-size:13px;border-radius:10px;background:#7e2f1f0f;border:1px solid #b39b6f;color:#5c4526}.pm-wait{flex:1;font-size:14px;color:#2f6b3a;font-weight:600}.brief-list{margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.8;color:var(--text)}.brief-list li{margin-bottom:2px}.brief-drawn{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:2}.bd-tag{display:inline-block;margin:0 4px 0 2px;padding:1px 8px;border:1px solid;border-radius:999px;font-size:12px;color:var(--text)}.bd-tag.sup{font-weight:800;background:#e74c3c1f}.brief-place{margin:0 0 12px;font-size:13px;color:#7cffb0;line-height:1.7}.brief-place.done{color:var(--muted)}.pm-player.in{color:#2f6b3a}.pm-player.waiting{color:#8a744f}.game{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch;height:calc(100vh - 32px)}.board-wrap{height:100%;min-height:0;display:flex}.show-area{height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.sa-brand{display:flex;align-items:center;gap:10px}.sa-brand .logo{font-size:20px;font-weight:800}.sa-brand .spacer{flex:1}.app.wide:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.32;mix-blend-mode:overlay}.turn-banner{display:flex;gap:10px;margin-bottom:12px}.round-pill,.turn-pill{padding:7px 16px;border-radius:999px;font-weight:700;font-size:14px}.round-pill{background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.turn-pill{background:linear-gradient(135deg,#5b7cfa,#7c5bfa);color:#fff}.board{position:relative;flex:1;width:100%;height:100%;min-height:0;display:grid;grid-template-rows:repeat(4,1fr);gap:6px}.cell{position:relative;overflow:hidden;min-height:0;background-color:#f4ecdb;background-image:radial-gradient(120% 90% at 50% 0%,#fffbf0b3,#0000 55%),radial-gradient(130% 120% at 50% 115%,#785f3724,#0000 60%);border:1px solid #d3c2a0;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #5a462829,0 4px 10px -4px #5a462833}.cell:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:0;border-radius:7px;background-image:var(--district-art, none);background-size:cover;background-position:center bottom;background-repeat:no-repeat;mix-blend-mode:multiply;opacity:.43;pointer-events:none}.cell-head,.occupants,.evac-hint{position:relative;z-index:1}.cell:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:0;border:1px solid rgba(120,95,60,.3);border-radius:8px;pointer-events:none}.district-no{flex:none;width:20px;height:20px;border-radius:50%;background:#3a322a;color:#f3ead7;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000004d}.cell.has-car{border-color:#5b7cfa;box-shadow:0 0 0 1px #5b7cfa inset}.cell.blocked{border-color:#a8977c}.cell.blocked:before{opacity:.92;background-image:linear-gradient(#ae9e82d1,#a08f73db),var(--district-art, none);filter:grayscale(.8) brightness(.95)}.cell.blocked .district{color:#7d6f58;text-shadow:none}.cell.blocked .district-no{opacity:.75}.cell.blocked .building-sign{filter:saturate(.55) brightness(.85) drop-shadow(0 1px 2px rgba(60,40,20,.35))}.cell.blocked .occupants{filter:saturate(.6) brightness(.88)}.cell-lockdown{position:absolute;left:5px;bottom:5px;width:calc(100% - 10px);z-index:2;pointer-events:none;filter:sepia(.45) saturate(1.15) brightness(.8) contrast(1.1) drop-shadow(0 3px 5px rgba(50,32,15,.4));animation:lockdown-rise .65s cubic-bezier(.2,.7,.3,1) both}@keyframes lockdown-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cell.evac-target{cursor:pointer;border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc71 inset,0 0 12px #2ecc7159}.cell.evac-target:hover{background:#2ecc711f}.cell.move-target{cursor:pointer;border-color:#5b7cfa;box-shadow:0 0 0 2px #5b7cfa inset,0 0 12px #5b7cfa59}.cell.move-target:hover{background:#5b7cfa1f}.evac-hint{font-size:12px;color:#7cffb0;margin:8px 0 0}.cell-head{display:flex;align-items:center;gap:6px;min-height:20px}.district{font-size:14px;color:#4a3f2e;font-weight:800;letter-spacing:.5px;text-shadow:0 0 4px #f4ecdb,0 0 4px #f4ecdb,0 0 8px #f4ecdb}.building-sign{height:20px;margin-left:auto;flex:none;opacity:.9;filter:saturate(.78) contrast(.95) sepia(.12) drop-shadow(0 1px 2px rgba(60,40,20,.3))}.det-token{position:absolute;z-index:5;pointer-events:none;width:calc((100% - 18px)/4);height:calc((100% - 18px)/4);left:calc(var(--dc) * ((100% - 18px) / 4 + 6px));top:calc(var(--dr) * ((100% - 18px) / 4 + 6px));transition:left .7s cubic-bezier(.45,.05,.35,1),top .7s cubic-bezier(.45,.05,.35,1)}.det-token img{position:absolute;right:6px;bottom:6px;height:36%;filter:drop-shadow(0 4px 6px rgba(50,32,15,.42));animation:det-idle 3.8s ease-in-out infinite}@keyframes det-idle{0%,to{transform:scaleX(-1) translateY(0) rotate(0)}50%{transform:scaleX(-1) translateY(-4px) rotate(2.5deg)}}.occupants{display:flex;flex-wrap:wrap;gap:4px;flex:1;justify-content:center;align-content:center}.cz-card{position:relative;width:72px;aspect-ratio:3 / 5;border:1.5px solid rgba(0,0,0,.22);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #5a462847}.cz-card.threatened .cz-pbox{filter:grayscale(1) brightness(.78) contrast(1.04)}.cz-konghe{position:absolute;z-index:6;top:4%;left:5%;height:20%;pointer-events:none;filter:brightness(1.12) saturate(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.4))}.cz-pbox{position:absolute;left:3px;top:3px;right:19px;bottom:18px;border-radius:3px;overflow:hidden;background:#e7dcc4;box-shadow:inset 0 0 10px #5a462847}.cz-pbox:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cz-emblem{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);z-index:1;width:92%;height:92%;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.18}.cz-portrait{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cz-portrait.placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.4)}.cz-side{position:absolute;right:0;top:3px;bottom:18px;width:19px;display:flex;flex-direction:column;color:#fff}.cz-s{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.45);border-bottom:1px solid rgba(255,255,255,.22)}.cz-s:last-child{border-bottom:none}.cz-s.ht{flex-direction:column;gap:2px;padding:2px 0}.cz-s.ht i{width:9px;height:3px;border-radius:2px;background:#ffffff4d}.cz-s.ht i.on{background:#fff;box-shadow:0 0 4px #ffffffe6}.cz-foot{position:absolute;left:0;right:0;bottom:0;height:18px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.2)}.cz-job{flex:1;min-width:0;padding-left:4px;font-size:10px;font-weight:800;color:#fff;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden}.cz-fdiv{flex:none;width:1px;height:62%;background:#ffffff52}.cz-seal{flex:none;width:19px;display:flex;align-items:center;justify-content:center}.cz-seal img{width:13px;height:13px;box-sizing:border-box;padding:1.5px;border-radius:50%;object-fit:contain;background:#0000002e;box-shadow:inset 0 0 0 1px #ffffff4d;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.cz-seal b{font-size:8px;font-weight:900;color:#fff}.cz-tag.bug{position:absolute;top:2px;left:2px;z-index:4;font-size:13px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cz-status{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:3;display:flex;align-items:flex-end;gap:3px;padding:0 4px 3px;background:linear-gradient(to right,#000000c7,#0000006b 55%,#0000);-webkit-mask-image:linear-gradient(to top,#000 45%,transparent);mask-image:linear-gradient(to top,#000 45%,transparent);color:#fff;font-size:8px;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none}.cz-status i{width:4px;height:4px;border-radius:50%;flex:none;margin-bottom:3px}.cz-status.self i{background:#e74c3c}.cz-status.suspect i{background:#f0a0a0}.cz-status.support i{background:#e0e0e0}.legend{margin-top:12px;font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;position:sticky;top:12px}.side-title{margin:0 0 14px;font-size:17px}.secret{background:#e74c3c14;border:1px solid rgba(231,76,60,.3);border-radius:10px;padding:14px}.secret-title{color:#ffb4ab;font-size:13px;margin:0 0 10px;font-weight:700}.secret ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9}.secret-foot{color:var(--muted);font-size:12px;margin:10px 0 0}.detective-panel{font-size:14px}.points{display:flex;gap:10px}.point-box{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.point-box .pv{font-size:26px;font-weight:800;color:#7c9bff}.point-box .pl{font-size:12px;color:var(--muted)}.factions{margin-top:20px}.factions h4{margin:0 0 10px;color:var(--muted);font-size:13px}.faction-tags{display:flex;flex-wrap:wrap;gap:6px}.faction-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 6px}.faction-tag i{width:10px;height:10px;border-radius:50%;display:inline-block}.faction-tag.revealed{border-color:#2ecc71}.faction-tag.revealed em{font-style:normal;color:#2ecc71;font-size:10px;margin-left:2px}.faction-tag.supported{border-color:#ffd24a}.faction-tag em.sup{font-style:normal;color:#ffd24a;font-size:10px;margin-left:2px}.faction-tag em.board{font-style:normal;color:var(--muted);font-size:10px;margin-left:2px}.faction-hint{font-size:11px;color:var(--muted);margin:0 0 8px;line-height:1.5}.cz-card.selectable{cursor:pointer}.cz-card.selectable:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0006}.cz-card.selected{box-shadow:0 0 0 2px #ffd24a,0 0 14px #ffd24a80}.cz-card.dimmed{opacity:.35;filter:grayscale(.6)}.cz-badge{position:absolute;top:1px;right:1px;font-size:9px;font-weight:800;background:#000000a6;color:#ffd24a;padding:0 4px;border-radius:4px}.crime-card{position:relative;width:66px;aspect-ratio:3 / 5;border:none;border-radius:9px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1a1020,#1a1020 6px,#211222 6px,#211222 12px);overflow:hidden;box-shadow:0 2px 6px #00000080}.crime-art{width:100%;height:100%;object-fit:cover;display:block}.crime-outline{width:34px;height:48px;opacity:.9}.crime-no{position:absolute;top:3px;right:3px;font-size:12px;font-weight:800;color:#fff;background:#c0392b;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-box{margin-top:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:14px}.action-step{margin:0 0 6px;font-weight:800;color:#ffd24a;font-size:14px}.action-desc{margin:0 0 12px;font-size:13px;color:var(--text);line-height:1.6}.action-box.waiting{color:var(--muted);font-size:14px;text-align:center}.undo-move{width:100%;margin:0 0 10px;padding:8px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid #5b7cfa;color:#9fb4ff}.undo-move:hover:not(:disabled){background:#5b7cfa26}button.danger{width:100%;background:#c0392b;border-color:#c0392b;color:#fff;font-weight:700}button.danger:hover:not(:disabled){background:#e74c3c}.action-box .primary{width:100%}.motive-text{color:#ffd24a}.kill-track{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 10px;position:sticky;top:12px;display:flex;flex-direction:column;gap:8px}.kt-title{font-size:13px;color:#ffb4ab;margin:0 0 2px;font-weight:800;text-align:center}.kt-sub{font-size:11px;color:var(--muted);margin:0 0 6px;text-align:center;line-height:1.4}.kt-slot{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;padding:8px 6px;background:#c0392b0f;position:relative;min-height:46px;justify-content:center}.kt-slot.filled{background:#c0392b1f;border-color:#7a2233}.kt-no{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#c0392b;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.kt-empty{font-size:11px;color:var(--muted)}.kt-status{font-size:10px;font-weight:700;color:var(--muted)}.kt-status.threat{color:#ddd;background:#444;border-radius:4px;padding:0 5px}.victims{margin-top:18px}.victims h4{margin:0 0 10px;color:#ffb4ab;font-size:13px}.victim-list{display:flex;flex-wrap:wrap;gap:12px}.victim{display:flex;flex-direction:column;align-items:center;gap:4px}.victim-round{font-size:11px;font-weight:700;color:var(--muted)}.victim-status{font-size:10px;font-weight:700;color:var(--muted);background:var(--panel-2);border-radius:4px;padding:1px 6px}.victim-status.threat{color:#ddd;background:#444}.victims-hint{font-size:12px;color:var(--muted);margin:10px 0 0}.ask-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.ask-title{font-size:13px;font-weight:700;margin:0 0 8px;color:#9fd3ff}.qopts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.qgroup{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.qgroup-label{font-size:12px;color:var(--muted);width:32px;flex-shrink:0}.qchip{flex:none;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.qchip.on{background:#5b7cfa;border-color:#5b7cfa;color:#fff;font-weight:700}.ask-box .primary{width:100%}.endturn{width:100%;margin-top:14px;padding:12px;font-weight:700;background:#2e3a6b;border-color:#3a4a8b;color:#dbe2ff}.endturn:hover:not(:disabled){background:#3a4a8b}.result-box{background:linear-gradient(160deg,#20264f,#2a1630);border:1px solid #5b7cfa;border-radius:12px;padding:16px;margin-bottom:14px}.result-winner{font-size:22px;font-weight:800;margin:0 0 12px;text-align:center}.result-winner.detective{color:#7c9bff}.result-winner.killer{color:#ff6b6b}.reveal{font-size:14px;line-height:1.8}.reveal p{margin:0}.reveal .acc{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.accuse-box{border:1px solid #c0392b}.accuse-label{font-size:12px;color:var(--muted);margin:10px 0 6px;font-weight:700}.accuse-box .danger{width:100%;margin-top:12px}.bld-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.bld-title{font-size:13px;font-weight:800;margin:0 0 8px}.bld-box.waiting{color:var(--muted);font-size:13px;text-align:center}.pick-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pick-list.scroll{max-height:132px;overflow-y:auto}.pick{flex:none;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.pick.on{background:#5b7cfa;border-color:#5b7cfa;color:#fff;font-weight:700}.bld-box .primary{width:100%}.answer-panel{border:1px solid #5b7cfa}.answer-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}.answer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.ar-name{font-size:13px;font-weight:700}.ar-controls{display:flex;gap:6px}.ans-btn{flex:none;font-size:12px;padding:3px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.ans-btn.on{background:#2ecc71;border-color:#2ecc71;color:#08231a;font-weight:700}.ans-btn.lie.on{background:#e74c3c;border-color:#e74c3c;color:#fff}.ar-locked{font-size:12px;color:var(--muted)}.answer-panel .primary{width:100%}.qlog{margin-top:18px}.qlog h4{margin:0 0 8px;color:var(--muted);font-size:13px}.qlog-item{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:6px}.qlog-q{font-size:12px;font-weight:700;margin-bottom:5px}.qlog-a{display:flex;flex-wrap:wrap;gap:5px}.qa{font-size:11px;padding:1px 7px;border-radius:999px}.qa.yes{background:#2ecc712e;color:#8fe9b6}.qa.no{background:#e74c3c2e;color:#ffb4ab}.qa.lied{outline:1px solid #ffd24a;color:#ffd24a;font-weight:700}.faction-draw-list{display:flex;flex-direction:column;gap:5px}.fd-item{display:flex;align-items:center;gap:6px;font-size:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 9px}.fd-name{font-weight:800}.fd-removed{font-size:10px;color:#ffb4ab;background:#e74c3c26;border-radius:4px;padding:1px 5px}.motives{margin-top:18px}.motives h4{margin:0 0 8px;color:var(--muted);font-size:13px}.motive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.motive-list li{font-size:13px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;position:relative}.motive-list li.mine{border-color:#ffd24a;background:#ffd24a1a}.mine-tag{position:absolute;right:8px;top:7px;font-size:11px;font-weight:800;color:#11152e;background:#ffd24a;padding:0 6px;border-radius:4px}@media(max-width:820px){.game{grid-template-columns:1fr}.sidebar{position:static}}