:root{--navy:#111844;--blue:#2554f4;--cyan:#23d9e7;--yellow:#ffe34f;--red:#ff4b57;--cream:#fffdf1;--ink:#0d1338;--line:#24316d;--mono:"SFMono-Regular","Menlo","Consolas",monospace;--sans:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}
.site-head{height:54px;background:var(--yellow);padding:0 max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:7px solid var(--ink);position:relative;z-index:5}.site-head:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;background:repeating-linear-gradient(135deg,var(--ink) 0 10px,var(--yellow) 10px 20px)}.brand{border:0;background:transparent;display:flex;align-items:center;gap:8px;font-weight:950;cursor:pointer}.brand span{background:var(--ink);color:var(--yellow);font:900 11px/1 var(--mono);padding:5px 7px;transform:skew(-8deg)}.head-status{font:800 11px/1 var(--mono)}.head-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#13ac65;box-shadow:0 0 0 3px rgba(19,172,101,.18)}main{min-height:calc(100dvh - 54px)}footer{display:none}
.lobby{min-height:calc(100dvh - 54px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);background:var(--cream)}.hero-poster{position:relative;min-height:650px;overflow:hidden;background:#111}.hero-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,50,.18),rgba(8,14,50,.08) 46%,rgba(8,14,50,.85)),linear-gradient(0deg,rgba(8,14,50,.7),transparent 55%)}.poster-copy{position:absolute;left:clamp(24px,5vw,72px);bottom:72px;color:#fff;text-shadow:0 4px 0 rgba(8,14,50,.3)}.poster-copy>span{font:900 11px/1 var(--mono);letter-spacing:.16em;background:var(--blue);padding:6px 8px}.poster-copy h1{font-size:clamp(70px,9vw,136px);line-height:.78;letter-spacing:-.09em;margin:22px 0 24px;font-weight:1000}.poster-copy h1 em{font-style:normal;color:var(--yellow)}.poster-copy p{margin:0;font-size:clamp(18px,2vw,27px);font-weight:900}.press-start{position:absolute;right:18px;top:18px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 13px;font-weight:950;font-size:12px;animation:blink 1.1s steps(2) infinite}.lobby-panel{padding:clamp(26px,4vw,54px);align-self:center}.mode-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:4px solid var(--ink);padding-bottom:12px;margin-bottom:22px}.mode-title span{font-size:25px;font-weight:1000}.mode-title b{font:900 50px/1 var(--mono);color:var(--blue)}label{font-weight:950;font-size:13px}.player-setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-bottom:23px}.player-setting small{font-size:11px;font-weight:800;color:#69709a}.stepper{grid-row:1/3;grid-column:2;display:flex;align-items:center;border:3px solid var(--ink)}.stepper button{width:43px;height:43px;border:0;background:#fff;font-size:22px;font-weight:1000;cursor:pointer}.stepper strong{width:50px;text-align:center;font:1000 24px/1 var(--mono);background:var(--yellow);padding:10px 0;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.difficulty{display:grid;gap:7px}.difficulty>label{margin-bottom:2px}.mode{border:2px solid var(--ink);background:#fff;min-height:55px;padding:0 14px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;text-align:left;cursor:pointer}.mode b{font-size:15px}.mode span{font:700 11px/1 var(--mono);color:#727899}.mode i{font:900 23px/1 var(--mono);font-style:normal}.mode.active{background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.mode.active span{color:#d9e2ff}.start-button{width:100%;border:3px solid var(--ink);background:var(--yellow);box-shadow:6px 6px 0 var(--ink);min-height:68px;margin-top:22px;cursor:pointer;text-align:left;padding:10px 17px;display:flex;flex-direction:column;justify-content:center}.start-button span{font-size:20px;font-weight:1000}.start-button small{font-weight:800;margin-top:2px}.record{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px;font:750 10px/1 var(--mono);color:#69709a}.record button{margin-left:auto;border:0;background:transparent;cursor:pointer;font-weight:900}
.identity-stage{height:calc(100dvh - 54px);padding:18px max(15px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto;gap:12px;color:#fff;background:radial-gradient(circle at 50% 40%,#27367a,#10163f 68%);position:relative}.identity-stage:before{content:"TOP SECRET";position:absolute;inset:auto 0 17%;font:1000 17vw/1 var(--mono);text-align:center;color:rgba(255,255,255,.025);transform:rotate(-8deg)}.identity-top{display:flex;justify-content:space-between;align-items:center;max-width:580px;width:100%;margin:auto}.identity-top small{display:block;font:900 10px/1 var(--mono);letter-spacing:.14em;color:#a8b5f4}.identity-top b{display:block;font:1000 22px/1 var(--mono);margin-top:5px}.deal-dots{display:flex;gap:5px}.deal-dots i{width:18px;height:5px;background:#354586}.deal-dots i.done{background:var(--cyan)}.deal-dots i.current{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.identity-card{width:min(580px,100%);min-height:0;margin:auto;border:3px solid #7689e7;background:linear-gradient(145deg,#1c2764,#121944);box-shadow:0 0 0 6px #0c1234,0 18px 40px rgba(0,0,0,.3);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.identity-card:before,.identity-card:after{content:"";position:absolute;width:100px;height:100px;border:8px solid var(--cyan);opacity:.16;transform:rotate(45deg)}.identity-card:before{left:-60px;top:-60px}.identity-card:after{right:-60px;bottom:-60px}.sealed-side h2{font-size:clamp(29px,7vw,50px);margin:22px 0 8px}.sealed-side p{color:#aebbf3;font-weight:750;margin:0}.player-badge{width:140px;height:140px;border-radius:50%;border:3px dashed var(--yellow);display:grid;place-content:center;margin:auto;box-shadow:0 0 0 10px rgba(255,227,79,.06)}.player-badge small{font:900 10px/1 var(--mono);color:var(--yellow);letter-spacing:.14em}.player-badge b{font:1000 64px/.95 var(--mono)}.fingerprint{font-size:50px;color:#4b5aa2;margin-top:26px}.word-side>span{font:900 11px/1 var(--mono);letter-spacing:.17em;color:var(--cyan)}.word-side strong{display:block;font-size:clamp(48px,12vw,84px);line-height:1.05;margin:26px 16px 8px;word-break:break-word;color:var(--yellow)}.word-side p{margin:0;color:#aebbf3;font-weight:850}.memory-alert{margin:34px auto 0;background:var(--red);padding:8px 13px;width:max-content;max-width:90%;font-weight:950;transform:rotate(-2deg)}.deal-button{width:min(580px,100%);min-height:62px;margin:auto;border:3px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--cyan);font-weight:1000;font-size:17px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.deal-button span{font:1000 27px/1 var(--mono)}.sound-fab{position:absolute;right:15px;top:16px;border:0;background:transparent;font-size:18px;cursor:pointer}
.discussion-stage{min-height:calc(100dvh - 54px);max-width:760px;margin:auto;padding:22px 18px 35px;color:#fff}.discussion-head{display:flex;justify-content:space-between;font:900 11px/1 var(--mono);letter-spacing:.14em;color:var(--cyan)}.discussion-head button{border:0;background:transparent}.clock-zone{text-align:center;padding:6vh 0 4vh}.clock-zone>small{font-weight:900;color:#a9b6f4}.clock{font:1000 clamp(86px,23vw,150px)/.9 var(--mono);letter-spacing:-.1em;color:var(--yellow);text-shadow:7px 7px 0 #040824}.pulse{font-weight:900;margin-top:22px;color:#a9b6f4}.pulse i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6877bc;margin-right:7px}.pulse.running i{background:var(--red);box-shadow:0 0 0 6px rgba(255,75,87,.15);animation:pulse 1s infinite}.rule-marquee{display:grid;grid-template-columns:1fr 1fr 1.45fr;border:2px solid #5f70c4}.rule-marquee span{padding:13px 8px;text-align:center;border-right:2px solid #5f70c4;font-size:12px;font-weight:900}.rule-marquee span:last-child{border:0;color:var(--yellow)}.discussion-controls{display:grid;grid-template-columns:2fr 1fr;gap:9px;margin-top:15px}.control,.hint-toggle{min-height:52px;border:2px solid #7689e7;background:#1c2764;color:#fff;font-weight:950;cursor:pointer}.control.main{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}.hint-toggle{width:100%;margin-top:13px;background:transparent}.host-hint{margin-top:10px;border-left:5px solid var(--yellow);padding:13px 15px;background:#1d2864}.host-hint b{font-size:11px;color:var(--cyan)}.host-hint p{margin:6px 0 0;line-height:1.55;font-weight:750}.vote-entrance{width:100%;margin-top:18px;border:3px solid var(--ink);background:var(--red);color:#fff;box-shadow:5px 5px 0 var(--yellow);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.vote-entrance span{font-size:12px;font-weight:850}.vote-entrance b{font-size:17px}
.vote-stage{min-height:calc(100dvh - 54px);background:var(--cream);padding:22px 16px 32px}.vote-shell{width:min(650px,100%);margin:auto}.vote-progress{display:flex;justify-content:space-between;border-bottom:4px solid var(--ink);padding-bottom:10px;font:900 12px/1 var(--mono)}.vote-progress b{color:var(--blue)}.ballot-title{text-align:center;margin:27px 0 22px}.ballot-title small{background:var(--yellow);padding:5px 8px;font-weight:950}.ballot-title h1{font-size:clamp(36px,9vw,58px);line-height:1;margin:16px 0 8px;letter-spacing:-.05em}.ballot-title p{margin:0;font-weight:750;color:#6d7190}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.suspect{aspect-ratio:1.2;border:3px solid var(--ink);background:#fff;display:grid;place-content:center;cursor:pointer}.suspect span{font:1000 clamp(31px,8vw,48px)/1 var(--mono)}.suspect small{font-weight:900;margin-top:5px}.suspect.selected{background:var(--blue);color:#fff;box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.suspect:disabled{opacity:.28;background:#c7c8c1;cursor:not-allowed}.confirm-vote{width:100%;min-height:62px;margin-top:16px;border:3px solid var(--ink);background:var(--yellow);font-weight:1000;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer}.confirm-vote:disabled{background:#d6d6cf;color:#777;cursor:not-allowed}.confirm-vote span{font-size:28px}.privacy-note{text-align:center;margin-top:13px;color:#6e7395;font-size:11px;font-weight:800}
.result-stage{min-height:calc(100dvh - 54px);padding:25px 16px 45px;background:var(--cream)}.result-stage.caught{--result:#15b56b}.result-stage.escaped,.result-stage.tie{--result:var(--red)}.result-shell{width:min(720px,100%);margin:auto;position:relative}.result-kicker{font:900 11px/1 var(--mono);letter-spacing:.14em;color:var(--blue)}.result-stamp{position:absolute;right:0;top:2px;border:4px solid var(--result);color:var(--result);padding:7px 12px;font-weight:1000;transform:rotate(6deg)}.result-shell>h1{font-size:clamp(47px,11vw,78px);line-height:.95;letter-spacing:-.07em;margin:38px 0 12px;max-width:600px}.vote-summary{font-weight:800}.vote-bars{border:3px solid var(--ink);padding:14px;margin-top:22px;background:#fff;display:grid;gap:8px}.vote-bars>div{display:grid;grid-template-columns:45px 1fr 38px;gap:8px;align-items:center;font-size:11px;font-weight:900}.vote-bars i{height:10px;background:#e2e4ee}.vote-bars i b{display:block;height:100%;background:var(--result);min-width:0}.word-reveal{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;margin-top:16px}.word-reveal>div{border:3px solid var(--ink);background:var(--yellow);padding:17px 8px}.word-reveal small{display:block;font-weight:850}.word-reveal b{display:block;font-size:clamp(20px,5vw,31px);margin-top:5px}.word-reveal em{font:1000 15px/1 var(--mono);font-style:normal}.diagnosis{margin-top:15px;border-left:6px solid var(--blue);padding:13px 16px;background:#e4e9ff}.diagnosis span{font-size:11px;font-weight:1000;color:var(--blue)}.diagnosis p{font-weight:800;line-height:1.55;margin:5px 0 0}.result-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;margin-top:17px}.result-actions .start-button{margin:0}.result-actions>button:not(.start-button){border:3px solid var(--ink);background:#fff;font-weight:950;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;font-weight:900;z-index:30}
.hero-poster img{inset:-3%;width:106%;height:106%;animation:posterCamera 9s ease-in-out infinite alternate;will-change:transform}.hero-poster:before{content:"";position:absolute;z-index:2;top:-20%;bottom:-20%;width:24%;background:linear-gradient(90deg,transparent,rgba(103,234,255,.21),transparent);transform:skewX(-14deg);animation:searchLight 5.5s ease-in-out infinite alternate;pointer-events:none}.hero-poster:after{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:posterScan 3.2s linear infinite;pointer-events:none}.poster-shade{z-index:1}.poster-copy,.press-start{z-index:3}.identity-card{transform-style:preserve-3d;animation:sealedBreath 2.6s ease-in-out infinite}.is-revealed .identity-card{animation:cardFlipIn .58s cubic-bezier(.2,.76,.2,1)}.word-side{animation:wordIgnite .75s .24s both}.sealed-side .fingerprint{animation:fingerprintPulse 1.5s ease-in-out infinite}.clock-zone{position:relative;isolation:isolate}.clock-zone:before,.clock-zone:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:100px;height:100px;border:2px solid rgba(35,217,231,.28);border-radius:50%;animation:sonar 2.8s linear infinite}.clock-zone:after{animation-delay:-1.4s}.clock{animation:clockBeat 1s steps(2) infinite}.suspect.selected{animation:suspectLock .38s ease-out}.vote-bars i b{transform-origin:left;animation:barGrow .8s cubic-bezier(.2,.75,.2,1) both}
@keyframes blink{50%{opacity:.55}}@keyframes pulse{50%{transform:scale(.65);opacity:.65}}@keyframes posterCamera{from{transform:scale(1.01) translate3d(-1%,0,0)}to{transform:scale(1.08) translate3d(1.8%,-1.2%,0)}}@keyframes searchLight{from{left:-30%;opacity:.15}to{left:108%;opacity:.75}}@keyframes posterScan{from{transform:translateY(0)}to{transform:translateY(720px)}}@keyframes sealedBreath{50%{transform:scale(.992);box-shadow:0 0 0 6px #0c1234,0 10px 28px rgba(0,0,0,.4),0 0 28px rgba(35,217,231,.14)}}@keyframes cardFlipIn{0%{transform:perspective(900px) rotateY(88deg) scale(.9);filter:brightness(2)}100%{transform:perspective(900px) rotateY(0) scale(1);filter:brightness(1)}}@keyframes wordIgnite{0%{opacity:0;transform:scale(.65);filter:blur(9px)}70%{filter:blur(0)}100%{opacity:1;transform:scale(1)}}@keyframes fingerprintPulse{50%{transform:scale(1.14);color:var(--cyan);text-shadow:0 0 20px var(--cyan)}}@keyframes sonar{0%{transform:translate(-50%,-50%) scale(.35);opacity:.8}100%{transform:translate(-50%,-50%) scale(5.2);opacity:0}}@keyframes clockBeat{50%{filter:brightness(1.18)}}@keyframes suspectLock{0%{transform:scale(.82) rotate(-4deg)}70%{transform:scale(1.05) rotate(1deg)}100%{transform:translate(-2px,-2px)}}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.head-status{display:none}.lobby{display:block}.hero-poster{min-height:345px}.poster-shade{background:linear-gradient(0deg,rgba(8,14,50,.86),transparent 78%)}.poster-copy{left:20px;bottom:27px}.poster-copy h1{font-size:63px;margin:15px 0 14px}.poster-copy p{font-size:16px}.press-start{font-size:10px}.lobby-panel{padding:25px 18px 40px}.mode-title{display:none}.identity-stage{height:calc(100dvh - 54px)}.identity-card{max-height:570px}.player-grid{grid-template-columns:repeat(3,1fr)}.result-actions{grid-template-columns:1fr 1fr}.result-actions .start-button{grid-column:1/-1}.word-reveal{gap:6px}.discussion-stage{padding-top:18px}.clock-zone{padding:5vh 0 3vh}}
@media(max-width:390px){.poster-copy h1{font-size:56px}.mode{min-height:50px}.identity-card{max-height:500px}.sealed-side h2{font-size:28px}.player-badge{width:120px;height:120px}.rule-marquee{grid-template-columns:1fr}.rule-marquee span{border-right:0;border-bottom:1px solid #5f70c4;padding:8px}.rule-marquee span:last-child{border:0}.clock-zone{padding:4vh 0 2.5vh}.clock{font-size:81px}.suspect{aspect-ratio:1.3}.ballot-title{margin:21px 0 17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:4px solid var(--cyan);outline-offset:2px}