@font-face{font-family:Titillium;src:url('./assets/titillium-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Titillium;src:url('./assets/titillium-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Titillium;src:url('./assets/titillium-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Titillium;src:url('./assets/titillium-latin-900.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--green:#76b82a;--black:#000;--white:#fff;font-family:Titillium,'Arial Narrow',Arial,sans-serif;color:var(--black);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#c7e5ee}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #000}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}#game{height:100dvh;min-height:400px;position:relative;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(226,240,240,.94),rgba(226,240,240,.55) 31%,transparent 65%);transition:opacity .6s}.playing .vignette{opacity:0}.topbar{position:absolute;top:max(26px,env(safe-area-inset-top));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{display:flex;align-items:center;gap:18px;background:white;padding:13px 20px;border-radius:9px;box-shadow:0 5px 25px #14383e10}.brand img{width:135px;height:auto;display:block}.brand>span{font-size:29px;line-height:1;font-weight:900;font-style:italic;border-left:1px solid #dcdcdc;padding-left:17px;letter-spacing:-1px}.top-actions{display:flex;align-items:center;gap:10px}.version{font-size:12px;letter-spacing:1.6px;font-weight:700;margin-right:12px}.version b{font-size:12px;letter-spacing:0;margin-left:8px;font-weight:400}.icon-button{height:46px;width:46px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#000;box-shadow:0 4px 16px #0000000b}.icon-button svg{width:22px;height:22px}.icon-button:hover{background:var(--green)}.start-screen{position:absolute;left:7.2%;top:26%;max-width:510px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:2px}.eyebrow>span{width:24px;height:4px;background:var(--green)}h1{font-size:clamp(60px,6.2vw,100px);line-height:.97;letter-spacing:-3.5px;margin:21px 0 23px;font-weight:900}h1 em{font-style:normal;color:var(--green)}.start-screen p{font-size:18px;line-height:1.55;margin:0 0 29px;color:#28363b}.primary-button{border:0;border-radius:5px;background:var(--green);color:#000;min-height:60px;min-width:256px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:20px;font-weight:700;text-align:left;box-shadow:0 5px 0 #000;transition:transform .15s,box-shadow .15s}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 0 #000}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #000}.primary-button svg{width:21px;height:21px}.best-line{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:26px}.best-line svg{width:19px;height:19px}.best-line strong{font-size:17px}.best-line small{font-size:12px;margin-left:4px;color:#56636a}.character-label{position:absolute;left:67%;top:73%;padding:11px 19px;border-left:3px solid var(--green);background:#ffffffed;transform:rotate(-3deg);box-shadow:0 8px 25px #00000012;pointer-events:none}.character-label span{font-size:13px;letter-spacing:1px;font-weight:700;display:block}.character-label small{font-size:14px}.controls-bar{position:absolute;bottom:0;left:0;width:100%;background:#fff;min-height:72px;padding:17px 36px max(17px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:32px;z-index:6}.controls-title{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;letter-spacing:1.4px}.mini-helmet{height:28px;width:28px;background:var(--green);display:grid;place-items:center;border-radius:50%;font-size:24px}.keyboard-controls{display:flex;gap:27px}.keyboard-controls>span{display:flex;align-items:center;gap:6px;font-size:14px;color:#414141}kbd{font:600 16px Titillium,sans-serif;min-width:27px;height:28px;background:#f3f3f3;border:1px solid #dadada;border-bottom:2px solid #c5c5c5;border-radius:4px;display:inline-grid;place-items:center;color:#000}.footer-note{margin-left:auto;font-size:12px;letter-spacing:1.1px;font-weight:600;color:#555}.swipe-hint{display:none;font-size:14px}.hud{position:absolute;top:112px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;background:#000e;color:white;backdrop-filter:blur(10px);border-radius:9px;padding:15px 0;z-index:3;min-width:320px}.hud>div{padding:0 28px}.hud>div+div{border-left:1px solid #ffffff30}.hud>div>span{display:block;font-size:12px;letter-spacing:1.5px;color:#d2d2d2}.hud strong{display:block;font-size:25px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}.hud-score strong{font-size:36px}.hud small{font-size:16px}.coin-value{display:flex!important;align-items:center;gap:6px}.coin-value i{display:inline-grid;place-items:center;width:20px;height:20px;font-style:normal;border:2px solid var(--green);color:var(--green);border-radius:50%;font-size:18px}.toast{position:absolute;top:215px;left:50%;transform:translateX(-50%) translateY(-10px);border-radius:5px;background:#000e;color:#fff;padding:10px 20px;font-size:18px;font-weight:600;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:4;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.overlay{position:absolute;inset:0;background:#0a1c2680;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:10;padding:100px 22px 85px}.panel{background:white;border-radius:12px;padding:34px 38px;max-width:440px;width:100%;box-shadow:0 30px 80px #0003;max-height:100%;overflow:auto}.panel .eyebrow{font-size:12px;color:#425236;letter-spacing:1.4px}.panel h2{font-size:43px;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:12px 0}.panel p{font-size:17px;color:#555;line-height:1.45;margin:0 0 23px}.panel .primary-button{width:100%;min-width:0;margin-top:22px}.text-button{border:0;background:none;color:#555;text-decoration:underline;text-underline-offset:4px;display:block;padding:16px 10px 0;margin:auto;font-size:15px}.result{border-top:1px solid #e5e5e5;padding-top:17px}.result>span{font-size:12px;letter-spacing:1.6px}.result>strong{display:block;font-size:64px;line-height:1.1;font-weight:900;font-variant-numeric:tabular-nums}.result-details{display:flex;gap:25px;font-size:16px;margin:12px 0 19px}.record-line{font-size:14px;border-top:1px solid #e5e5e5;padding-top:13px;display:flex;justify-content:space-between}.touch-controls{position:absolute;bottom:max(78px,calc(67px + env(safe-area-inset-bottom)));left:20px;right:20px;display:none;justify-content:center;gap:12px;z-index:6}.touch-controls button{width:55px;height:50px;border:1px solid #ffffff60;background:#0008;color:#fff;border-radius:9px;font-size:28px;touch-action:manipulation}.touch-controls button:active{background:var(--green);color:black}.noscript{position:absolute;inset:0;background:#fff;display:grid;place-items:center;z-index:30;padding:30px;font-size:22px}
@media(min-width:1500px){.start-screen{top:29%}}@media(max-width:1100px){.footer-note{display:none}.controls-bar{justify-content:space-between;gap:20px}.version{display:none}.start-screen{left:6%;top:26%}h1{font-size:74px}.keyboard-controls{gap:18px}.character-label{left:69%}}
@media(pointer:coarse){.keyboard-controls{display:none}.swipe-hint{display:block}.touch-controls:not([hidden]){display:flex}.footer-note{display:none}}
@media(max-width:700px){.topbar{top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.brand{padding:10px 13px;gap:11px;border-radius:7px}.brand img{width:104px}.brand>span{font-size:24px;padding-left:11px}.icon-button{width:40px;height:40px}.start-screen{left:25px;top:18%;max-width:75%}.eyebrow{font-size:11px;letter-spacing:1.4px}h1{font-size:clamp(52px,11.5vw,70px);letter-spacing:-2px;margin:15px 0}.start-screen p{font-size:16px;line-height:1.4;margin-bottom:20px}.desktop-break{display:none}.primary-button{min-height:53px;min-width:220px;padding:11px 20px;font-size:18px}.best-line{margin-top:21px;gap:7px}.best-line small{display:none}.character-label{top:auto;bottom:19%;left:auto;right:20px;transform:rotate(-4deg);padding:8px 12px}.character-label small{font-size:12px}.character-label span{font-size:11px}.vignette{background:linear-gradient(90deg,rgba(226,240,240,.92),rgba(226,240,240,.55) 43%,transparent 95%)}.controls-bar{padding:14px 20px max(14px,env(safe-area-inset-bottom));min-height:62px;gap:12px}.controls-title{display:none}.swipe-hint{font-size:13px;margin:auto}.keyboard-controls{gap:12px}.keyboard-controls>span{font-size:12px}.pause-help{display:none!important}.hud{top:82px;min-width:290px;padding:11px 0}.hud>div{padding:0 20px}.hud strong{font-size:24px}.hud-score strong{font-size:32px}.hud>div>span{font-size:11px}.toast{top:173px;font-size:16px;white-space:normal;width:max-content;max-width:90%}.overlay{padding:82px 18px 74px}.panel{padding:26px}.panel h2{font-size:37px}.result>strong{font-size:55px}}
@media(max-height:650px){.start-screen{top:20%}h1{font-size:58px;margin:12px 0}.start-screen p{font-size:16px;margin-bottom:15px}.best-line{margin-top:17px}.character-label{display:none}.panel{padding:22px 28px}.panel h2{font-size:34px}.panel p{margin-bottom:12px}.result>strong{font-size:46px}.panel .primary-button{margin-top:16px;min-height:48px}.result-details{margin:7px 0 12px}.controls-bar{min-height:57px;padding-top:12px;padding-bottom:12px}}
@media(max-height:500px) and (min-width:700px){.topbar{top:15px}.start-screen{top:23%;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-width:650px}.start-screen .eyebrow{grid-column:1/3}.start-screen h1{grid-row:2/5;font-size:55px}.start-screen p{margin-top:16px;font-size:14px}.best-line{margin-top:13px}.hud{top:18px;min-width:270px}.hud>div{padding:0 16px}.toast{top:108px}.version{display:none}.brand img{width:90px}.brand>span{font-size:23px}}
@media(max-width:700px){.character-label{display:none}.start-screen{top:15%}.start-screen p{max-width:235px}.vignette{background:linear-gradient(90deg,rgba(226,240,240,.94),rgba(226,240,240,.55) 40%,transparent 80%)}}
/* v0.3: the playable 3D scene stays visible; dark HUD panels frame the construction site. */
.vignette{background:linear-gradient(90deg,rgba(8,19,25,.91),rgba(8,19,25,.68) 29%,rgba(8,19,25,.14) 60%,transparent 80%)}
.start-screen{color:#fff;top:25%}.start-screen p{color:#dce4e8}.best-line small{color:#a6b5bd}.version{color:#fff;text-shadow:0 1px 5px #000}.playing .version{display:none}
.brand{box-shadow:0 8px 30px #0003}.icon-button{background:#111e26ec;color:#fff;border:1px solid #ffffff75}.icon-button:hover{color:#000}
.character-label{display:none}.controls-bar{bottom:16px;left:24px;width:calc(100% - 48px);min-height:59px;border-radius:10px;background:#10202bec;color:#fff;border:1px solid #ffffff30;backdrop-filter:blur(12px);padding:13px 24px}
.keyboard-controls>span,.footer-note{color:#c6d2da}kbd{background:#ffffff13;color:white;border:1px solid #ffffff50;border-bottom-width:2px}.mini-helmet{color:#000}
.hud{border:1px solid #ffffffb0;box-shadow:0 8px 30px #0004;background:#101c25ed;border-radius:15px}.toast{border:1px solid #ffffff55;box-shadow:0 6px 20px #0003}
@media(min-width:1101px){.hud{top:27px;left:auto;right:167px;transform:none}.hud>div{padding:0 23px}.hud-score strong{font-size:32px}.toast{top:127px}}
@media(max-width:700px){.start-screen{top:17%;max-width:84%}.vignette{background:linear-gradient(90deg,rgba(8,19,25,.89),rgba(8,19,25,.56) 43%,rgba(8,19,25,.07) 92%)}.controls-bar{left:12px;width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:11px;min-height:48px}.touch-controls{bottom:80px}.hud{border-radius:12px}.start-screen p{max-width:235px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.hud-clock strong{color:#9bdd4d;font-variant-numeric:tabular-nums}.hud-clock.urgent strong{color:#ffc35c}.result-details{flex-wrap:wrap}
.board-button{border:1px solid #76b82a;border-radius:5px;background:#12232e;color:#fff;padding:10px 16px;font-size:1rem;font-weight:600;min-height:44px}
.board-button:hover{background:#263d48}.start-board{margin-top:20px}.end-board{width:100%;margin-top:8px}.start-screen .best-line{margin-top:14px}
.score-dialog{color:#fff;background:#10202b;border:1px solid #61737d;border-top:5px solid var(--green);border-radius:12px;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;font-size:1rem;box-shadow:0 25px 100px #0009}
.score-dialog::backdrop{background:#041018bd;backdrop-filter:blur(6px)}.score-dialog h2{font-size:2.4rem;line-height:1.1;margin:12px 0 24px;font-weight:900;letter-spacing:-.5px}.score-dialog .eyebrow{font-size:.875rem;letter-spacing:1px;color:#b9e891}
.score-dialog label{display:block;font-weight:600;margin:16px 0 6px}.score-dialog input{font:inherit;width:100%;border:1px solid #8798a2;border-radius:5px;background:#fff;color:#10202b;padding:12px;min-height:48px}.score-dialog input:focus-visible{outline:3px solid var(--green);outline-offset:3px}.score-dialog .registration-notice{font-size:.875rem;line-height:1.5;color:#c5d1d9;margin:20px 0 12px}.score-dialog .primary-button{width:100%;min-width:0}.score-dialog .text-button{color:#e3ebf0}.form-status{font-size:1rem;color:#ffdb91;line-height:1.4}.form-status:empty{display:none}
.leaderboard-dialog{width:min(640px,calc(100% - 28px))}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.board-close{background:#263d48;border:1px solid #61737d;border-radius:6px;color:#fff;min-width:44px;height:44px;font-size:28px;line-height:1}.board-tabs{display:flex;padding:4px;background:#040d13;border-radius:7px;gap:5px}.board-tabs button{flex:1;background:transparent;color:#c5d1d9;border:0;border-radius:5px;padding:12px;font-size:1rem;font-weight:700}.board-tabs button[aria-pressed=true]{background:var(--green);color:#071000}#board-description{font-size:.875rem;color:#c5d1d9;margin:16px 0}.leaderboard-scroll{max-height:45dvh;overflow:auto}.leaderboard-dialog table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.leaderboard-dialog th,.leaderboard-dialog td{text-align:left;padding:12px 10px;border-bottom:1px solid #ffffff20;overflow-wrap:anywhere}.leaderboard-dialog th{font-size:.875rem;color:#b1c2cb}.leaderboard-dialog th:first-child{width:45px}.leaderboard-dialog th:last-child{width:105px}.leaderboard-dialog td:last-child,.leaderboard-dialog th:last-child{text-align:right}.leaderboard-dialog td:last-child{font-weight:700;color:#b9e891}.leaderboard-dialog tbody tr:first-child{background:#76b82a18}.leaderboard-dialog .your-score{background:#76b82a30;outline:1px solid var(--green);outline-offset:-1px}.board-foot{border-top:1px solid #ffffff20;margin-top:20px;padding-top:16px;display:flex;align-items:center;gap:20px}.board-foot p{font-size:.875rem;color:#c5d1d9;line-height:1.45;margin:0}.board-foot button{flex-shrink:0}.save-status{font-size:1rem!important;line-height:1.4!important;margin:18px 0 8px!important;color:#334723!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.start-screen{max-height:calc(100dvh - 210px);overflow:auto;padding:0 8px 12px 0}
.end-registration{border-top:1px solid #ddd;margin-top:20px;padding-top:16px}.end-registration h3{font-size:1.4rem;margin:0 0 12px}.end-registration fieldset{padding:0;border:0;margin:0;min-width:0}.end-registration label{display:block;font-size:1rem;font-weight:600;margin:12px 0 6px}.end-registration input:not([type=checkbox]){font:inherit;font-size:1rem;width:100%;padding:11px;border:1px solid #75848d;border-radius:5px;min-height:46px}.end-registration input:focus-visible{outline:3px solid #76b82a;outline-offset:3px}.end-registration .consent-option{display:flex;align-items:flex-start;gap:11px;margin:20px 0 12px;cursor:pointer;font-size:1rem;line-height:1.4;font-weight:400}.consent-option input{flex:0 0 21px;width:21px;height:21px;margin:1px 0 0;accent-color:#527f1d}.end-registration .registration-notice{font-size:.875rem;line-height:1.5;margin:12px 0;color:#52606a}.end-registration .primary-button{font-size:1.125rem;min-height:48px;margin-top:16px}.run-status{position:absolute;z-index:15;top:90px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#10202b;color:white;padding:10px 16px;border:1px solid #76b82a;border-radius:6px;font-size:1rem;text-align:center}.run-status:empty{display:none}#end-screen .panel{max-width:510px}#end-screen .primary-button{font-size:1.125rem;gap:12px}
@media(max-width:700px){.top-actions{gap:6px}.topbar .board-button{font-size:.875rem;padding:8px 10px}.topbar .brand{gap:7px;padding:10px}.topbar .brand img{width:80px}.topbar .brand>span{font-size:21px;padding-left:7px}.score-dialog{padding:22px}.score-dialog h2{font-size:2rem}.board-foot{align-items:flex-start;gap:12px;flex-direction:column}.start-screen{max-height:calc(100dvh - 190px)}.start-board{margin-top:18px}.start-screen .best-line{margin-top:10px}.version{display:none}}
@media(max-width:700px){.hud{width:calc(100% - 36px);min-width:0;justify-content:space-around}.hud>div{padding:0 12px;min-width:0}.hud .hud-distance{display:none}.hud-clock strong{font-size:28px}}

.score-multiplier{display:block;font-size:12px!important;line-height:1.4;color:#d2d2d2;white-space:nowrap;margin-top:4px}.score-multiplier.boost-active{color:#ffdc62;font-weight:700}.obstacle-hint{position:absolute;top:265px;left:50%;transform:translateX(-50%);z-index:4;background:#ffdc62;color:#172027;border-radius:7px;padding:9px 16px;max-width:92%;width:max-content;text-align:center;font-weight:700;font-size:17px;box-shadow:0 4px 16px #0003;pointer-events:none}@media(min-width:1101px){.obstacle-hint{top:185px}}@media(max-width:700px){.obstacle-hint{top:235px;font-size:14px}.score-multiplier{font-size:10px!important}.hud>div{padding:0 9px}}