:root{--ink:#eae3d2;--dim:#b3a98f;--panel:#1c1a14db;--panel-line:#d2c49647;--bevel-hi:#fffae680;--bevel-lo:#0000008c;--accent:#d7b45a;--accent-2:#6fa3a0;--danger:#c0392b;--font:"Tahoma", "Geneva", "Verdana", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#0a0a08;overflow:hidden}button{font-family:var(--font);cursor:pointer}.scene{background-position:50%;background-size:cover;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.scrim{pointer-events:none;background:radial-gradient(120% 90% at 50% 10%,#0000 40%,#0000008c 100%),linear-gradient(#00000026,#00000073);position:absolute;inset:0}.scrim.strong{background:linear-gradient(#0808069e,#080806d1)}.scene:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(0deg,#0000000d 0 2px,#0000 2px 4px);position:absolute;inset:0}.title-wrap{z-index:2;text-align:center;max-width:680px;margin:auto;padding:24px;position:relative}.logo{letter-spacing:.14em;color:var(--ink);text-shadow:0 2px #000,0 0 24px #d7b45a59;font-size:clamp(44px,9vw,96px);font-weight:800}.logo.small{font-size:clamp(28px,6vw,52px)}.tag{color:var(--dim);margin:14px 0 26px;font-size:16px;line-height:1.6}.fineprint{color:var(--dim);letter-spacing:.04em;opacity:.8;margin-top:18px;font-size:12px}.cta{letter-spacing:.05em;color:#201c12;border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);background:linear-gradient(#f2d98a,#c99f3f);border-radius:3px;padding:13px 30px;font-size:17px;font-weight:700;display:inline-block;box-shadow:0 3px #00000080,inset 0 1px #ffffff80}.cta:active{transform:translateY(2px);box-shadow:0 1px #00000080}.create .panel,.panel{z-index:2;background:var(--panel);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:4px;width:min(560px,92vw);max-height:92vh;margin:auto;padding:22px 24px;position:relative;overflow:auto;box-shadow:0 10px 40px #0009}.panel h2{letter-spacing:.06em;font-size:24px}.panel .sub{color:var(--dim);margin:8px 0 20px;font-size:13px;line-height:1.6}.field{margin-bottom:20px}.field>label{color:var(--accent);letter-spacing:.04em;margin-bottom:10px;font-size:13px;display:block}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts.col{flex-direction:column}.opt{color:var(--ink);border:1px solid var(--panel-line);text-align:left;background:#ffffff0d;border-radius:3px;padding:10px 16px;font-size:14px}.opt.on{color:#201c12;border-color:var(--accent);background:linear-gradient(#f2d98a,#c99f3f);font-weight:700}.opt.wide{flex-direction:column;gap:2px;width:100%;display:flex}.opt.wide b{font-size:14px}.opt.wide span{opacity:.75;font-size:12px}.hint,.dim{color:var(--dim);font-size:12px;line-height:1.5}.hint{margin-top:8px}.starline{color:var(--ink);margin:6px 0 18px;font-size:15px}.starline b{color:var(--accent)}.wake{justify-content:center;align-items:center}.waker{z-index:3;background:#000;transition:opacity 1.6s;position:absolute;inset:0}.waker.step0{opacity:1}.waker.step1{opacity:.55;background:radial-gradient(120% 100% at 50% 60%,#0000 20%,#000 90%)}.waker.step2{opacity:0}.wake-copy{z-index:4;text-align:center;opacity:0;padding:20px;transition:opacity 1.2s;position:relative}.wake-copy.show{opacity:1}.wake-day{letter-spacing:.3em;color:var(--accent);text-transform:uppercase;font-size:13px}.wake-alarm{color:var(--ink);text-shadow:0 2px 8px #000;margin:12px 0 26px;font-size:clamp(18px,4vw,26px)}.reset-banner{z-index:6;text-align:center;color:#fff;padding:16px 20px;font-size:14px;line-height:1.6;animation:.6s both bannerIn;position:absolute;top:0;left:0;right:0}.reset-banner.time{border-bottom:2px solid var(--accent);background:linear-gradient(#3c3414f2,#1e1a0ae6)}.reset-banner.death{border-bottom:2px solid var(--danger);background:linear-gradient(#461410f5,#1e0a08e6)}@keyframes bannerIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.topbar{z-index:5;justify-content:space-between;gap:8px;padding:10px 12px;display:flex;position:relative}.tb-left,.tb-right{align-items:center;gap:8px;display:flex}.pill{letter-spacing:.05em;color:var(--ink);background:var(--panel);border:1px solid var(--panel-line);border-radius:3px;padding:6px 12px;font-size:12px;box-shadow:inset 0 1px #ffffff1f}.pill.warn{border-color:var(--danger);color:#ffd7d2;background:#5a1814e6}.pill.btn{cursor:pointer}.pill.btn:hover{border-color:var(--accent)}.sprite{object-fit:contain;object-position:bottom;z-index:2;pointer-events:none;filter:drop-shadow(0 12px 24px #0009);max-width:44vw;height:min(66vh,540px);animation:.4s both spriteIn;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes spriteIn{0%{opacity:0}to{opacity:1}}.dock{z-index:5;padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin-top:auto;display:flex;position:relative}.narr{background:var(--panel);border:1px solid var(--panel-line);border-left:3px solid var(--accent);color:var(--ink);border-radius:3px;width:100%;max-width:820px;margin:0 auto;padding:14px 16px;font-size:15px;line-height:1.65;box-shadow:0 6px 22px #00000080}.actions,.nav{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:820px;margin:0 auto;display:flex}.act{color:var(--ink);border:1px solid var(--panel-line);background:#ffffff0f;border-radius:3px;padding:10px 15px;font-size:14px;box-shadow:inset 0 1px #ffffff1a}.act:hover{border-color:var(--accent);background:#d7b45a24}.navbtn{color:var(--accent-2);background:0 0;border:1px dashed #6fa3a080;border-radius:3px;padding:9px 14px;font-size:13px}.navbtn:hover{color:#bfe4e1;border-color:var(--accent-2)}.doorgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;max-width:700px;margin:0 auto;display:grid}.doorbtn{color:var(--ink);background:var(--panel);border:2px solid;border-radius:4px;align-items:center;gap:10px;padding:16px;font-size:15px;display:flex;box-shadow:0 6px 20px #00000080}.doorbtn:hover{transform:translateY(-2px)}.doorswatch{border-radius:2px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0006}.chat{z-index:6;background:var(--panel);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:6px 6px 0 0;flex-direction:column;width:min(560px,96vw);max-height:78vh;margin:auto auto 0;display:flex;position:relative;box-shadow:0 -6px 40px #0009}.chat-head{letter-spacing:.05em;color:var(--accent);border-bottom:1px solid var(--panel-line);background:linear-gradient(#3a3418,#241f0e);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.chat-head .x{color:var(--dim);background:0 0;border:none;font-size:16px}.chat-log{flex-direction:column;flex:1;gap:10px;min-height:120px;padding:14px;display:flex;overflow-y:auto}.chat-hint{color:var(--dim);font-size:13px;font-style:italic;line-height:1.6}.bubble{border-radius:10px;max-width:82%;padding:10px 13px;font-size:14px;line-height:1.55}.bubble.user{color:#201c12;background:linear-gradient(#f2d98a,#c99f3f);border-bottom-right-radius:3px;align-self:flex-end}.bubble.assistant{color:var(--ink);border:1px solid var(--panel-line);background:#ffffff14;border-bottom-left-radius:3px;align-self:flex-start}.bubble.typing{letter-spacing:.2em;opacity:.7}.chat-input{border-top:1px solid var(--panel-line);gap:8px;padding:10px;display:flex}.chat-input input{font-size:14px;font-family:var(--font);color:var(--ink);border:1px solid var(--panel-line);background:#00000059;border-radius:3px;flex:1;padding:11px 12px}.chat-input input:focus{border-color:var(--accent);outline:none}.chat-input button{color:#201c12;border:1px solid var(--accent);background:linear-gradient(#f2d98a,#c99f3f);border-radius:3px;padding:0 18px;font-weight:700}.chat-input button:disabled{opacity:.5}.journal-overlay{z-index:7;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.journal{background:var(--panel);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:6px;flex-direction:column;width:min(520px,96vw);max-height:88vh;display:flex;overflow:hidden}.journal-body{padding:16px 18px;overflow-y:auto}.journal-body h4{color:var(--accent);letter-spacing:.06em;margin:16px 0 8px;font-size:13px}.jline{color:var(--ink);margin-bottom:8px;font-size:13px;line-height:1.6}.clue-row{align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.swatch{border-radius:2px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0006}.lead{color:var(--accent);font-size:12px}.hunch{color:#f0e2b0;border:1px solid var(--panel-line);background:#d7b45a1a;border-radius:4px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.6}.susbar{border:1px solid var(--panel-line);background:#0006;border-radius:5px;height:10px;overflow:hidden}.susbar span{background:linear-gradient(90deg,#6fa3a0,#c0392b);height:100%;transition:width .4s;display:block}.ghost{width:100%;color:var(--accent-2);background:0 0;border:1px dashed #6fa3a080;border-radius:4px;margin-top:16px;padding:11px;font-size:13px}.ghost:hover{color:#bfe4e1;border-color:var(--accent-2)}.clip-overlay{z-index:60;cursor:pointer;background:#000;justify-content:center;align-items:center;animation:.35s clipFade;display:flex;position:fixed;inset:0}@keyframes clipFade{0%{opacity:0}to{opacity:1}}.clip-video{object-fit:cover;width:100%;height:100%}.clip-overlay:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #0000008c}.clip-hint{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;background:#00000059;border-radius:3px;padding:5px 10px;font-size:11px;animation:2.2s ease-in-out infinite hintPulse;position:absolute;bottom:18px;right:20px}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.75}}@media (width<=640px){.sprite{max-width:70vw;height:min(60vh,460px)}.logo{font-size:54px}.narr{font-size:14px}.doorgrid{grid-template-columns:repeat(2,1fr)}}