:root{color:#f7f7f0;font-synthesis:none;background:#102a40;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{z-index:8!important}.auto-button{color:#fff;background:#153b52;border:1px solid #bedcea;border-radius:9px;min-height:40px;padding:6px 10px;font-size:10px;font-weight:850}.auto-button[aria-pressed=true]{color:#ffdc80}.level-label{letter-spacing:.14em;margin-bottom:7px;font-size:10px;display:block}#level-select{color:#fff;background:#173d52;border:1px solid #8daab9;border-radius:10px;width:100%;max-width:390px;margin-bottom:16px;padding:12px;font-size:16px;display:block}.builder-launch{color:#fff;background:#244f66;border:1px solid #95b4bf;border-radius:10px;margin-top:18px;padding:13px;font-weight:800;display:block}.builder-screen{touch-action:pan-y;justify-content:center;overflow-y:auto;background:#0b263af5!important;align-items:flex-start!important;padding-top:90px!important}.builder-card{width:min(700px,100%);padding-bottom:30px}.builder-card h2{margin:0;font-size:28px}.builder-card p{color:#c6dbe4;font-size:13px}.track-map{float:right;background:#17394d;border-radius:12px;width:25%;height:265px;overflow:auto}.track-map svg{width:100%;height:100%;display:block}.roof-picker{flex-wrap:wrap;gap:5px;width:72%;margin:12px 0;display:flex}.roof-picker button,.builder-actions button{color:#fff;background:#214b62;border:1px solid #7b9aab;border-radius:8px;min-width:40px;min-height:40px}.roof-picker button[aria-pressed=true]{color:#153b52;background:#f3cc75}.sliders{gap:9px;width:70%;display:grid}.sliders label{font-size:13px}.sliders output{float:right;color:#f3cc75}.sliders input{accent-color:#f3cc75;touch-action:pan-x;width:100%;height:30px;display:block}.builder-actions{clear:both;gap:8px;padding-top:16px;display:flex}.builder-actions button{flex:1;font-size:11px;font-weight:800}button:disabled{opacity:.35;cursor:default}.intro{touch-action:pan-y;overflow-y:auto}.intro-card{margin:auto 0}.intro h1{font-size:clamp(42px,7vw,82px)!important}.intro p{margin-bottom:14px}.intro .instructions{margin-top:16px}.pause-screen,.win-screen{touch-action:pan-y;overflow-y:auto}.pause-card{margin:auto}.pause-card .secondary{margin-top:15px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #fff4a6}[hidden]{display:none!important}#app{isolation:isolate;touch-action:none;position:relative}#world,.vignette{width:100%;height:100%;position:absolute;inset:0}#world{display:block}.vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#07182445,#0000 25% 70%,#07182430),linear-gradient(#05162130,#0000 30% 75%,#05162173)}.topbar{z-index:5;padding:calc(env(safe-area-inset-top) + 16px) max(22px,env(safe-area-inset-right)) 10px max(22px,env(safe-area-inset-left));text-shadow:0 2px 12px #1226389e;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.12em;align-items:center;gap:11px;font-size:14px;font-weight:600;line-height:1.05;display:flex}.brand b{color:#ffda72}.brand-symbol{color:#153c59;width:34px;height:34px;text-shadow:none;background:#e8c765;border-radius:9px;place-items:center;font-size:25px;display:inline-grid;transform:rotate(-9deg)}.top-actions{align-items:center;gap:14px;display:flex}.edition{letter-spacing:.18em;opacity:.78;font-size:10px;font-weight:750}.small-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#153b52bd;border:1px solid #fff8;border-radius:10px;width:40px;height:40px;font-size:17px;font-weight:900}.hud{z-index:4;top:calc(env(safe-area-inset-top) + 77px);left:max(24px,env(safe-area-inset-left));text-shadow:0 2px 10px #102c42;align-items:end;gap:20px;min-width:220px;display:flex;position:absolute}.hud small{letter-spacing:.16em;color:#fbe5ad;font-size:10px;font-weight:850;display:block}.hud strong{letter-spacing:-.06em;font-size:31px;font-weight:900;line-height:1.12;display:block}.hud .fraction{color:#cce3ec;letter-spacing:0;font-size:17px}.timer strong{font-size:25px}.progress{background:#fff5;border-radius:5px;width:225px;height:4px;position:absolute;top:58px}.progress span{background:#f6d477;border-radius:5px;width:12.5%;height:100%;transition:width .35s;display:block}.reticle{z-index:3;color:#f9ffff;pointer-events:none;text-shadow:0 1px 8px #224b60;border:2px solid #fff9ddaa;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #8fe6ff88}.reticle.attached{border-color:#b0efff;box-shadow:0 0 18px #b0efff}.reticle span{transform:rotate(-12deg)}.message{z-index:4;letter-spacing:.02em;white-space:nowrap;color:#fff3bb;text-shadow:0 3px #14334e,0 6px 25px #0d2639;pointer-events:none;font-size:clamp(22px,4vw,39px);font-style:italic;font-weight:1000;position:absolute;top:23%;left:50%;transform:translate(-50%)}.hint{z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);white-space:nowrap;letter-spacing:.13em;color:#f4f1dc;text-shadow:0 2px 10px #092438;pointer-events:none;font-size:11px;font-weight:900;position:absolute;transform:translate(-50%)}.touch-controls{z-index:6;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 24px);padding:0 max(23px,env(safe-area-inset-right)) 0 max(23px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute}.touch-controls>div{pointer-events:auto;align-items:end;gap:8px;display:flex}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#173d52c9;border:1px solid #ffffff8a;border-radius:18px;min-width:59px;height:62px;font-size:19px;font-weight:900;transition:transform .1s,background .1s;box-shadow:0 5px 22px #1128377a}.touch-controls button.pressed{background:#26749b;transform:translateY(3px)scale(.96)}.touch-controls .brake{letter-spacing:.07em;background:#384754cf;min-width:53px;height:49px;font-size:11px}.touch-controls .jump{color:#18364b;background:#e4b84b;border-color:#fff1bb;min-width:74px;height:74px;font-size:14px}.touch-controls .web{color:#153a55;background:#e9ecdf;border-color:#fff;min-width:86px;height:87px;font-size:15px}.touch-controls .web span{font-size:27px;line-height:22px;display:block}.touch-controls .web.connected{background:#b4efff;box-shadow:0 0 20px #b4efff88}.overlay{z-index:7;padding:calc(env(safe-area-inset-top) + 55px) max(30px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 25px) max(30px,env(safe-area-inset-left));background:linear-gradient(90deg,#08283cee 0%,#12354cbc 36%,#102c4260 72%,#071b2d33);align-items:center;display:flex;position:absolute;inset:0}.intro-card{width:min(520px,100%)}.eyebrow{letter-spacing:.21em;color:#f9d989;margin-bottom:14px;font-size:11px;font-weight:900}.intro h1,.pause-card h2{letter-spacing:-.08em;text-shadow:0 5px 24px #08253666;margin:0 0 22px;font-size:clamp(54px,7.7vw,110px);font-weight:1000;line-height:.87}.intro h1 em,.pause-card h2 em{color:#f3cb70;font-style:normal}.intro p,.pause-card p{color:#e4edf0;max-width:390px;margin:0 0 24px;font-size:16px;line-height:1.55}.primary{color:#153b52;text-align:left;letter-spacing:.045em;background:#f3cc75;border:0;border-radius:12px;min-width:232px;padding:17px 20px;font-weight:950;box-shadow:0 7px #997545,0 14px 24px #06243977}.primary span{float:right;font-size:23px;line-height:15px}.primary:active{transform:translateY(4px);box-shadow:0 3px #997545}.instructions{color:#d1e2e6;flex-wrap:wrap;gap:8px 19px;margin-top:23px;font-size:11px;display:flex}.instructions b{color:#ffe29a;letter-spacing:.1em;margin-right:5px}.pause-screen,.win-screen,.error-screen{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a273bdc;justify-content:center}.pause-card{max-width:530px}.pause-card h2{font-size:clamp(48px,8vw,84px)}.pause-card p{margin:0 auto 24px}.pause-card .primary{text-align:center}.secondary{color:#e9eef0;text-underline-offset:4px;background:0 0;border:0;margin:23px auto 0;text-decoration:underline;display:block}@media (width<=700px){.edition{display:none}.topbar{padding-top:calc(env(safe-area-inset-top) + 11px)}.brand{letter-spacing:.06em;font-size:11px}.brand-symbol{width:30px;height:30px}.hud{top:calc(env(safe-area-inset-top) + 65px);left:18px}.hud strong{font-size:24px}.timer strong{font-size:22px}.progress{width:180px;top:49px}.hint{bottom:calc(env(safe-area-inset-bottom) + 118px);letter-spacing:.04em;font-size:9px}.message{font-size:24px;top:25%}.overlay{padding-bottom:calc(env(safe-area-inset-bottom) + 47px);background:linear-gradient(#0c304433 0%,#102e45df 51%,#0b2c42f4 100%);align-items:end}.intro h1{font-size:clamp(52px,13vw,82px)}.intro p{font-size:15px}.instructions{font-size:10px}.touch-controls{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 12px)}.touch-controls>div{gap:5px}.touch-controls button{border-radius:15px;min-width:48px;height:54px}.touch-controls .brake{min-width:45px;height:43px}.touch-controls .jump{min-width:57px;height:62px;font-size:12px}.touch-controls .web{min-width:68px;height:72px;font-size:13px}.touch-controls .web span{font-size:22px}}@media (width<=390px){.touch-controls button{min-width:43px}.touch-controls .brake{min-width:41px}.touch-controls .jump{min-width:51px}.touch-controls .web{min-width:58px}}@media (width>=900px) and (pointer:fine){.touch-controls{bottom:32px}.touch-controls button{opacity:.82}.hint{bottom:130px}}@media (height<=500px){.overlay{align-items:center;padding-top:40px;padding-bottom:15px}.intro h1{margin-bottom:9px;font-size:50px}.intro p{margin-bottom:12px;font-size:12px;line-height:1.3}.primary{padding:11px 16px}.instructions{margin-top:13px}.hud{top:55px}.touch-controls{bottom:10px}.hint{bottom:92px}}