html,body{color:#eaf2ff;overscroll-behavior:none;touch-action:manipulation;background:#0b1020;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:repeating-radial-gradient(circle at 17% 23%, #0003 0 1px, transparent 1px 7px), repeating-radial-gradient(circle at 71% 64%, #ffdeaa0f 0 1px, transparent 1px 9px), var(--cork);justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;overflow:hidden}#wall-noise{opacity:.08;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#root:before{content:"";pointer-events:none;background:radial-gradient(at 50% 35%,#0b102000 0%,#0b102061 58%,#070b18bd 100%);position:absolute;inset:0}#cabinet,#deck,#screens{position:relative}#root[data-deck=below]{flex-direction:column}#root[data-deck=beside]{flex-direction:row}#cabinet{width:var(--panel-w,0px);height:var(--panel-h,0px);border-radius:24px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 18px 50px #0000008c}#stage{position:absolute;inset:0}#stage canvas{display:block}#hud{pointer-events:none;position:absolute;inset:0}#deck{box-sizing:border-box;flex:none;min-width:0}#root[data-deck=below] #deck{width:var(--panel-w,0px);flex:auto;min-height:0}#root[data-deck=beside] #deck{width:300px;height:var(--panel-h,0px)}#screens{pointer-events:none;position:absolute;inset:0}#cabinet:after{content:"";opacity:0;pointer-events:none;background:#0000004d;transition:opacity .6s;position:absolute;inset:0}#cabinet.dim:after{opacity:1}#root[data-tier=still] #cabinet:after{transition:none}@media (prefers-reduced-motion:reduce){#cabinet:after{transition:none}}@font-face{font-family:Anton;src:url(/fonts/anton-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/special-elite-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/permanent-marker-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Share Tech Mono;src:url(/fonts/share-tech-mono-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--f-display:"Anton", Impact, sans-serif;--f-type:"Special Elite", "Courier New", monospace;--f-hand:"Permanent Marker", cursive;--f-readout:"Share Tech Mono", ui-monospace, monospace;--cork:#2b2118;--paper:#e9dcc0;--manila:#d9b97a;--tape:#f6d77ab8;--grease:#ffd84d;--string:#c0392b;--stencil:#f2ead6;--amber:#ffb347;--steel:#2a2f3a}#wall{pointer-events:none;position:absolute;inset:0;overflow:hidden}#wall .beacon{z-index:6;pointer-events:none;mix-blend-mode:screen;display:none;position:absolute;inset:0;overflow:hidden}#wall .beacon:before{content:"";background:conic-gradient(#ff28288c 0deg 8deg,#0000 34deg 180deg,#ff28288c 180deg 188deg,#0000 214deg 360deg);width:320vmax;height:320vmax;margin:-160vmax 0 0 -160vmax;animation:3s linear infinite beacon-turn;position:absolute;top:-6%;left:50%}@keyframes beacon-turn{to{transform:rotate(360deg)}}#wall.alarm .beacon{display:block}#root[data-tier=calm] #wall .beacon,#root[data-tier=still] #wall .beacon{display:none}.wpin{background:radial-gradient(circle at 35% 30%, #ff9a8a, var(--string) 55%, #5a1209);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 3px #0009}.wpin-solo{z-index:0;width:8px;height:8px;top:10px;left:0}.wall-decor{display:none}@media (min-width:1100px){.wpin-solo{display:none}.wall-decor{--pw:150px;--nw:150px;font-family:var(--f-type);display:block;position:absolute;inset:0}.pola,.note{z-index:1;margin:0;position:absolute}.pola{width:var(--pw);box-sizing:border-box;transform:rotate(var(--r));background:#f4efe3;padding:10px 10px 8px;box-shadow:0 8px 16px #0000008c}.pola img{aspect-ratio:1;object-fit:contain;background:#1b1f2b;width:100%;display:block}.pola figcaption{text-align:center;letter-spacing:.06em;color:#2a1d10;margin-top:6px;font-size:14px}.pola:before{content:"";background:var(--tape);width:54px;height:18px;margin-left:-27px;position:absolute;top:-9px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000040}.pola .wpin,.note .wpin{margin-left:-6px;top:2px;left:50%}.note{width:var(--nw);box-sizing:border-box;color:#2a2208;font-family:var(--f-hand);transform:rotate(var(--r));background:#f3dd63;padding:18px 12px 14px;font-size:17px;line-height:1.2;box-shadow:0 8px 14px #00000080}.pola-sc{--r:-5deg;top:10vh;left:3vw}.pola-wd{--r:4deg;left:calc(100% - 3vw - var(--pw));top:14vh}.pola-gb{--r:-3deg;top:72vh;left:2vw}.note-1{--r:3deg;top:50vh;left:5vw}.note-2{--r:-4deg;left:calc(100% - 5vw - var(--nw));top:56vh}#root[data-tier=full] .note{transform-origin:50% 0;animation:note-flutter 2.6s ease-in-out var(--fd,0s) infinite}#root[data-tier=full] .note-2{animation-duration:3.1s}.strings{z-index:0;pointer-events:none;filter:drop-shadow(0 1px 1px #00000080);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.strings path{fill:none;stroke:var(--string);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.wall-label{writing-mode:vertical-rl;letter-spacing:.3em;text-transform:uppercase;color:var(--stencil);opacity:.55;white-space:nowrap;margin:0;font-size:14px;position:absolute;bottom:6vh;left:14px;transform:rotate(180deg)}}@keyframes note-flutter{0%,to{transform:rotate(var(--r)) skewY(0deg)}30%{transform:rotate(calc(var(--r) + .7deg)) skewY(.9deg)}70%{transform:rotate(calc(var(--r) - .6deg)) skewY(-.8deg)}}#root.slid #cabinet,#root.slid #deck{transform:translateX(var(--slide-dx,0px));transition:transform var(--slide-ms,.4s) cubic-bezier(.55, .06, .68, .19)}#root.snap #cabinet,#root.snap #deck{transition:none!important}#cabinet.cut:after{content:"";z-index:100;opacity:1;border-radius:inherit;background:#000;position:absolute;inset:0;transition:none!important;animation:none!important}.screens{pointer-events:none;font-family:var(--f-type);color:var(--c-ink);position:absolute;inset:0}.screen{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s;display:flex;position:absolute;inset:0;overflow:auto}.screen.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.screens.rm .screen{transition:none}@media (prefers-reduced-motion:reduce){.screen{transition:none}}.screen button{cursor:pointer;touch-action:manipulation;font-family:inherit}.screen button:focus-visible{outline:3px solid var(--c-cyan);outline-offset:3px}.screen-card{text-align:center;max-width:640px;margin:auto;padding:24px}.screen-line{font-size:20px;line-height:1.3}.screen-sub{color:color-mix(in srgb, var(--c-dim) 45%, var(--c-ink))}.screen-title{font-family:var(--f-display);letter-spacing:.02em;margin:.3em 0;font-size:clamp(28px,5vw,48px);font-weight:400}.screen-haul{font-family:var(--f-display);color:var(--c-gold);margin:0;font-size:clamp(36px,7vw,72px);font-weight:400}.screens .screen-btn{border:2px solid var(--c-gold);background:var(--c-gold);min-width:44px;min-height:56px;color:var(--c-base);font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:0 2em;font-size:20px;font-weight:400}.screen-btn:disabled{opacity:.6;cursor:default}.screen[data-screen=error]{background:color-mix(in srgb, var(--c-base) 94%, transparent)}.screen[data-screen=debrief]{background:color-mix(in srgb, var(--c-base) 88%, transparent)}.screen[data-screen=start]{background:linear-gradient(to bottom, color-mix(in srgb, var(--cork) 55%, transparent) 0%, color-mix(in srgb, var(--cork) 78%, transparent) 45%, var(--cork) 92%), var(--cork) url(/art/hero.jpg) center 22% / cover no-repeat;box-sizing:border-box;padding:24px 32px 64px}.start-wrap{flex-wrap:wrap;justify-content:center;gap:24px 40px;width:100%;margin:auto auto 0;display:flex}@media (min-width:1100px){.screen[data-screen=start]{padding-inline:clamp(250px,19vw,320px)}}.start-main{flex-direction:column;flex:420px;align-items:flex-start;gap:18px;max-width:560px;margin-block:auto;display:flex}.start-eyebrow{font-family:var(--f-hand);letter-spacing:.06em;color:var(--grease);margin:0;font-size:18px;transform:rotate(-1.5deg)}.start-banner{background:var(--paper);max-width:100%;color:var(--string);filter:drop-shadow(0 6px 10px #0000008c);clip-path:polygon(0 6%,4% 0,9% 5%,15% 1%,22% 6%,30% 0,38% 5%,46% 1%,54% 6%,62% 0,70% 5%,78% 1%,86% 6%,93% 0,100% 5%,99% 38%,100% 62%,98% 100%,92% 94%,85% 100%,77% 95%,69% 100%,61% 94%,53% 99%,45% 95%,37% 100%,29% 94%,21% 99%,13% 95%,6% 100%,0 94%,1% 60%,0 36%);padding:.5em 1.1em .6em;position:relative;transform:rotate(-1deg)}.start-job{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;text-wrap:balance;margin:0;font-size:clamp(30px,5.4vw,58px);font-weight:400;line-height:1.08}.start-ty-rest{color:#0000}.start-brief{font-family:var(--f-type);max-width:38ch;color:var(--stencil);gap:10px;margin:0;padding:0;font-size:clamp(16px,1.7vw,19px);line-height:1.4;list-style:none;display:grid}.start-brief li{grid-template-columns:1.5em 1fr;align-items:baseline;gap:8px;display:grid}.start-num{font-family:var(--f-hand);color:var(--grease);font-size:1.5em;line-height:1;transform:rotate(-4deg)}@media (orientation:portrait){.start-brief{text-align:left}}.screens .start-btn{min-height:72px;color:var(--stencil);letter-spacing:.1em;text-shadow:0 1px #000000b3;background:linear-gradient(180deg, #4a5160, var(--steel) 45%, #1d212a);border:2px solid #0d0f14;border-radius:8px;margin-top:8px;padding:0 2.2em 0 4.2em;font-size:clamp(20px,2.4vw,26px);position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000073,0 6px 12px #0000008c}.start-btn-text{justify-items:center;display:inline-grid}.start-btn-text>span{grid-area:1/1}.start-btn[data-warm] .start-lbl-go,.start-btn:not([data-warm]) .start-lbl-warm{visibility:hidden}.start-btn:before,.start-btn:after{content:"";background:radial-gradient(circle at 35% 30%,#aab2c0,#4b5260 60%,#1b1e25);border-radius:50%;width:7px;height:7px;position:absolute;right:12px;box-shadow:0 1px 1px #0009}.start-btn:before{top:9px}.start-btn:after{bottom:9px}.start-key{background:radial-gradient(circle,#0b0c10 0 28%,#7f8796 30% 36%,#2c313c 38%);border-radius:50%;width:36px;height:36px;margin-top:-18px;position:absolute;top:50%;left:16px;box-shadow:inset 0 2px 3px #000000b3,0 1px #fff3}.start-key:after{content:"";background:var(--amber);border-radius:2px;width:4px;height:14px;margin:-7px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffb347cc}.start-btn:not(:disabled){animation:1.6s ease-in-out infinite alternate breathe}.start-btn:not(:disabled):hover{background:linear-gradient(#566074,#323846 45%,#20252f)}.start-btn:active:not(:disabled){transform:translateY(2px)}.start-btn:disabled{opacity:.7;animation:none}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.025)}}.screens.rm .start-btn,.rm .start-btn{animation:none}@media (prefers-reduced-motion:reduce){.start-btn{animation:none}}.screens .start-how{border:2px solid var(--c-gold);background:color-mix(in srgb, var(--c-gold) 14%, transparent);min-width:220px;min-height:56px;color:var(--c-gold);font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:0 1.6em;font-size:clamp(20px,2.2vw,24px)}.screens .start-how:hover,.screens .start-how:focus-visible{background:color-mix(in srgb, var(--c-gold) 28%, transparent)}.start-status{color:#ff8d7a;min-height:1.4em;margin:0}.start-board{background:var(--paper);color:#2a1d10;background-image:repeating-linear-gradient(#0000 0 22px,#3c240a29 22px 23px);background-position:0 38px;border-radius:2px;flex:0 330px;margin-block:auto;padding:16px 18px 14px;transform:rotate(1deg);box-shadow:0 8px 16px #0000008c}.start-board h2{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--string);margin:0 0 8px;font-size:20px;font-weight:400}.start-board-list{font-family:var(--f-type);gap:0;margin:0;padding:0;font-size:15px;line-height:23px;list-style:none;display:grid}.start-board-list li{grid-template-columns:3.2ch 1fr auto;gap:8px;display:grid}.sb-rank{font-family:var(--f-readout);color:#6b5a40}.sb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-fig{font-family:var(--f-readout);color:#7a1f14}.start-empty{margin:0;font-size:15px}.start-honest{text-align:center;color:var(--stencil);opacity:.75;flex:100%;margin:0;font-size:14px}@media (max-height:480px){.screen[data-screen=start]{padding:12px 24px 24px}.start-wrap{gap:12px 40px}.start-main{gap:8px}.start-job{font-size:clamp(22px,5vw,34px)}.start-brief{gap:4px;max-width:60ch;font-size:14px}.screens .start-btn{min-height:56px;margin-top:2px}.start-honest{margin-top:0}}@media (orientation:portrait){.start-main{text-align:center;flex-basis:100%;align-items:center}.start-board{flex-basis:100%;max-width:420px}}.screens .owtex-link{min-width:44px;min-height:44px;font-family:var(--f-type);color:var(--stencil,var(--c-ink));opacity:.7;text-underline-offset:3px;justify-content:center;align-items:center;margin-top:4px;padding:0 12px;font-size:15px;text-decoration:underline;display:inline-flex}.screens button.owtex-link,.screens .db-endless-link{cursor:pointer;background:0 0;border:0;font-size:15px}.screens .db-endless-link:disabled{opacity:.45;cursor:default}.screens .owtex-link:not(:disabled):hover,.screens .owtex-link:not(:disabled):focus-visible{opacity:1}.screens .owtex-link:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}.screens .start-endless{min-width:44px;min-height:44px;color:var(--stencil,var(--c-ink));font-family:var(--f-type);letter-spacing:.02em;text-underline-offset:4px;opacity:.85;background:0 0;border:none;padding:0 14px;font-size:16px;text-decoration:underline}.screens .start-endless:hover:not(:disabled),.screens .start-endless:focus-visible{opacity:1}.screens .start-endless:disabled{opacity:.45;cursor:default}.start-banner{transition:opacity .2s}.rm .start-banner,.screens.rm .start-banner{transition:none}@media (prefers-reduced-motion:reduce){.start-banner{transition:none}}