@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700;900&display=swap";:root{--heading:"Ma Shan Zheng", "Noto Serif SC", serif;--body:"Noto Serif SC", "Songti SC", serif;font-family:var(--body);color:#ead083;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#16100a}*{box-sizing:border-box}html{background:#16100a;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #e6c35f}.app-shell{--black:#050505;--ink:#0d0e0d;--paper:#f2f0e9;--paper-warm:#fff1a4;--yellow:#ffd21a;--yellow-deep:#b78300;--red:#ee2b2b;--muted:#6f7584;isolation:isolate;background:var(--black);min-height:100svh;position:relative;overflow-x:hidden}.noise-layer,.fog-layer{pointer-events:none;z-index:-5;position:fixed;inset:0}.noise-layer{background:radial-gradient(circle at 50% 70%,#ff960d38,#0000 34%),radial-gradient(circle at 70% 58%,#ee2b2b24,#0000 26%),linear-gradient(#050505 0%,#111314 54%,#6e4303 100%)}.noise-layer:after{content:"";opacity:.22;background-image:radial-gradient(#ffffff6b .7px,#0000 .7px),radial-gradient(#000c .8px,#0000 .8px);background-position:0 0,9px 13px;background-size:17px 17px,23px 23px;position:absolute;inset:0}.fog-layer{z-index:-4;opacity:.34;filter:blur(18px);background:radial-gradient(at 44% 24%,#ffffff2e,#0000 30%),radial-gradient(at 20% 42%,#ffffff2e,#0000 28%),radial-gradient(at 78% 38%,#ffffff29,#0000 30%);animation:14s ease-in-out infinite alternate fogMove}.home-mode{height:100svh;overflow:hidden}.game-mode{background:linear-gradient(#020202 0 136px,#0000 136px),repeating-radial-gradient(circle at 0 0,#00000024 0 1px,#0000 1px 8px),linear-gradient(#ffd91e,#ffdc32 56%,#f7cd20)}.game-mode .noise-layer{opacity:0}.game-mode .fog-layer{display:none}button,select,textarea{font-family:var(--body)}button{cursor:pointer}.page-stage{z-index:1;position:relative}.landing-scene{background:#050505;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.cover-art{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.06)brightness(.88);width:100%;height:100%;position:absolute;inset:0}.landing-scene:before{content:"";z-index:1;background:radial-gradient(circle at 50% 38%,#0000001f,#000000c7 74%),linear-gradient(#00000075,#00000024 46%,#000c);position:absolute;inset:0}.landing-scene:after{content:"";z-index:2;opacity:.16;background-image:radial-gradient(#ffd21ae6 .8px,#0000 .8px);background-size:18px 18px;position:absolute;inset:0}.giant-title{z-index:3;color:#ffd21ae6;width:min(840px,86vw);font-family:var(--heading);text-align:center;text-shadow:4px 5px #050505,0 24px 48px #000000ad;mix-blend-mode:screen;font-size:clamp(96px,19vw,280px);line-height:.8;position:absolute;top:10vh;left:50%;transform:translate(-50%)}.sunset-band{mix-blend-mode:screen;background:linear-gradient(#ffb60c00,#ff7312eb 36%,#080808 92%);height:42vh;position:absolute;inset:auto 0 0}.hills{clip-path:polygon(0 62%,10% 44%,26% 48%,40% 42%,52% 28%,65% 38%,75% 37%,83% 29%,100% 51%,100% 100%,0 100%);background:#050505;height:22vh;position:absolute;bottom:8vh;left:-5vw;right:-5vw}.village span{clip-path:polygon(50% 0,86% 22%,66% 48%,94% 68%,55% 100%,26% 74%,48% 52%,14% 28%);filter:drop-shadow(0 80px #00000038);background:#010101;width:36px;height:180px;position:absolute;bottom:11vh}.village span:first-child{left:15vw;transform:scale(1.22)}.village span:nth-child(2){bottom:9vh;left:40vw;transform:scale(.52)}.village span:nth-child(3){right:21vw;transform:scale(.92)}.landing-cta{z-index:4;filter:drop-shadow(0 18px 26px #00000061);justify-items:center;gap:18px;width:min(780px,88vw);display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.landing-kicker{color:var(--yellow);letter-spacing:.18em;text-align:center;clip-path:polygon(5% 0,100% 0,96% 100%,0 100%);background:#180806c2;margin:0;padding:18px 42px;font-size:clamp(18px,2.2vw,28px);font-weight:900}.landing-actions{grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px;width:min(520px,100%);display:grid}.landing-cta button,.restart,.back-button,.empty-state button{background:var(--yellow);color:#050505;border:0;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:6px 6px #000}.landing-cta button{min-height:68px;padding:0 24px;font-size:18px}.landing-cta button.secondary{color:#050505;background:#f2f0e9f0}.landing-cta button:hover,.restart:hover,.back-button:hover,.empty-state button:hover{filter:saturate(1.1);transform:translate(-2px,-2px);box-shadow:9px 9px #000}.rule-card{color:#171717;opacity:0;visibility:hidden;background:#f2f0e9;border:4px solid #050505;width:min(460px,100%);max-height:0;padding:18px 20px;transition:opacity .18s,transform .18s,visibility .18s;overflow:hidden;transform:translateY(-6px);box-shadow:8px 8px #000}.rule-card.open{opacity:1;visibility:visible;max-height:260px;transform:translateY(0)}.rule-card b,.rule-card strong{display:block}.rule-card strong{color:var(--red);font-family:var(--heading);margin:8px 0;font-size:38px;font-weight:400}.rule-card p{margin:0;line-height:1.65}.game-header{z-index:20;background:#030303;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;min-height:136px;padding:14px 24px 0;display:grid;position:sticky;top:0;box-shadow:0 10px #00000029}.rule-link,.game-title{background:0 0;border:0}.rule-link{color:var(--yellow);justify-self:start;font-weight:900}.game-title{color:var(--yellow);font-family:var(--heading);text-shadow:2px 2px #5b160c;font-size:42px;line-height:1}.restart{color:#fff;min-height:48px;box-shadow:none;background:#f04444;justify-self:end;padding:0 22px}.progress-stamp{justify-self:end;align-items:center;gap:8px;display:flex}.progress-stamp span{border:2px solid var(--yellow);min-height:34px;color:var(--yellow);place-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-grid}.tab-nav{grid-column:1/-1;justify-content:center;gap:10px;margin-top:12px;display:flex}.tab-nav button{color:#1a1c22;background:#f2f0e9;border:0;border-bottom:6px solid #000;min-width:150px;min-height:68px;font-size:18px;font-weight:900;transition:transform .16s,background .16s}.tab-nav button.active,.tab-nav button:hover{background:var(--yellow);transform:translateY(-4px)}.board-page,.analysis-page,.detail-page{width:min(1380px,100vw - 40px);margin:0 auto;padding:42px 0 72px;animation:.36s both pageIn}.page-title{text-align:center;justify-items:center;margin-bottom:36px;display:grid;position:relative}.page-title:before,.page-title:after{content:"";background:#ffefa3db;width:110px;height:50px;position:absolute;top:20px;box-shadow:0 12px 18px #0000001f}.page-title:before{left:0;transform:rotate(-12deg)}.page-title:after{right:0;transform:rotate(13deg)}.page-title p{color:#0000006b;letter-spacing:.32em;margin:0 0 8px;font-size:14px;font-weight:900}.page-title h1{color:#070707;font-family:var(--heading);text-shadow:5px 5px #0000001f;margin:0;font-size:clamp(72px,11vw,154px);font-weight:400;line-height:.86}.page-title span{max-width:680px;color:var(--yellow);letter-spacing:.08em;background:#050505;margin-top:14px;padding:13px 34px;font-weight:900;line-height:1.7;display:block;transform:skew(-7deg)}.lineup-board{border-bottom:4px dashed #050505;grid-template-columns:repeat(4,minmax(220px,1fr));align-items:end;gap:24px;padding:0 clamp(8px,3vw,50px) 24px;display:grid}.suspect-card{background:#fff;border:4px solid #050505;gap:0;padding:0;transition:transform .18s,filter .18s,box-shadow .18s;display:grid;position:relative;transform:translateY(0);box-shadow:7px 7px #000}.case-mark{z-index:2;background:var(--yellow);color:#050505;border:3px solid #050505;padding:6px 10px;font-weight:900;position:absolute;top:10px;right:10px;box-shadow:4px 4px #000}.case-mark.failed{color:#fff;background:#f04444}.suspect-card:hover{filter:contrast(1.08)saturate(1.1);transform:translateY(-10px);box-shadow:12px 12px #000}.portrait{aspect-ratio:.72;filter:grayscale()contrast(1.14);background:#edeae1;width:100%;min-height:360px;overflow:hidden}.portrait img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.portrait-large{aspect-ratio:.56;border:4px solid #050505;min-height:480px;box-shadow:6px 6px #000}.suspect-meta{color:#050505;text-align:left;background:#f2f0e9;border-top:4px solid #050505;padding:12px 10px 14px}.suspect-meta span,.clue-tags span,.archive-card span,.overline{color:var(--red);letter-spacing:.12em;font-size:12px;font-weight:900}.suspect-meta h2{color:#050505;font-family:var(--heading);margin:3px 0 2px;font-size:38px;font-weight:400}.suspect-meta p{color:#252a33;min-height:46px;margin:0;font-weight:900;line-height:1.45}.paper-panel{background:linear-gradient(135deg,#fffffff5,#efede5f5),repeating-linear-gradient(0deg,#00000009 0 1px,#0000 1px 7px);border:4px solid #050505;box-shadow:9px 9px #050505}.detail-page{grid-template-columns:minmax(280px,390px) 1fr;gap:26px;display:grid}.back-button{grid-column:1/-1;justify-self:start;min-height:44px;padding:0 18px}.identity-card,.dossier,.rule-panel,.note-panel,.flow-panel,.archive-card,.empty-state{padding:clamp(20px,3vw,34px)}.identity-head{border-bottom:3px solid #050505;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.identity-head span{font-weight:900}.identity-head b,.target-strip{color:var(--red)}.identity-card h1{color:#050505;font-family:var(--heading);margin:20px 0 4px;font-size:clamp(58px,8vw,96px);font-weight:400;line-height:.9}.identity-card p{color:#252a33;margin:0;font-weight:900}.target-strip{color:#fff;background:#050505;margin-top:18px;padding:12px;font-weight:900}.dossier blockquote{color:#050505;font-family:var(--heading);margin:8px 0 24px;font-size:clamp(34px,5vw,72px);line-height:1.1}.dossier h2,.note-panel h2,.flow-panel h2,.archive-card h2,.clue-card h2{color:#050505;font-family:var(--heading);margin:0 0 12px;font-size:clamp(34px,4vw,54px);font-weight:400}.dossier p,.archive-card p,.clue-card p{color:#1f2933;text-wrap:pretty;font-size:17px;line-height:1.8}.secret-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.secret-grid button{color:#050505;text-align:left;background:#fff;border:3px solid #050505;min-height:68px;font-weight:900;transition:transform .16s,background .16s,color .16s,opacity .16s}.secret-grid button span{background:var(--yellow);margin-right:10px;padding:4px 7px;display:inline-block}.secret-grid button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px #000}.secret-grid button:disabled{cursor:not-allowed;opacity:.58}.secret-grid button.selected{opacity:1}.secret-grid button.correct{color:var(--yellow);background:#10150b}.secret-grid button.wrong{color:#fff;background:#320808}.secret-result{border:3px solid #050505;margin-top:18px;padding:14px 16px}.secret-result b{margin-bottom:4px;display:block}.secret-result p{margin:0}.secret-result.success,.ending-panel.success{background:#ffd21a57}.secret-result.danger,.ending-panel.danger{background:#f0444424}.filter-strip{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.filter-strip button{color:#050505;background:#f2f0e9;border:3px solid #050505;min-width:96px;min-height:48px;font-weight:900;box-shadow:5px 5px #000}.filter-strip button.active,.filter-strip button:hover{color:var(--yellow);background:#050505}.clue-timeline{width:min(920px,100%);margin:0 auto;position:relative}.clue-timeline:before{content:"";background:#050505;width:4px;position:absolute;top:0;bottom:0;left:108px}.clue-item{grid-template-columns:86px 1fr;gap:54px;margin-bottom:22px;display:grid;position:relative}.clue-item:before{content:"";background:var(--yellow);border:5px solid var(--red);z-index:2;border-radius:50%;width:22px;height:22px;position:absolute;top:32px;left:98px}.clue-item time{color:#050505;font-family:var(--heading);padding-top:28px;font-size:32px}.clue-card{padding:22px}.clue-tags{align-items:center;gap:8px;display:flex}.clue-tags b{color:var(--yellow);background:#050505;padding:5px 10px}.clue-card small{color:var(--red);font-weight:900}.clue-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.clue-actions button,.archive-card button,.submit-verdict,.plain-jump{background:var(--yellow);color:#050505;border:3px solid #050505;min-height:42px;font-weight:900;box-shadow:4px 4px #000}.clue-actions button{padding:0 14px}.clue-actions button.active{color:var(--yellow);background:#050505}.clue-actions span{color:#252a33;font-size:14px;font-weight:900}.analysis-page{grid-template-columns:.95fr 1.35fr .8fr;gap:22px;display:grid}.analysis-page .page-title{grid-column:1/-1}.mechanism-title{background:var(--red);color:#fff;border:4px solid #050505;width:fit-content;margin:-50px auto 26px;padding:12px 28px;font-size:26px;font-weight:900;box-shadow:5px 5px #000}.meter-cards{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.meter-cards div{text-align:center;border:3px solid #050505;padding:20px 10px}.meter-cards span{color:#050505;font-size:76px;font-weight:900;line-height:.9;display:block;transform:skew(-8deg)}.meter-cards b{color:#fff;background:#050505;margin-top:10px;padding:8px;display:block}.rule-panel label{color:#050505;gap:8px;font-weight:900;display:grid}.analysis-gates{gap:8px;margin:16px 0;display:grid}.analysis-gates span{color:#252a33;background:#fff;border:3px solid #050505;padding:8px 10px;font-weight:900}.analysis-gates span.ready{color:var(--yellow);background:#050505}.submit-verdict,.plain-jump{width:100%;margin-top:10px}.submit-verdict:disabled{cursor:not-allowed;opacity:.48}.plain-jump{background:#f2f0e9}select,textarea{color:#050505;background:#fff;border:3px solid #050505;width:100%;font-size:17px}select{min-height:48px;padding:8px 12px}textarea{resize:vertical;min-height:430px;padding:16px;line-height:1.75}.flow-step{border:3px solid #050505;margin:0 0 16px 28px;padding:16px;position:relative}.flow-step:before{content:"";background:var(--yellow);border:4px solid #050505;border-radius:50%;width:24px;height:24px;position:absolute;top:18px;left:-42px}.flow-step span{color:var(--muted);font-size:12px;font-weight:900}.flow-step b{color:#050505;font-size:22px;display:block}.ending-panel{grid-column:1/-1}.ending-panel h2{font-family:var(--heading);margin:0 0 10px;font-size:clamp(42px,6vw,76px);font-weight:400}.ending-panel p{max-width:860px;line-height:1.8}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.archive-card{min-height:320px}.archive-card b{color:var(--yellow);background:#050505;margin:10px 0 18px;padding:8px 10px;display:block}.archive-card.locked{filter:grayscale(.8)}.archive-card button{padding:0 16px}.archive-card.locked button{background:#f2f0e9}.empty-state button{min-height:46px;padding:0 18px}@keyframes fogMove{0%{transform:translate(-3vw)scale(1)}to{transform:translate(3vw)scale(1.08)}}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.lineup-board{grid-template-columns:repeat(2,minmax(240px,1fr))}.analysis-page,.detail-page{grid-template-columns:1fr}.portrait-large{min-height:560px}.archive-grid{grid-template-columns:1fr}}@media (width<=760px){.giant-title{color:#ffd21ae6;font-size:clamp(88px,27vw,132px);top:9vh}.landing-cta{width:calc(100vw - 34px);display:grid;top:auto;bottom:92px}.landing-kicker{clip-path:none;padding:14px 16px;font-size:16px;line-height:1.55}.landing-actions{grid-template-columns:1fr;gap:12px;width:100%}.landing-cta button{min-height:58px}.cover-art{object-position:49% center}.rule-card{width:100%;padding:12px 14px}.rule-card strong{font-size:30px}.rule-card p{font-size:14px;line-height:1.55}.game-header{grid-template-columns:1fr auto;min-height:0;padding:12px}.game-title{grid-area:1/1/auto/-1;justify-self:center}.rule-link{grid-row:2}.progress-stamp{grid-area:3/1/auto/-1;justify-content:center;justify-self:stretch}.restart{grid-row:2}.tab-nav{grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:7px;padding-bottom:0;display:grid;overflow:visible}.tab-nav button{min-width:0;min-height:46px;padding:0 6px;font-size:15px}.board-page,.analysis-page,.detail-page{width:min(100% - 22px,1380px);padding-top:26px}.page-title:before,.page-title:after{display:none}.page-title h1{font-size:70px}.page-title span{transform:none}.lineup-board{border-bottom:0;grid-template-columns:1fr;padding:0}.portrait{aspect-ratio:.72;min-height:0}.portrait-large{min-height:420px}.secret-grid,.meter-cards{grid-template-columns:1fr}.clue-timeline:before{left:72px}.clue-item{grid-template-columns:62px 1fr;gap:32px}.clue-item:before{left:62px}.clue-item time{font-size:25px}textarea{min-height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}