:root{--ink:#d9d4c7;--dim:#8d877a;--red:#c42a1f;--panel:#000000c7;--neutral-950:10 10 10;--dark-fill:rgb(var(--neutral-950) / .96);--fade-line:linear-gradient(90deg, #ffffff24, #fff0 85%);--font:"VT323", ui-monospace, Consolas, monospace;--edge-t:max(10px, env(safe-area-inset-top));--edge-r:max(14px, env(safe-area-inset-right));--edge-b:max(12px, env(safe-area-inset-bottom));--edge-l:max(14px, env(safe-area-inset-left))}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}html,body{height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;margin:0;font-size:clamp(16px,1.4vmin + 11px,24px);line-height:1.25;overflow:hidden}#stage canvas{image-rendering:pixelated}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.screen{z-index:10;background:radial-gradient(#0000008c,#000 85%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.dawn{background:radial-gradient(#28140059,#0a0500e6 85%)}.screen.ending{background:#000}.ending-card{text-align:center;justify-items:center;gap:clamp(8px,2.2vh,18px);width:min(100%,40rem);display:grid}.ending-card>*{opacity:0;margin:0;animation:2.4s ease-out forwards ending-in}.ending-card>:nth-child(2){animation-delay:1.2s}.ending-card>:nth-child(3){animation-delay:3.4s}.ending-card>:nth-child(4){animation-delay:5.6s}.ending-card>:nth-child(5){animation-delay:6.4s}@keyframes ending-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}.ending-label{letter-spacing:.5em;color:var(--red);padding-left:.5em;font-size:.9em}.ending-name{color:#f2ead8;text-shadow:2px 0 #c42a1fb3,-1px 0 #288ca066;font-size:clamp(38px,min(10vw,14vh),84px);font-weight:400;line-height:.95}.ending-lesson{max-width:34ch;color:var(--ink);text-wrap:balance;font-size:clamp(17px,min(3.6vw,5vh),22px);font-style:italic;line-height:1.35}.ending-found{color:var(--dim);font-size:.9em}.ending-go{justify-content:center;margin-top:clamp(4px,2vh,14px)}@media (orientation:landscape) and (height<=520px){.ending-card{gap:6px}}.panel{background:var(--panel);border-left:2px solid var(--red);gap:.7em;width:min(100%,34rem);padding:clamp(16px,4vw,28px);display:grid}.title,.heading{color:var(--ink);margin:0;font-weight:400;line-height:.9;position:relative}.title{text-shadow:3px 0 #c42a1fd9,-2px 0 #288ca080;font-size:clamp(52px,min(16vw,22vh),132px);animation:3.2s step-end infinite jitter}.heading{font-size:clamp(36px,min(9vw,13vh),72px)}.heading.red{color:var(--red);text-shadow:2px 0 #ffffff26}.title-small{color:var(--red);margin:0;font-size:48px}.subtitle{color:var(--red);margin:-.3em 0 .2em;font-size:1.6em}.story{color:var(--ink);margin:0}.story em{color:#fff;font-style:normal}.tips{color:var(--dim);gap:.25em;margin:.2em 0;padding:0;list-style:none;display:grid}.tips b,.controls b{color:var(--ink);font-weight:400}.controls p,.hint,.stats{color:var(--dim);margin:0}.touch-only{display:none}@media (pointer:coarse){.desktop-only{display:none}.touch-only{display:revert}}.button{min-height:44px;font:inherit;color:#000;background:var(--ink);cursor:pointer;border:0;justify-self:start;padding:.25em 1.2em;font-size:1.3em}.button:hover,.button:focus-visible{outline:2px solid var(--red);outline-offset:2px;background:#fff}.button.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--dim);background:0 0}.button.ghost:hover{background:#ffffff14}.row{flex-wrap:wrap;gap:12px;display:flex}.setting{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:12px;display:grid}.setting input,.setting select{width:100%;font:inherit;accent-color:var(--red)}.setting select{color:var(--ink);border:1px solid var(--dim);background:#111;padding:2px 6px}#loading p{text-align:center}#hud{pointer-events:none;z-index:5;text-shadow:0 0 6px #000000e6;position:fixed;inset:0}.vhs-top{top:var(--edge-t);left:var(--edge-l);right:var(--edge-r);justify-content:space-between;gap:16px;font-size:1.15em;display:flex;position:absolute}.vhs-top p{margin:0}#objective{color:var(--ink);opacity:.85;max-width:22em;margin-top:.2em}.blink{animation:1.2s step-end infinite blink}#crosshair{background:#d9d4c78c;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#prompt{text-align:center;margin:0;font-size:1.15em;position:absolute;top:calc(50% + 28px);left:0;right:0}#hold{visibility:hidden;background:#ffffff26;width:160px;height:4px;margin-left:-80px;position:absolute;top:calc(50% + 62px);left:50%}#hold-bar{background:var(--ink);width:0;height:100%}#toast{text-align:center;opacity:0;margin:0;font-size:1.3em;transition:opacity .6s;position:absolute;bottom:18%;left:16px;right:16px}#toast.show{opacity:1}#stamina{left:50%;bottom:max(28px, env(safe-area-inset-bottom));opacity:0;background:#ffffff1f;width:120px;height:3px;margin-left:-60px;transition:opacity .4s;position:absolute}#stamina.show{opacity:1}#stamina-bar{background:var(--ink);height:100%}#touch{z-index:6;position:fixed;inset:0}#hud,#touch{transition:opacity 1.4s}body.waking #hud,body.waking #touch{opacity:0;visibility:hidden;transition:none}#stick-zone,#look-zone{position:absolute;top:0;bottom:0}#stick-zone{width:45%;left:0}#look-zone{width:55%;right:0}#touch button{width:54px;height:54px;font:inherit;color:var(--ink);touch-action:none;background:#0000006b;border:1px solid #d9d4c773;border-radius:50%;place-items:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute}#touch button span{text-overflow:ellipsis;white-space:nowrap;max-width:88%;overflow:hidden}#touch button.on,#touch button:active{background:#d9d4c74d}#top-buttons{top:calc(var(--edge-t) + 3.6em);right:var(--edge-r);gap:10px;display:flex;position:absolute}#top-buttons button{width:46px;height:46px;position:static}#run{left:var(--edge-l);bottom:var(--edge-b)}#crawl{left:var(--edge-l);bottom:calc(var(--edge-b) + 66px)}#pad .primary{right:var(--edge-r);bottom:var(--edge-b);border-width:2px;width:76px;height:76px;font-size:17px;transition:opacity .2s}#pad .primary.idle{opacity:.4}#pad [data-touch=hide],#pad [data-touch=breath]{right:calc(var(--edge-r) + 88px);bottom:calc(var(--edge-b) + 11px)}#pad [data-touch=ward]{right:calc(var(--edge-r) + 11px);bottom:calc(var(--edge-b) + 88px)}#pad [data-touch=lock]{right:calc(var(--edge-r) + 80px);bottom:calc(var(--edge-b) + 80px)}#pad [data-touch=whip]{right:calc(var(--edge-r) + 154px);bottom:calc(var(--edge-b) + 11px)}#pad [data-touch=throw]{right:calc(var(--edge-r) + 146px);bottom:calc(var(--edge-b) + 80px)}@media (orientation:portrait){#pad [data-touch=whip]{right:calc(var(--edge-r) + 11px);bottom:calc(var(--edge-b) + 154px)}#pad [data-touch=throw]{right:calc(var(--edge-r) + 80px);bottom:calc(var(--edge-b) + 154px)}}#stick{visibility:hidden;border:1px solid #d9d4c759;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}#stick-knob{background:#d9d4c759;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}@keyframes blink{50%{opacity:0}}@keyframes jitter{0%,to{transform:none}92%{transform:translate(2px,-1px)}94%{transform:translate(-3px,1px)}96%{transform:none}}@media (prefers-reduced-motion:reduce){.title,.blink,.phone-turn span{animation:none}}.gate{z-index:30;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));touch-action:pan-y;background:radial-gradient(90% 45% at 50% 0,#8c100a47,#0000 70%),radial-gradient(#0a0505,#000 85%);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.gate:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}.gate-card{text-align:center;gap:.9em;width:min(100%,24rem);display:grid;position:relative}.gate-intro{justify-items:center;gap:.8em;display:grid}.gate-intro>*{justify-self:stretch}.gate-intro>.gate-whisper{justify-self:center}.gate-do,.gate-way{justify-items:center;gap:.75em;display:grid}.gate-art{aspect-ratio:16/10;border-left:2px solid var(--red);background:#050202;margin:0;position:relative;overflow:hidden}.gate-art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:6s step-end infinite tape-flicker;display:block}.gate-art:before,.gate-art:after{content:"";pointer-events:none;position:absolute;inset:0}.gate-art:before{background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px)}.gate-art:after{background:radial-gradient(at 50% 42%,#0000 45%,#1e00008c 75%,#000000d9 100%),linear-gradient(#0000 55%,#000 100%)}@keyframes tape-flicker{0%,to{filter:none;transform:none}41%{filter:brightness(1.25)contrast(1.1);transform:translate(-2px)}42%{filter:brightness(.7);transform:translate(1px)}43%{filter:none;transform:none}77%{filter:brightness(.82)saturate(1.3)}78%{filter:none}}.gate-brand{z-index:1;border-left:2px solid var(--red);text-align:left;margin:-2.6em 0 0;padding-left:16px;position:relative}.gate-brand .title{font-size:clamp(50px,15vw,80px)}.gate-brand .subtitle{margin:.1em 0 0;font-size:1.5em}.gate-whisper{color:#b8392e;text-wrap:balance;max-width:26ch;margin:0}.gate-title{color:#fff;text-wrap:balance;margin:0;font-size:clamp(28px,7.5vw,38px);font-weight:400;line-height:1.05}.gate-lead{max-width:34ch;color:var(--ink);text-wrap:pretty;margin:0}.gate-lead b,.gate-steps b,.gate-note b{color:#fff;font-weight:400}.gate-steps{text-align:left;gap:.5em;width:100%;margin:0;padding:0;list-style:none;display:grid}.gate-steps li{border-left:2px solid var(--red);background:#ffffff0a;align-items:center;gap:.7em;min-width:0;padding:.55em .8em;display:flex}.gate-num{background:var(--red);color:#000;border-radius:50%;flex:none;place-items:center;width:1.7em;height:1.7em;display:grid}.gate-glyph{vertical-align:-.1em;color:#6fa8ff;width:1em;height:1em}.gate-note{max-width:32ch;color:var(--dim);margin:0;font-size:.9em}.gate-dread{color:var(--red);margin:.4em 0 0;animation:4.5s ease-in-out infinite dread-breathe}@keyframes dread-breathe{0%,to{opacity:.35}50%{opacity:.9}}.gate .button{justify-self:center;min-width:12em;box-shadow:0 0 24px #c42a1f59}.gate .button.ghost{box-shadow:inset 0 0 0 1px var(--dim)}.gate-actions{justify-content:center}.gate-art .phone-turn{z-index:1;position:absolute;top:12px;right:12px}.phone-turn{background:#0000008c;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 0 0 1px #c42a1f99}.phone-turn span{border:3px solid var(--ink);border-radius:7px;width:30px;height:52px;animation:2.6s ease-in-out infinite phone-turn;position:relative}.phone-turn span:after{content:"";background:var(--ink);border-radius:2px;width:10px;height:3px;margin-left:-5px;position:absolute;bottom:4px;left:50%}@keyframes phone-turn{0%,22%{border-color:var(--ink);transform:rotate(0)}48%,78%{border-color:var(--red);transform:rotate(-90deg)}to{border-color:var(--ink);transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.gate-art img,.gate-dread{animation:none}}@media (orientation:portrait) and (height<=920px){.gate-art{aspect-ratio:2}}@media (orientation:landscape) and (height<=520px){.gate{font-size:15px}.gate-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;column-gap:28px;width:min(100%,54rem)}.gate-intro{gap:.5em}.gate-art{aspect-ratio:auto;height:calc(100dvh - 190px);min-height:120px}.gate-brand{margin-top:-2.2em}.gate-brand .title{font-size:clamp(40px,12vh,56px)}.gate-brand .subtitle{font-size:1.25em}.gate-do,.gate-way{gap:.5em}.gate-title{font-size:clamp(22px,7vh,30px)}.gate-lead{max-width:40ch}.gate-steps{gap:.35em}.gate-steps li{padding:.35em .7em}.gate-dread{display:none}}.vhs-right{text-align:right;white-space:nowrap;flex-shrink:0}#phase{color:var(--red)}#points{color:var(--ink);opacity:.85;margin-top:.2em}#prompt{white-space:pre-line}#inventory{opacity:.9;gap:1px;margin-top:.4em;font-size:.9em;display:grid}#inventory p{margin:0}#inventory .boiling{color:#f0a040;animation:.5s step-end infinite blink}#battery{right:var(--edge-r);bottom:var(--edge-b);opacity:0;align-items:center;gap:8px;transition:opacity .4s;display:flex;position:absolute}#battery.show{opacity:1}#battery p{margin:0}.meter{background:#ffffff26;width:90px;height:4px}.meter>div{background:var(--ink);height:100%}#battery.low .meter>div{background:var(--red)}@media (pointer:coarse){#battery{top:calc(var(--edge-t) + 3.6em + 56px);bottom:auto}.vhs-top>div:first-child{max-width:calc(100% - 120px)}#prompt{left:22%;right:22%}#toast{inset:28% 18% auto}}@media (height<=460px){.vhs-top{font-size:1em}#objective{max-width:18em}}#breath{justify-items:center;gap:6px;display:grid;position:absolute;top:calc(50% + 90px);left:0;right:0}#breath p{opacity:.8;margin:0}#breath.urgent p{color:var(--red);opacity:1}#hide-view{position:absolute;inset:0}#hide-view.hide-aparador{background:linear-gradient(90deg,#000 0 45%,#00000059 46% 54%,#000 55% 100%);box-shadow:inset 0 0 160px 60px #000}#hide-view.hide-kubeta{background:linear-gradient(90deg,#000 0 44%,#0000 47% 53%,#000 56% 100%)}#hide-view.hide-bed{background:linear-gradient(#000 0 38%,#0009 46%,#0000 60%);box-shadow:inset 0 0 160px 60px #000}#hide-view.hide-jeep{box-shadow:inset 0 0 220px 90px #000}#hide-view.hide-car{background:linear-gradient(#000 0 24%,#0006 30%,#0000 36% 62%,#00000080 68%,#000 74% 100%);box-shadow:inset 0 0 160px 60px #000}#hide-view.hide-truck{background:linear-gradient(#000 0 40%,#0000004d 46% 56%,#000 63% 100%);box-shadow:inset 0 0 160px 60px #000}#note{z-index:8;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.paper{color:#2a2620;background:#d8cfb4;gap:.6em;width:min(100%,26rem);padding:clamp(18px,5vw,28px);display:grid;transform:rotate(-1.2deg);box-shadow:0 10px 40px #0009}.note-title{color:#6a1a12;margin:0;font-size:1.3em}.note-body p{margin:0 0 .5em}.note-image{aspect-ratio:4/3;object-fit:cover;width:100%;image-rendering:pixelated;border:6px solid #ece4cf;display:block;transform:rotate(1.5deg);box-shadow:0 2px 8px #00000059}@media (orientation:landscape) and (height<=760px){#note.with-image .paper{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;width:min(100%,44rem)}#note.with-image .note-title,#note.with-image .note-hint{grid-column:1/-1}#note.with-image .note-image{width:auto;max-width:100%;height:min(56vh,300px)}#note.with-image .note-body{font-size:.9em}}@media (orientation:landscape) and (height<=420px){#note.with-image .note-body{font-size:.82em}}#note .paper{max-height:100%;overflow-y:auto}.note-hint{color:#6a6250;margin:0;font-size:.85em}#summary-lines li{justify-content:space-between;gap:16px;display:flex}#steps{gap:.1em;max-width:24em;margin:.25em 0 0;padding:0;font-size:.82em;list-style:none;display:grid}#steps li{align-items:baseline;gap:.45em;display:flex}#steps li:before{flex:none}#steps .step{color:#f0e6d0}#steps .step:before{content:"▸";color:var(--red)}#steps .step.later,#steps .extra{color:var(--dim)}#steps .extra:before{content:"◇"}#steps .count{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:.6em}#mission-banner{border-left:2px solid var(--red);opacity:0;background:linear-gradient(90deg,#180402f0,#060201db);width:min(26rem,100% - 32px);padding:.45em .9em .5em;transition:opacity .35s,transform .35s;position:absolute;top:31%;left:50%;transform:translate(-50%,-6px);box-shadow:0 0 24px #0009}#mission-banner.show{opacity:1;animation:.45s steps(3,end) banner-glitch;transform:translate(-50%)}#mission-banner p{margin:0}#mb-label{color:var(--red);text-transform:uppercase;font-size:.85em}#mb-text{color:#f2ead8;margin-top:.1em;font-size:1.2em}#mb-points{color:var(--dim);font-size:.9em}#mission-banner.whole{border-left-width:4px}#mission-banner.whole #mb-text{font-size:1.45em}@keyframes banner-glitch{0%{filter:brightness(1.8);transform:translate(calc(6px - 50%))}50%{transform:translate(calc(-50% - 4px))}to{filter:none;transform:translate(-50%)}}#line{left:50%;bottom:max(14%, calc(var(--edge-b) + 64px));z-index:7;text-align:center;color:#efe6d4;text-shadow:0 0 2px #000,0 0 6px #000,0 0 16px #000000e6;opacity:0;pointer-events:none;width:min(34rem,100% - 32px);margin:0;font-size:clamp(18px,2.4vmin + 10px,28px);line-height:1.25;transition:opacity .5s;position:fixed;transform:translate(-50%)}#line.show{opacity:1}#line.inner{color:#cbbfab;font-style:italic}#brief{z-index:8;background:radial-gradient(#00000059,#000000e0 80%);place-items:center;padding:16px;animation:1.1s both brief-in;display:grid;position:fixed;inset:0;overflow-y:auto}.brief-card{border-left:2px solid var(--red);background:#000000b8;grid-template-areas:"level""name""omen""body""go";gap:.5em;width:min(100%,36rem);padding:clamp(14px,3.5vw,26px);display:grid}.brief-card p{margin:0}#brief-level{color:var(--red);grid-area:level}#brief-name{color:var(--ink);text-shadow:3px 0 #c42a1fd9,-2px 0 #288ca080;grid-area:name;font-size:clamp(34px,min(8vw,11vh),60px);line-height:.95;animation:3.2s step-end infinite jitter}#brief-omen{max-width:42ch;color:var(--dim);grid-area:omen;font-style:italic}.brief-body{grid-area:body;align-content:start;gap:.6em;display:grid}.brief-label{color:var(--red);text-transform:uppercase;font-size:.9em}#brief-mission{color:#f2ead8;font-size:1.25em}#brief-steps,#brief-extra{gap:.15em;margin:.25em 0 0;padding:0 0 0 1.4em;display:grid}#brief-steps .night:after{content:" · gabi";color:var(--dim)}#brief-extra{color:var(--dim);list-style:"◇  "}#brief-extra span{color:var(--ink);margin-left:.5em}#brief-go{grid-area:go;margin-top:.3em}@media (orientation:landscape) and (height<=520px){.brief-card{grid-template:"level body""name body""omen body""go body"1fr/minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:24px;width:min(100%,58rem)}#brief-go{align-self:end}}@keyframes brief-in{0%{opacity:0;filter:brightness(2.4)blur(2px)}to{opacity:1;filter:none}}#riddle{z-index:8;padding:24px 16px max(14px, var(--edge-b));pointer-events:none;background:linear-gradient(#0000,#00000080 35%,#000000e0);justify-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.riddle-card{pointer-events:auto;background:#0a0402c7;border-left:2px solid #e0662a;gap:.5em;width:min(100%,40rem);padding:.8em 1em .9em;display:grid}.riddle-card p{margin:0}#riddle-count{color:#e0662a;text-transform:uppercase;font-size:.9em}#riddle-text{color:#f2ead8;font-size:clamp(20px,2.8vmin + 12px,32px);line-height:1.15}#riddle-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}#riddle-choices .button{white-space:nowrap;text-overflow:ellipsis;justify-content:center;justify-self:stretch;align-items:center;gap:.45em;min-width:0;padding:.2em .5em;font-size:1.15em;display:flex;overflow:hidden}#riddle-choices b{color:var(--dim);font-weight:400}#riddle-choices .right{background:#e8dcc024;box-shadow:inset 0 0 0 1px #e8dcc0}#riddle-choices .wrong{box-shadow:inset 0 0 0 1px var(--red);background:#c42a1f4d}.riddle-time{background:#ffffff1a;height:3px}#riddle-bar{background:#e0662a;width:100%;height:100%}#riddle.wrong .riddle-card{border-left-color:var(--red);animation:.4s steps(4,end) riddle-shake}@keyframes riddle-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}body.asking #touch,body.asking #prompt,body.asking #crosshair{visibility:hidden}body.asking #line{top:16%;bottom:auto}#summary-level{border-left:2px solid var(--dim);background:#ffffff08;gap:.15em;padding:.6em .8em;display:grid}#summary-level p{margin:0}#sl-label{color:var(--dim);text-transform:uppercase;font-size:.9em}#summary-level.up{border-left-color:var(--red)}#summary-level.up #sl-label{color:var(--red)}#sl-name{color:#f2ead8;font-size:1.4em}@media (orientation:landscape) and (height<=520px){#summary .panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"heading level""night hint""lines go""total.";align-items:start;column-gap:24px;width:min(100%,58rem)}#summary .heading{grid-area:heading}#summary-night{grid-area:night}#summary-lines{grid-area:lines}#summary-total{grid-area:total}#summary-level{grid-area:level}#summary .hint{grid-area:hint}#summary .summary-go{grid-area:go}}#save-status.ok{color:var(--ink)}#save-status.ok:before{content:"✓ ";color:var(--red)}#save-status.bad{color:var(--red)}.screen.home{background:linear-gradient(90deg,#000000e6 0%,#000000c7 30%,#0000004d 46%,#0000 62%),linear-gradient(#0000 72%,#000000b3 100%);padding:0;display:block;overflow:hidden}.home-left{width:40%;min-width:min(100%,20rem);padding:max(32px, calc(var(--edge-t) + 16px)) 16px max(56px, calc(var(--edge-b) + 40px)) max(16px, var(--edge-l));place-content:center;justify-items:start;gap:clamp(14px,5vh,44px);display:grid;position:absolute;inset:0 auto 0 0}.home-logo .title{font-size:clamp(56px,min(13vw,17vh),120px)}.home-logo .subtitle{margin:.05em 0 0}.home-logo .tagline{color:var(--dim);margin:.35em 0 0;font-size:.95em}.home-menu{justify-items:start;gap:clamp(0px,.8vh,8px);display:grid}.home-menu button{min-height:44px;font:inherit;text-align:left;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:.15em .5em .15em .85em;font-size:clamp(22px,min(4.8vw,5.4vh),34px);line-height:1.05;transition:color .15s,transform .15s;position:relative}.home-menu button:before{content:"";background:var(--red);width:3px;height:0;transition:height .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-menu button:hover,.home-menu button:focus{color:#f4ecdb;text-shadow:0 0 12px #c42a1f99;outline:none;transform:translate(6px)}.home-menu button:hover:before,.home-menu button:focus:before{height:72%}.home-menu small{text-transform:none;color:var(--dim);margin-top:.15em;font-size:.5em;line-height:1.2;display:block}.home-left .hint{max-width:26rem}.home-foot{right:max(calc(var(--edge-r) + 16px), clamp(24px, 4vw, 64px));bottom:max(calc(var(--edge-b) + 8px), 20px);color:var(--dim);margin:0;font-size:.9em;position:absolute}@media (orientation:portrait){.screen.home{background:linear-gradient(#0000 38%,#000000a6 62%,#000000f0 100%),linear-gradient(#000000bf 0%,#0000 24%)}.home-left{width:100%;padding-left:max(calc(var(--edge-l) + 24px), 10vw);place-content:space-between start}.home-foot{text-align:center;left:0;right:0}}@media (orientation:landscape) and (height<=520px){.home-left{padding-bottom:max(30px, calc(var(--edge-b) + 22px));gap:10px}.home-logo .title{font-size:clamp(42px,15vh,72px)}.home-logo .subtitle{font-size:1.3em}.home-menu{gap:0}.home-menu button{min-height:38px;font-size:clamp(20px,6vh,28px)}}.home-page{z-index:2;padding:max(10px, var(--edge-t)) max(16px, var(--edge-r)) 0 max(16px, var(--edge-l));background:rgb(var(--neutral-950) / .97);flex-direction:column;animation:.3s both page-in;display:flex;position:absolute;inset:0}@media (width>=900px) and (height>=560px){.home-page{background:linear-gradient(90deg, rgb(var(--neutral-950) / 0) 0%, rgb(var(--neutral-950) / .9) 11%, rgb(var(--neutral-950) / .97) 30%);width:min(66rem,62vw);padding:28px 40px 0 88px;left:auto}.home.paging .home-left{opacity:.5}}@keyframes page-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.page-head{background:var(--fade-line) bottom left / 100% 1px no-repeat;flex-wrap:wrap;align-items:baseline;gap:2px 16px;padding-bottom:12px;display:flex}.page-head h2{color:#f2ead8;margin:0;font-size:clamp(28px,min(6vw,8vh),46px);font-weight:400;line-height:1}.page-note{color:var(--dim);margin:0}.page-back{min-height:40px;font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:.2em 0;font-size:1.05em}.page-back:hover,.page-back:focus-visible{color:#f2ead8;outline:none}.page-head .page-back{text-align:left;flex-basis:100%}.page-body{min-height:0;padding:14px 4px max(20px, var(--edge-b)) 0;flex:1;overflow-y:auto}.guide h3{text-transform:uppercase;color:var(--red);margin:1.1em 0 .4em;font-size:1em;font-weight:400}.guide h3:first-child{margin-top:0}.guide .story,.guide .tips,.guide .controls{max-width:62ch}.guide .story+.story{margin-top:.6em}#home-settings .settings-block{max-width:36rem}.mission-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}.mission-card{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:linear-gradient(#ffffff0b 0%,#ffffff04 60%,#fff0 100%);border:0;align-content:start;padding:0;transition:transform .2s,box-shadow .2s,background .2s;display:grid;overflow:hidden}.mission-card:hover,.mission-card:focus-visible{background:linear-gradient(#96180e3d 0%,#ffffff05 60%,#fff0 100%);outline:none;transform:translateY(-3px);box-shadow:0 14px 30px -16px #c42a1f8c}.art:after{content:"";background:linear-gradient(180deg, rgb(var(--neutral-950) / 0) 50%, rgb(var(--neutral-950) / .92) 100%), radial-gradient(120% 95% at 50% 40%, #0000 55%, #000000a6 100%);pointer-events:none;position:absolute;inset:0}.art{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.art .chip{z-index:1;color:var(--ink);background:linear-gradient(90deg,#000000d9,#0000008c 65%,#0000);padding:.1em 1.6em .1em .55em;font-size:.8em;position:absolute;top:8px;left:8px}.now .art .chip{color:#ff8f80}.locked .art img{filter:grayscale()brightness(.32)blur(1.5px)}.done .art .chip{color:var(--dim)}.mission-card .text{gap:2px;padding:8px 16px 16px;display:grid}.mission-card .lv,.detail-text .lv{color:var(--red);font-size:.85em}.mission-card .nm{color:#f2ead8;font-size:1.25em;line-height:1.05}.mission-card .ms{color:var(--dim);font-size:.9em;line-height:1.2}.mission-detail{align-items:start;gap:12px 20px;display:grid}.mission-detail .detail-back{justify-self:start}@media (width>=720px){.mission-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.mission-detail .detail-back{grid-column:1/-1}}.detail-text{gap:.4em;display:grid}.story-found{max-width:62ch;margin-top:22px}.story-found.away{display:none}.story-found h3,.found-label{text-transform:uppercase;color:var(--red);margin:0 0 .4em;font-size:1em;font-weight:400}.found-cols{gap:14px 28px;display:grid}@media (width>=640px){.found-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.found-list{gap:.25em;margin:0;padding:0;list-style:none;display:grid}.found-list li{color:var(--ink)}.found-list li:before{content:"· ";color:var(--red)}.found-list li.unknown{color:var(--dim)}.detail-text p,.detail-text h3{margin:0}.detail-text .nm{color:#f2ead8;font-size:clamp(26px,min(5vw,7vh),40px);font-weight:400;line-height:1}.detail-text .omen{color:var(--dim);font-style:italic}.detail-text .label{text-transform:uppercase;color:var(--red);margin-top:.4em;font-size:.9em}.detail-text .mission{color:#f2ead8;font-size:1.2em}.detail-text ol,.detail-text ul{gap:.15em;margin:0;padding:0 0 0 1.4em;display:grid}.detail-text .extras{color:var(--dim);list-style:"◇  "}.detail-text .when,.detail-text .points{color:var(--dim)}.detail-text .pts{color:var(--ink)}.detail-text .locked-note{background:linear-gradient(90deg,#ffffff0f,#fff0 90%);margin-top:.4em;padding:.5em .7em}.home-confirm{z-index:3;background:#000000b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.confirm-card{background:var(--dark-fill);gap:.7em;width:min(100%,28rem);padding:clamp(30px,5vw,40px);display:grid}.confirm-title{color:#f2ead8;margin:0;font-size:1.7em}.confirm-card,.mission-card{--dissolve:clamp(40px, 7vw, 112px);--fade-x:linear-gradient(90deg, transparent 0, #0000001f calc(var(--dissolve) * .25), #00000073 calc(var(--dissolve) * .55), #000000d1 calc(var(--dissolve) * .8), #000 var(--dissolve), #000 calc(100% - var(--dissolve)), #000000d1 calc(100% - var(--dissolve) * .8), #00000073 calc(100% - var(--dissolve) * .55), #0000001f calc(100% - var(--dissolve) * .25), transparent 100%);--fade-y:linear-gradient(180deg, transparent 0, #0000001f calc(var(--dissolve-y,var(--dissolve)) * .25), #00000073 calc(var(--dissolve-y,var(--dissolve)) * .55), #000000d1 calc(var(--dissolve-y,var(--dissolve)) * .8), #000 var(--dissolve-y,var(--dissolve)), #000 calc(100% - var(--dissolve-y,var(--dissolve))), #000000d1 calc(100% - var(--dissolve-y,var(--dissolve)) * .8), #00000073 calc(100% - var(--dissolve-y,var(--dissolve)) * .55), #0000001f calc(100% - var(--dissolve-y,var(--dissolve)) * .25), transparent 100%);-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;mask-composite:intersect}.confirm-card{width:min(100%, calc(28rem + 2 * var(--dissolve)));padding:calc(var(--dissolve) * .85) var(--dissolve)}.mission-card{--dissolve:40px;--dissolve-y:14px}.mission-card .art .chip{top:16px;left:34px}.mission-card .text{padding:8px 30px 34px}@media (width>=900px) and (height>=560px){.home-page{--ramp:clamp(220px, 22vw, 380px);width:60vw;padding-left:var(--ramp);--page-fade:linear-gradient(90deg, transparent 0, #0000000f calc(var(--ramp) * .18), #00000038 calc(var(--ramp) * .38), #00000080 calc(var(--ramp) * .6), #000c calc(var(--ramp) * .8), #000000f2 calc(var(--ramp) * .93), #000 var(--ramp));-webkit-mask-image:var(--page-fade);-webkit-mask-image:var(--page-fade);mask-image:var(--page-fade)}}
