:root{--bg:#040608;--panel:rgba(8,12,16,.9);--text:#f1f3f4;--muted:#9ca5ab;--line:rgba(255,255,255,.13);--accent:#e6d9b5;--danger:#b73d3f;--safe:#9dc6bd}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020304;color:var(--text);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;-webkit-font-smoothing:antialiased}.app{height:100dvh;min-height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 18%,#13212a 0,#091016 35%,#040608 72%)}button,a{font:inherit;color:inherit}.topbar{position:absolute;z-index:50;top:0;left:0;right:0;height:58px;padding:env(safe-area-inset-top) 15px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#05070a,transparent)}.home{font-family:system-ui,sans-serif;font-weight:800;font-size:14px;text-decoration:none;letter-spacing:.08em;color:#c8ced2}.chapter{font:700 10px/1 system-ui,sans-serif;letter-spacing:.2em;color:#9aa6ad}.iconBtn{border:1px solid var(--line);background:rgba(0,0,0,.32);border-radius:999px;padding:7px 10px;font:700 10px/1 system-ui,sans-serif}.stage,.screen{width:100%;height:100%}.screen{display:none;position:absolute;inset:0}.screen.active{display:flex}.storm{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.32;overflow:hidden}.storm i{position:absolute;width:1px;height:110px;background:linear-gradient(transparent,rgba(230,240,245,.8),transparent);transform:rotate(18deg);animation:rain 1.1s linear infinite}.storm i:nth-child(1){left:12%;animation-delay:-.3s}.storm i:nth-child(2){left:34%;animation-delay:-.7s}.storm i:nth-child(3){left:52%;animation-delay:-.1s}.storm i:nth-child(4){left:73%;animation-delay:-.9s}.storm i:nth-child(5){left:91%;animation-delay:-.5s}@keyframes rain{from{top:-130px}to{top:110%}}.titleScreen{z-index:4;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:92px 7vw max(36px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(2,4,6,.04) 0,rgba(2,4,6,.25) 36%,#030506 80%)}.overline{font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.22em;color:#b8c3c9;margin:0 0 14px}.titleScreen h1{font-size:clamp(48px,13vw,92px);line-height:.95;letter-spacing:-.07em;margin:0 0 20px;font-weight:700;text-shadow:0 8px 40px #000}.titleScreen h1 em{font-style:normal;color:var(--accent)}.tagline{font-size:14px;line-height:1.85;color:#c3c8ca;margin:0 0 25px}.primary,.sub{width:min(100%,420px);border-radius:4px;padding:16px 18px;font-size:15px;font-weight:800;letter-spacing:.04em;cursor:pointer}.primary{border:1px solid rgba(230,217,181,.5);background:linear-gradient(180deg,#e9ddbb,#cdbb89);color:#12110e;box-shadow:0 12px 40px rgba(0,0,0,.35)}.primary:active{transform:translateY(1px)}.primary.locked{opacity:.35;pointer-events:none}.sub{margin-top:10px;border:1px solid var(--line);background:rgba(4,8,11,.7);color:#d9dddf}.titleMeta{display:flex;gap:18px;margin-top:20px;font:700 9px/1 system-ui,sans-serif;letter-spacing:.14em;color:#68747b}.lighthouse{position:absolute;right:8vw;top:10vh;width:180px;height:350px;opacity:.9}.tower{position:absolute;right:50px;bottom:0;width:62px;height:230px;background:linear-gradient(90deg,#0b1115,#1c2930 45%,#081015);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%)}.light{position:absolute;right:64px;bottom:224px;width:36px;height:28px;background:#efe6c9;box-shadow:0 0 22px rgba(239,230,201,.62)}.beam{position:absolute;right:82px;bottom:223px;width:360px;height:90px;transform-origin:right center;transform:rotate(-10deg);background:linear-gradient(90deg,rgba(231,225,199,.22),transparent);clip-path:polygon(0 38%,100% 48%,100% 57%,0 88%);animation:beam 7s ease-in-out infinite}@keyframes beam{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(12deg)}}
.novelScreen{z-index:5;flex-direction:column}.scene{position:absolute;inset:0;background:#0a1116;overflow:hidden;transition:background 1s}.scene::before,.scene::after{content:"";position:absolute;inset:0;pointer-events:none}.scene::before{background:radial-gradient(circle at 55% 36%,transparent 0 16%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.72) 100%)}.scene::after{opacity:.24;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}.scene[data-scene="pier"]{background:linear-gradient(#14252d 0 43%,#091015 44% 53%,#0b171b 54%)}.scene[data-scene="hall"]{background:linear-gradient(90deg,#090c0f 0 12%,#1b1b18 13% 87%,#07090a 88%),linear-gradient(#24231f,#0b0b0a)}.scene[data-scene="radio"]{background:radial-gradient(circle at 66% 36%,#39352c 0 4%,#161616 18%,#07090a 55%)}.scene[data-scene="stairs"]{background:linear-gradient(130deg,#080a0b 20%,#24201a 20% 25%,#090b0c 25% 49%,#2a251e 49% 54%,#080a0b 54%)}.scene[data-scene="lighthouse"]{background:radial-gradient(circle at 50% 22%,#5d5849 0 2%,#13191c 9%,#050709 48%)}.scene[data-scene="cellar"]{background:linear-gradient(#090b0d,#15120f 72%,#080706)}.sceneShade{position:absolute;inset:0;background:linear-gradient(transparent 0 52%,rgba(2,3,4,.3) 68%,rgba(2,3,4,.92) 100%)}.sceneObject{position:absolute;left:50%;top:34%;width:150px;height:260px;transform:translate(-50%,-50%);opacity:.7}.scene[data-scene="pier"] .sceneObject{width:46vw;max-width:330px;height:10px;background:#20282b;box-shadow:-120px 58px 0 -2px #10181b,100px 72px 0 -3px #10181b}.scene[data-scene="hall"] .sceneObject{width:220px;height:180px;border:2px solid rgba(255,255,255,.08);border-bottom:0;box-shadow:95px 10px 0 -82px rgba(210,200,175,.23),-95px 10px 0 -82px rgba(210,200,175,.17)}.scene[data-scene="radio"] .sceneObject{width:180px;height:110px;border:1px solid #494438;background:#0b0b0a;box-shadow:inset 0 0 30px #000}.scene[data-scene="lighthouse"] .sceneObject{width:74px;height:290px;background:linear-gradient(90deg,#11181b,#293238,#0a0e10);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.timeBadge{position:absolute;top:72px;right:16px;padding:6px 9px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.3);font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;color:#bcc5ca}.hud{position:absolute;z-index:6;top:74px;left:16px;display:flex;align-items:center;gap:10px;font-family:system-ui,sans-serif}.hudItem{display:flex;gap:6px;align-items:baseline;font-size:14px;color:#97a1a7}.hudItem b{font-size:14px;color:#e7e9ea}.tensionTrack{width:74px;height:3px;background:rgba(255,255,255,.13)}.tensionTrack i{display:block;height:100%;width:12%;background:#b95e5f;transition:width .4s}.textPanel{position:absolute;z-index:8;left:0;right:0;bottom:0;padding:18px 18px max(26px,calc(env(safe-area-inset-bottom) + 12px));min-height:38%;background:linear-gradient(180deg,transparent,rgba(2,3,4,.72) 12%,rgba(3,5,6,.96) 34%);cursor:pointer}.speaker{height:18px;font-size:14px;color:var(--accent);font-weight:700;letter-spacing:.08em}.novelText{font-size:clamp(18px,4.8vw,25px);line-height:1.85;max-width:860px;min-height:7.4em;text-shadow:0 2px 10px #000;white-space:pre-line}.tapHint{text-align:right;font:700 9px/1 system-ui,sans-serif;letter-spacing:.12em;color:#68757c;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35}}.choices{position:absolute;z-index:12;inset:auto 14px max(24px,env(safe-area-inset-bottom)) 14px;display:grid;gap:9px}.choice{border:1px solid rgba(230,217,181,.28);background:rgba(6,9,11,.92);color:#eceded;border-radius:4px;padding:15px 16px;text-align:left;font-size:15px;line-height:1.5;box-shadow:0 8px 32px rgba(0,0,0,.35)}.choice:hover,.choice:active{border-color:rgba(230,217,181,.65);background:rgba(32,30,25,.95)}
.investigateScreen,.boardScreen,.resultScreen{z-index:14;overflow:auto;flex-direction:column;align-items:center;padding:84px 16px max(38px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#0b1115,#040608 58%)}.investigateHead,.boardHead,.resultScreen{width:100%}.investigateHead,.boardHead{max-width:760px}.investigateHead h2,.boardHead h2,.resultScreen h2{font-size:clamp(34px,9vw,58px);line-height:1.05;margin:0 0 12px;letter-spacing:-.05em}.investigateHead p:not(.overline),.boardHead p:not(.overline){color:#aab2b7;line-height:1.7}.focusPips{display:flex;gap:7px;margin:18px 0 6px}.focusPips i{width:34px;height:5px;background:var(--accent);box-shadow:0 0 14px rgba(230,217,181,.3)}.focusPips i.used{background:#30363a;box-shadow:none}.investigateGrid{width:100%;max-width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.investigateCard{position:relative;min-height:230px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,#10171b,#080a0c);border-radius:5px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;overflow:hidden}.investigateCard:before{content:attr(data-number);position:absolute;right:10px;top:0;font:900 72px/1 system-ui,sans-serif;color:rgba(255,255,255,.04)}.investigateCard h3{font-size:21px;margin:0 0 8px}.investigateCard p{margin:0;color:#8f999f;font-size:14px;line-height:1.6}.investigateCard.taken{border-color:rgba(157,198,189,.42);background:#0c1717}.investigateCard.taken:after{content:"調査済み";position:absolute;top:13px;left:13px;font:800 9px/1 system-ui,sans-serif;letter-spacing:.12em;color:var(--safe)}.investigateScreen .primary{margin-top:8px}.boardScreen{background:radial-gradient(circle at 50% 20%,#2a211a,#0d0d0c 42%,#040505 80%)}.selectedPair{width:100%;max-width:700px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:18px 0}.selectedPair span{min-height:52px;border:1px dashed rgba(255,255,255,.24);display:grid;place-items:center;padding:9px;font-size:14px;color:#869097;text-align:center}.selectedPair span.filled{border-style:solid;border-color:rgba(230,217,181,.5);color:#efe7d1;background:rgba(230,217,181,.05)}.clueBoard{width:100%;max-width:700px;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.clueChip{border:1px solid rgba(255,255,255,.16);background:#121313;border-radius:2px;padding:11px 12px;font-size:14px;color:#cbd0d2;cursor:pointer;transform:rotate(var(--r,0deg))}.clueChip.selected{border-color:#d8c99f;background:#2a251b;color:white}.boardScreen .primary,.boardScreen .sub{max-width:700px}.resultScreen{justify-content:flex-start;text-align:left}.resultScreen>.overline,.resultScreen>h2,.endingText,.truthMeter,.endingStats,.resultScreen>button{width:min(100%,700px)}.endingText{white-space:pre-line;font-size:16px;line-height:2;color:#cdd1d2;margin:8px 0 24px}.truthMeter{border-top:1px solid var(--line);padding-top:18px}.truthMeter>span{font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;color:#929ca1}.truthMeter>b{float:right;font:800 15px/1 system-ui,sans-serif}.truthMeter>i{clear:both;display:block;height:4px;background:#20262a;margin-top:12px}.truthMeter em{display:block;height:100%;width:0;background:var(--accent);transition:width 1s}.endingStats{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.endingStats span{border:1px solid var(--line);padding:8px 10px;font:700 10px/1 system-ui,sans-serif;color:#9da6ab}.clueToast{position:absolute;z-index:30;left:50%;top:18%;width:min(90%,430px);transform:translate(-50%,-18px);opacity:0;pointer-events:none;padding:15px 16px;background:rgba(7,10,12,.96);border:1px solid rgba(230,217,181,.42);box-shadow:0 18px 70px #000;transition:.35s}.clueToast.show{transform:translate(-50%,0);opacity:1}.clueToast span{display:block;font:800 9px/1 system-ui,sans-serif;letter-spacing:.16em;color:var(--accent);margin-bottom:6px}.clueToast b{font-size:17px}.clueToast p{margin:6px 0 0;color:#929ba0;font-size:14px;line-height:1.55}.flash{position:absolute;z-index:40;inset:0;background:white;opacity:0;pointer-events:none}.flash.hit{animation:flash .35s}@keyframes flash{0%{opacity:.85}100%{opacity:0}}@media(max-width:700px){.lighthouse{right:-22px;top:8vh;transform:scale(.72);transform-origin:top right}.titleScreen{padding-left:20px;padding-right:20px}.investigateGrid{grid-template-columns:1fr}.investigateCard{min-height:145px}.novelText{min-height:8.8em}.textPanel{min-height:44%}}@media(max-height:650px){.novelText{font-size:16px;line-height:1.65;min-height:6.7em}.textPanel{min-height:43%;padding-top:12px}.speaker{height:16px}.timeBadge,.hud{top:62px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}