:root{--bg:#07060b;--panel:#110f19;--panel-hi:#1a1626;--border:#2a2438;--text:#c9c2d9;--dim:#6f6782;--accent:#7dffb0;--blood:#b3263e;--gold:#d8d29a;--sane:#8aa4d6;--ichor:#c46bff;--tabbar-h:60px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(ellipse at top, #15101f, var(--bg) 70%) var(--bg);color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}h1{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px #7dffb055;margin:0 0 12px;font-weight:400}h2{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px;padding-bottom:4px;font-size:.85rem;font-weight:400;display:flex}.sub{color:var(--dim);font-size:.85rem}button{color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;font-family:inherit;transition:transform 80ms,background-color .15s,border-color .15s}button:active:not(:disabled){transform:scale(.97)}@media (hover:hover){button:hover:not(:disabled){border-color:var(--accent)}}button:disabled{opacity:.4;cursor:default}button.active{border-color:var(--accent);color:var(--accent)}.small{padding:6px 12px;font-size:.8rem}.danger:hover{color:var(--blood);border-color:var(--blood)!important}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{grid-template:"hud""scene""content"minmax(0,1fr)"action""tabbar"/minmax(0,1fr);height:100dvh;display:grid;position:relative}#hud{z-index:3;padding:calc(var(--safe-t) + 8px) 16px 6px;border-bottom:1px solid var(--border);background:linear-gradient(#0c0a13,#0a0810);grid-area:hud}#hud-top{justify-content:space-between;align-items:center;gap:10px;display:flex}#resource{min-width:0}#whispers{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.75rem;line-height:1.1}#hud-sub{align-items:center;gap:6px;margin-top:2px;display:flex}#wps{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.78rem;overflow:hidden}#hud-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.chip{white-space:nowrap;color:var(--gold);background:#15120a;border:1px solid #4a3f22;border-radius:12px;flex-shrink:0;padding:1px 8px;font-size:.75rem}#signs{color:var(--ichor);background:#140c1c;border-color:#3c2a52}.chip[hidden]{display:none}#sanity-ring{flex-shrink:0;width:40px;height:40px;position:relative}#sanity-ring svg{width:100%;height:100%;transform:rotate(-90deg)}#sanity-ring circle{fill:none;stroke-width:3.5px}#sanity-ring .track{stroke:var(--border)}#sanity-arc{stroke:var(--sane);stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset .3s,stroke .3s}#sanity-ring.low #sanity-arc{stroke:var(--blood)}#sanity-pct{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;inset:0}#sanity-ring.low #sanity-pct{color:#ff8a9c}button.icon{justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}button.icon svg,#tabbar svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px}#veil{align-items:center;gap:10px;margin-top:6px;display:flex}#veil-bar{background:var(--panel);border:1px solid var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}#veil-fill{background:linear-gradient(90deg, #3a1f5c, var(--accent));width:0;height:100%;transition:width .2s}#veil-label{color:var(--dim);white-space:nowrap;font-size:.7rem}#scene-wrap{border-bottom:1px solid var(--border);background:var(--bg);grid-area:scene;max-height:70vw;transition:max-height .3s;position:relative;overflow:hidden}#scene-box{width:140%;margin-left:-20%;position:relative}#scene{aspect-ratio:320/100;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--bg);display:block}#app.collapsed #scene-wrap{max-height:52px}#apparitions{pointer-events:none;position:absolute;inset:0}.panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-area:content;min-height:0;padding:4px 16px 56px;display:none;overflow-y:auto}.panel.shown{display:block}.panel>h2:first-child{margin-top:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:10px 12px}.card-title{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:.75rem}.card[hidden]{display:none}#sanity-bar{background:var(--bg);border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden}#sanity-fill{background:var(--sane);height:100%;transition:width .2s}#sanity-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}#sanity-row #steady{white-space:nowrap;flex-shrink:0}#log{color:var(--dim);font-size:.9rem;font-style:italic}#log p{margin:6px 0}#log p:first-child{color:var(--text)}#footer-buttons{gap:8px;margin-top:20px;display:flex}.row{text-align:left;align-items:stretch;gap:0;width:100%;margin-bottom:6px;padding:0;display:flex;overflow:hidden}.row .info{flex:1;min-width:0;padding:10px 12px}.row .name{font-size:1rem}.row .desc{color:var(--dim);font-size:.78rem}.row .buy{text-align:right;white-space:nowrap;border-left:1px solid var(--border);background:var(--panel-hi);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;min-width:84px;padding:8px 12px;font-size:.85rem;display:flex}.row .name .count{color:var(--accent)}.row h2 .sub,h2 .sub{text-transform:none;letter-spacing:0;font-size:.75rem}.row .milestone{color:var(--gold)}.row.cant{cursor:default}.row.cant .info,.row.cant .buy{opacity:.45}@media (hover:hover){.row.cant:hover{border-color:var(--border)!important}}.row:not(.cant) .buy{color:var(--accent)}.pact{border-color:#4a3f22}.pact:not(.cant) .buy{color:var(--gold)}#buy-mode{gap:4px;display:flex}#buy-mode .small{padding:3px 9px}#action-bar{grid-area:action;padding:0 16px}#summon{letter-spacing:.15em;text-transform:uppercase;color:#ffd6dc;border-color:var(--blood);background:#2a0c14;width:100%;margin:8px 0 34px;padding:12px 20px;font-size:1rem;animation:1.6s ease-in-out infinite throb;display:none}@keyframes throb{50%{box-shadow:0 0 24px var(--blood)}}#tabbar{height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);border-top:1px solid var(--border);background:#0a0810;grid-area:tabbar;grid-template-columns:1fr 1fr 96px 1fr 1fr;display:grid}#tabbar button{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.62rem;display:flex;position:relative}#tabbar button:active{transform:none}#tabbar button.active{color:var(--accent)}#tabbar button.active svg{filter:drop-shadow(0 0 4px #7dffb088)}#tabbar .badge{background:var(--accent);min-width:16px;color:var(--bg);letter-spacing:0;border-radius:8px;padding:1px 4px;font-size:.62rem;font-weight:700;line-height:14px;display:none;position:absolute;top:6px;left:calc(50% + 6px)}#tabbar .badge.on{display:block}#chant{z-index:6;left:50%;bottom:calc(var(--safe-b) + 12px);letter-spacing:.18em;text-transform:uppercase;width:84px;height:84px;color:var(--text);box-shadow:0 0 0 5px var(--bg), 0 0 24px #7dffb033;background:radial-gradient(circle at 50% 35%,#3a2456,#160f22 70%);border:1px solid #4b3a66;border-radius:50%;padding:0;font-size:.85rem;position:absolute;transform:translate(-50%)}#chant:active,#chant.pressed{background:radial-gradient(circle at 50% 35%,#4a2e6c,#1d1430 70%);transform:translate(-50%)scale(.94)}#chant.holding{animation:.5s ease-in-out infinite alternate hold-glow}@keyframes hold-glow{to{box-shadow:0 0 0 5px var(--bg), 0 0 34px #7dffb099;border-color:var(--accent)}}#chant.hint{animation:1.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{box-shadow:0 0 0 5px var(--bg), 0 0 0 9px #7dffb055, 0 0 30px #7dffb066}}.floater{z-index:30;pointer-events:none;color:var(--accent);text-shadow:0 0 6px #000;font-size:1rem;animation:.9s ease-out forwards float-up;position:fixed;transform:translate(-50%)}@keyframes float-up{to{opacity:0;transform:translate(-50%,-70px)}}#omen-feed{z-index:4;pointer-events:none;flex-direction:column;grid-area:content;align-self:start;gap:6px;padding:8px 16px 0;display:flex}.omen-toast{border-left:2px solid var(--accent);background:#0d0b14f2;border-radius:4px;padding:8px 12px;font-size:.9rem;font-style:italic;line-height:1.35;animation:.6s ease-out omen-in;box-shadow:0 4px 16px #000c}.omen-toast+.omen-toast{color:var(--dim);border-left-color:var(--border)}.omen-toast.out{animation:.9s ease-in forwards omen-out}@keyframes omen-in{0%{opacity:0;filter:blur(2px);transform:translateY(-16px)}}@keyframes omen-out{to{opacity:0;filter:blur(2px);transform:translateY(18px)}}body.mad #whispers{animation:.15s steps(2,end) infinite shiver}body.mad #log{animation:4s ease-in-out infinite smear}@keyframes shiver{50%{transform:translate(1px,-1px)skew(2deg)}}@keyframes smear{50%{filter:blur(.6px);letter-spacing:.03em}}@media (width>=900px){#app{grid-template:"hud hud""scene scene""chant tabbar""action content""side content"minmax(0,1fr)/340px minmax(0,1fr);column-gap:24px;max-width:1120px;margin:0 auto;padding:0 16px}#hud{background:0 0;border:0;padding:16px 0 8px}#whispers{font-size:2.2rem}#scene-wrap{border:1px solid var(--border);border-radius:8px;max-height:none}#scene-box{width:min(100%,121.6vh);margin:0 auto}#app.collapsed #scene-wrap{max-height:none}#chant{border-radius:12px;grid-area:chant;width:100%;height:64px;margin-top:12px;font-size:1.1rem;position:static;transform:none;box-shadow:0 0 24px #7dffb022}#chant:active,#chant.pressed{transform:scale(.98)}@keyframes hold-glow{to{border-color:var(--accent);box-shadow:0 0 34px #7dffb066}}@keyframes hint-pulse{50%{box-shadow:0 0 0 4px #7dffb055,0 0 30px #7dffb066}}#action-bar{padding:0}#summon{margin:10px 0 0}#tabbar{border:0;border-bottom:1px solid var(--border);background:0 0;align-self:end;gap:4px;height:auto;margin-top:12px;padding:0;display:flex}#tabbar .chant-gap,#tabbar [data-tab=ritual]{display:none}#tabbar button{border-bottom:2px solid #0000;flex-direction:row;gap:8px;padding:10px 16px;font-size:.75rem}#tabbar button.active{border-bottom-color:var(--accent)}#tabbar svg{width:18px;height:18px}#tabbar .badge{position:static}.panel{padding:0 4px 24px}.panel[data-panel=ritual]{grid-area:side;display:block}#omen-feed{display:none}}[data-tip]{cursor:help}button[data-tip],.row[data-tip]{cursor:pointer}#tooltip{z-index:50;pointer-events:none;border:1px solid var(--border);background:#0d0b14;border-radius:6px;max-width:290px;padding:10px 12px;font-size:.8rem;line-height:1.4;display:none;position:fixed;box-shadow:0 6px 24px #000a}#tooltip b,#sheet-body b{color:var(--accent);letter-spacing:.05em;font-weight:400}#tooltip p{color:var(--text);margin:4px 0 6px}dl{grid-template-columns:auto auto;gap:2px 12px;margin:0;font-size:.78rem;display:grid}dt{color:var(--dim)}dd{text-align:right;margin:0}#sheet{z-index:45;position:fixed;inset:0}#sheet[hidden]{display:none}#sheet-backdrop{background:#0009;animation:.2s fade-in;position:absolute;inset:0}#sheet-card{max-height:75dvh;padding:8px 18px calc(18px + var(--safe-b));background:var(--panel);border-top:1px solid var(--border);border-radius:16px 16px 0 0;animation:.22s ease-out sheet-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 40px #000}.grip{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}#sheet-body{font-size:.95rem;line-height:1.45}#sheet-body>b:first-child{font-size:1.15rem}#sheet-body p{margin:6px 0 12px}#sheet-body dl{gap:6px 12px;font-size:.9rem}#sheet-actions{gap:8px;margin-top:16px;display:flex}#sheet-actions:empty{display:none}#sheet-actions button{border-color:var(--accent);color:var(--accent);flex:1;padding:14px;font-size:1rem}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}#intro,#modal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07060bd9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#intro[hidden],#modal[hidden]{display:none}.intro-inner{text-align:center;max-width:460px}.intro-inner h1{font-size:2.2rem}.eyebrow{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem}.tagline{margin:0 0 20px;font-size:1.15rem;font-style:italic}.intro-inner ol{text-align:left;color:var(--dim);margin:0 0 24px;line-height:1.8;display:inline-block}.intro-inner ol b{color:var(--text);font-weight:400}#intro-begin{letter-spacing:.2em;text-transform:uppercase;border-color:var(--accent);color:var(--accent);margin:0 auto 10px;padding:14px 28px;font-size:1.1rem;display:block;box-shadow:0 0 24px #7dffb033}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(720px,100%);max-height:88dvh;padding:20px;position:relative;overflow-y:auto}#modal-close{padding:4px 10px;font-size:1.1rem;line-height:1;position:absolute;top:10px;right:10px}.modal-title{margin-top:0}#modal h3{color:var(--accent);letter-spacing:.05em;margin:0 0 8px;font-weight:400}@media (width<=700px){#modal{align-items:flex-end;padding:0}.modal-card{max-height:92dvh;padding:18px 16px calc(18px + var(--safe-b));border-radius:16px 16px 0 0;animation:.22s ease-out sheet-up}}.grimoire{grid-template-columns:150px 1fr;gap:20px;display:grid}.grimoire nav{flex-direction:column;gap:4px;display:flex}.grimoire nav button{text-align:left}.grimoire article{font-size:.95rem;line-height:1.55}.grimoire .hint{color:var(--dim);font-style:italic}@media (width<=600px){.grimoire{grid-template-columns:1fr}.grimoire nav{flex-flow:wrap}}.wardrobe{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}#vessel-preview{width:216px;height:192px;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid var(--border);background:radial-gradient(at 55% 90%,#1d1430,#07060b 70%);border-radius:8px}#slots h3{color:var(--accent);letter-spacing:.05em;margin:12px 0 6px;font-size:.85rem;font-weight:400}#slots h3:first-child{margin-top:0}.opts{flex-wrap:wrap;gap:6px;display:flex}.opts .sealed{opacity:.45;font-style:italic}@media (width<=1100px){.wardrobe{grid-template-columns:1fr;justify-items:center}#slots{width:100%}}.settings h3{font-size:.85rem;margin-top:18px!important}.settings h3:first-of-type{margin-top:0!important}.setting{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.setting>span{flex-direction:column;display:flex}.setting b{font-weight:400}.setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.setting input[type=range]{width:120px;accent-color:var(--accent);flex-shrink:0}.setting select,.settings textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px;font-family:ui-monospace,Consolas,monospace}.settings textarea{resize:vertical;width:100%;margin-top:6px;font-size:.75rem}.row-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}#admin{z-index:60;border:1px solid var(--accent);background:#0b0a10;border-radius:8px;width:280px;max-height:90vh;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;position:fixed;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 0 24px #000}#admin .title{color:var(--accent);justify-content:space-between;margin-bottom:6px;display:flex}#admin .grid{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:6px;display:grid}#admin button{padding:4px;font-family:inherit;font-size:.72rem}#admin button.on{border-color:var(--accent);color:var(--accent)}#admin label{color:var(--dim);margin:4px 0;display:block}#admin input[type=range]{width:100%}@media (width<=700px){#admin{width:auto;max-height:60vh;inset:8px 8px auto}}body.reduced-motion #whispers,body.reduced-motion #log,body.reduced-motion #summon,body.reduced-motion #chant{animation:none!important}body.reduced-motion .omen-toast,body.reduced-motion .omen-toast.out,body.reduced-motion #sheet-card,body.reduced-motion #sheet-backdrop,body.reduced-motion .modal-card{animation-duration:10ms}body.reduced-motion #scene-wrap{transition:none}.apparition{pointer-events:auto;background:0 0;border:0;border-radius:50%;width:52px;height:52px;padding:0;position:absolute;transform:translate(-50%,-50%)}.apparition:active{transform:translate(-50%,-50%)scale(.9)}#buff-strip{pointer-events:none;flex-wrap:wrap;gap:4px;display:flex;position:absolute;bottom:6px;left:8px}.buff{pointer-events:auto;border:1px solid var(--accent);color:var(--accent);background:#0d0b14d9;border-radius:10px;padding:2px 8px;font-size:.7rem}.buff b{color:var(--text);font-weight:400}#app.collapsed #buff-strip{bottom:4px}#choice-card{border-color:var(--blood);box-shadow:0 0 18px #b3263e33}.choice-text{margin:4px 0 10px;font-size:1rem;font-style:italic}.choice-options{flex-direction:column;gap:6px;display:flex}.choice-options button{text-align:left;padding:12px;font-size:.95rem}.revelations{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.rev{border:1px dashed var(--border);min-height:44px;color:var(--dim);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:.72rem;display:flex}.rev.got{color:var(--gold);background:#15120a;border:1px solid #4a3f22}button.wide{width:100%;margin-top:8px;padding:12px;font-size:.95rem;display:block}.act2{border-color:#3c2a52}.act2-btn:not(:disabled){border-color:var(--ichor);color:var(--ichor);box-shadow:0 0 16px #c46bff33}.sigil{border-color:#3c2a52}.sigil:not(.cant) .buy,.mutation:not(.cant) .buy{color:var(--ichor)}.row.done .info{opacity:.7}.row.done .buy{color:var(--gold)!important;opacity:1!important}.row .reward{color:var(--gold)}.trial-on{border-color:var(--gold)}.seal{border-color:#4a1f2a}.seal:not(.cant):not(.done) .buy{color:#ff8a9c}.ending-card{border-color:var(--gold)}.automation .setting{padding:4px 0}.automation .inline{padding:0 0 6px 32px}.automation input[type=number]{width:72px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-family:inherit}.grimoire h4{color:var(--gold);margin:14px 0 2px;font-weight:400}.grimoire .lore{margin-top:2px;font-style:italic}body[data-act="2"]{--accent:#8affc8}body[data-act="3"] #hud,body[data-act=end] #hud{border-bottom-color:#4a1f2a}#ending{z-index:55;position:fixed;inset:0}#ending[hidden]{display:none}#ending.finale{background:#050308f2;justify-content:center;align-items:center;padding:16px;animation:2s fade-in;display:flex}.ending-inner{text-align:center;max-width:460px}.ending-choices{flex-direction:column;gap:8px;margin:20px 0;display:flex}.ending-choices button{border-color:var(--accent);flex-direction:column;gap:2px;padding:14px;display:flex}.ending-choices button b{color:var(--accent);letter-spacing:.1em;font-size:1.1rem;font-weight:400}.ending-choices button span{color:var(--dim);font-size:.8rem}#ending.cinematic{pointer-events:none;align-items:flex-end;display:flex}.ending-lines{width:100%;padding:20px 20px calc(28px + var(--safe-b));pointer-events:auto;text-align:center;background:linear-gradient(#0000,#000 30%);min-height:45vh}.ending-lines p{margin:0 0 12px;font-size:1.05rem;font-style:italic;line-height:1.5;animation:2.5s ease-out both line-in}.ending-lines .ending-title{letter-spacing:.4em;color:var(--accent);text-shadow:0 0 16px #7dffb066;margin-top:18px;font-size:1.4rem;font-style:normal}.ending-after{flex-direction:column;align-items:center;gap:8px;margin-top:18px;animation:2s ease-out both line-in;display:flex}#end-ngplus{border-color:var(--accent);color:var(--accent);padding:12px 22px}@keyframes line-in{0%{opacity:0;filter:blur(3px)}}body.cinematic #scene-wrap{z-index:54;background:#000;border:0;align-items:center;max-height:none;display:flex;position:fixed;inset:0}body.cinematic #scene-box{width:160%;margin-left:-30%;transform:translateY(-27vh)}@media (width>=900px){body.cinematic #scene-box{width:min(100%,192vh);margin:0 auto;transform:translateY(-18vh)}}body.reduced-motion .ending-lines p,body.reduced-motion .ending-after,body.reduced-motion #ending.finale{animation-duration:10ms}