*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#1c1c1b;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px dashed #555;outline-offset:6px}#game{width:100%;height:100svh;min-height:420px;overflow:hidden;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;top:35px;left:4%;right:4%;display:flex;align-items:center;gap:35px}.brand{font-size:29px;line-height:.81;letter-spacing:-2px;font-weight:950;transform:rotate(-5deg);text-decoration:none;color:inherit}.brand>span{font-size:37px}.level{font:12px monospace;letter-spacing:2px;line-height:1.9}.level b{font-weight:400;letter-spacing:0;color:#666}.small{margin-left:auto;width:44px;height:44px;border:2px solid;background:transparent;border-radius:48% 43% 50% 46%;font-weight:bold}.hud{position:absolute;right:4%;top:120px;display:flex;gap:32px}.hud small{display:block;font:11px monospace;letter-spacing:2px;margin-bottom:8px}.hud strong{font:27px monospace}.panel{position:absolute;top:26%;left:8%;z-index:3}.eyebrow{font:11px monospace;letter-spacing:2.3px;border-bottom:1px solid;padding-bottom:8px}h1{font-size:clamp(52px,6.6vw,96px);line-height:.95;letter-spacing:-5px;margin:26px 0 22px;font-weight:950;transform:rotate(-2deg)}p{font-size:15px;line-height:1.7;color:#575753}.primary{margin-top:15px;background:#20201f;border:2px solid #20201f;color:#fff;padding:17px 25px;min-width:227px;display:flex;justify-content:space-between;gap:30px;font-size:12px;font-weight:700;letter-spacing:2px;box-shadow:4px 4px 0 #f8f7f3,5px 5px 0 #222;transform:rotate(-1deg)}.primary:hover{transform:rotate(0deg) translateY(-2px)}.hint{margin-top:24px;font:11px monospace;color:#666}kbd{border:1px solid #888;border-radius:3px;padding:5px 7px;font:10px monospace;color:#333}.scribble{position:absolute;left:250px;bottom:5px;width:110px;fill:none;stroke:#333;stroke-width:2;transform:rotate(10deg)}footer{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:24px;font:10px monospace;letter-spacing:1px}.controls{display:flex;align-items:center;gap:10px}.controls i{margin:0 6px}.route{display:flex;align-items:center;gap:12px}.route>div{width:150px;height:3px;background:#d1d0ca}.route i{display:block;height:3px;background:#222;width:0}.edition{color:#777}#message{position:absolute;top:27%;left:50%;transform:translateX(-50%) rotate(-5deg);font-weight:900;font-size:35px;text-shadow:2px 2px #fff;pointer-events:none}#jump{position:absolute;bottom:85px;right:4%;width:80px;height:80px;border:2px solid;border-radius:50% 45% 49% 44%;background:#f8f7f3;font-size:35px;display:none;touch-action:none}#jump small{display:block;font:10px monospace}.hidden{display:none!important}.pause-panel{position:absolute;inset:0;background:#f8f7f3e8;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}.pause-panel h2{font-size:50px;letter-spacing:-2px}#error{position:absolute;inset:30%;background:white;padding:30px;z-index:9}.playing #jump{display:block}.playing .level b{visibility:hidden}@media(max-width:700px){header{top:24px}.level{font-size:10px;letter-spacing:1px}.level b{display:none}.hud{top:100px;gap:20px}.hud strong{font-size:21px}.panel{left:7%;top:29%}h1{font-size:58px;letter-spacing:-3px}p{font-size:14px}.edition,.controls{display:none}footer{bottom:26px}.route{width:100%}.route>div{flex:1}.scribble{display:none}#jump{bottom:72px}.panel:before{content:'';position:absolute;inset:-20px;background:#f8f7f3d9;z-index:-1;filter:blur(15px)}}@media(max-height:600px){header{top:18px}.panel{top:23%}h1{font-size:52px;margin:20px 0 10px}.hint{margin-top:16px}.hud{top:85px}footer{bottom:18px}.panel p{margin:8px 0}.primary{padding:13px 22px}}

.secondary{display:block;margin-top:20px;padding:10px 0;background:transparent;border:0;border-bottom:1px solid #8b928a;font:12px monospace;letter-spacing:1px}.secondary:hover{color:#526b5b}.panel:has(#endtitle){max-width:560px;background:#f8f7f3e8;padding:24px;border-left:2px solid #292d29}.panel:has(#endtitle) h1{font-size:clamp(44px,6vw,76px)}

.steering{display:none;position:absolute;bottom:80px;left:5%;right:5%;justify-content:space-between;pointer-events:none}.steering button{pointer-events:auto;touch-action:none;width:70px;height:70px;border:2px solid #333;border-radius:45% 50% 46% 48%;background:#f8f7f3dc;font-size:32px}.playing.alpine .steering{display:flex}.playing.alpine #jump{display:none}.alpine .controls{display:flex}@media(max-width:700px){.alpine footer .controls{position:absolute;bottom:110px;left:0;font-size:11px}}

.hud{flex-wrap:wrap;max-width:240px}.energy-hud{width:100%;margin-top:-12px}#energy{width:110px;height:9px;padding:1px;border:1px solid #474d43;transform:rotate(-1deg)}#energy-fill{display:block;height:100%;width:100%;background:#69776d;transition:width .2s ease}#energy.low #energy-fill{background:#985f43}@media(prefers-reduced-motion:reduce){#energy-fill{transition:none}}

.playing.alpine #jump{display:block;right:calc(50% - 35px);bottom:80px;width:70px;height:70px;font-size:28px}@media(max-width:700px){.alpine footer .controls{gap:5px}.alpine footer .controls kbd{font-size:9px}}

.brand-studio{display:block;font-size:11px;font-weight:600;letter-spacing:1px;line-height:1.1;margin-bottom:2px}

.forest .controls,.forest #message,.forest #jump,.forest .steering{display:none!important}

#rotate-device{position:fixed;inset:0;z-index:100;background:#f8f7f3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}#rotate-device h2{font-size:30px;line-height:1.15;max-width:320px;margin:24px 0 8px}#rotate-device p{max-width:300px}.rotate-phone{width:98px;height:55px;border:3px solid #252524;border-radius:10px;font-size:40px;line-height:44px}

@media(orientation:landscape) and (max-height:500px){#game{min-height:0}#intro{top:105px;left:7%;display:grid;grid-template-columns:230px 260px;gap:10px 24px}#intro .eyebrow{grid-column:1 / 3}#intro h1{grid-column:1;grid-row:2 / 5;font-size:42px;margin:8px 0;align-self:center}#intro p,#intro .hint,#intro .scribble{display:none}#intro button{grid-column:2;margin:0;padding:10px 14px;min-width:0}#intro:before{display:none}}

#game.coastal{background:#edc7b0;color:#453b34}#game.coastal .grain{background-color:rgba(230,165,105,.035)}
@media(max-height:620px){#intro.panel{top:22%;max-height:70%;overflow-y:auto;padding-right:12px}#intro h1{font-size:clamp(28px,6vh,46px);margin:8px 0}#intro p{margin:6px 0}#intro .secondary{margin-top:5px;padding:7px 10px}#intro .hint{margin-top:7px}}

#intro{max-height:calc(74svh - 65px);overflow-y:auto;padding:4px 12px 14px 4px}#intro .secondary{margin-top:10px}
.playing.coastal #jump{display:block;bottom:78px;width:64px;height:64px}.coastal .steering{right:calc(4% + 88px);gap:12px}.coastal .steering button{width:64px;height:64px}#game.coastal #message{font-size:clamp(15px,2.3vw,28px);width:70%;text-align:center;transform:translateX(-50%)}
#game #jump, #game .steering { display: none !important; }

#game:not(.coastal) .grain{opacity:.19}#game.forest{background:#e9eee5}#game.forest .grain{opacity:.12}

#coaster-speed{position:absolute;top:242px;right:4%;font:700 13px monospace;letter-spacing:.08em;color:#50594e;background:#eee9dfdd;padding:9px 12px;border:1px solid #8e9784;}@media(max-height:650px){#intro{padding-top:18px;padding-bottom:18px}#intro h1{font-size:clamp(30px,6vh,60px);margin:8px 0}#intro .secondary{margin-top:6px;padding:8px 12px}#intro .hint{margin-top:10px}#coaster-speed{top:205px;right:4%}}

#game.jetpack{background:#f5f1e7;color:#443e34}#game.jetpack .grain{opacity:.12}#game.jetpack .level b{font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:400}#game.jetpack.playing #jump{display:block!important;touch-action:none;width:76px;height:76px;background:#f1e8d5e8;border:2px solid #655b49;bottom:86px}#game.jetpack #scene{touch-action:none}#game.jetpack .steering{display:none!important}#game.jetpack .controls{display:flex!important}@media(max-width:700px){#game.jetpack .level{max-width:56%;font-size:10px}#game.jetpack .controls{font-size:9px;gap:5px}#game.jetpack .controls kbd{font-size:10px}}

#intro{max-height:calc(100dvh - 120px);overflow-y:auto}#game.park .controls{display:flex!important;flex-wrap:wrap}#game.park #coaster-speed{background:#e9eee5e8}#game.park #message{font-size:clamp(14px,2vw,26px);text-align:center;width:75%}@media(pointer:coarse){#game.park.playing #jump,#game.park.playing .steering{display:flex!important}#game.park.playing #jump{flex-direction:column;align-items:center;justify-content:center;bottom:86px;width:64px;height:64px}#game.park .steering{bottom:86px;right:calc(4% + 82px)}#game.park .steering button{width:52px;height:52px}#game.park .controls{font-size:9px;gap:4px}}

/* Original level buttons live directly on the start screen. */
#intro.panel{display:block;top:clamp(110px,20dvh,180px);left:8%;width:84%;max-height:calc(100dvh - clamp(110px,20dvh,180px) - 24px);overflow-y:auto;padding:4px 12px 16px 4px}
.start-levels{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 28px;margin-top:24px}
#intro .start-levels .secondary{margin:0;min-height:44px;max-width:100%;padding:10px 0;text-align:left;line-height:1.5}
#intro .scribble{display:none}
@media(max-height:500px){#intro.panel{top:96px;max-height:calc(100dvh - 110px)}#intro h1{font-size:36px;margin:10px 0}#intro .start-levels{margin-top:14px;gap:6px 24px}#intro .start-levels .secondary{padding:8px 0}#intro #start{display:inline-flex}}

/* Shared top row for every course. */
#game header{display:grid;grid-template-columns:auto minmax(0,1fr) auto 44px 44px;align-items:center;gap:clamp(12px,2vw,28px);right:16px;left:4%;top:max(18px,env(safe-area-inset-top));z-index:4}
#game header .hud{position:static;display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(14px,2vw,28px);max-width:none}
#game header .energy-hud{width:auto;margin:0}
#game header .hud small{margin-bottom:6px}
#game header .hud strong{white-space:nowrap;font-size:23px}
#game header #energy{width:90px}
#game header #pause{margin:0}
#fullscreen{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:1.5px solid #65715b;border-radius:12px 14px 11px 13px;background:#f8f7f3ed;color:#45543a;opacity:1;box-shadow:2px 3px 0 #53624626;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;touch-action:manipulation}
#fullscreen:hover,#fullscreen:focus-visible{background:#e4eadc;box-shadow:2px 4px 0 #53624640;transform:translateY(-1px)}#fullscreen:active{transform:translateY(1px);box-shadow:none}#fullscreen svg{width:24px;height:24px;animation:fullscreen-breathe 5s ease-in-out infinite;transform-origin:center}#fullscreen svg path{stroke-width:1.7}@keyframes fullscreen-breathe{0%,60%,100%{transform:scale(1)}72%{transform:scale(1.12)}84%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#fullscreen{transition:none}#fullscreen svg{animation:none}}
#fullscreen[hidden],:fullscreen #fullscreen{display:none}
@media(max-width:1000px){#game header{grid-template-columns:auto 1fr auto 44px 44px;gap:12px}#game header .level{grid-column:1 / 6;grid-row:2}#game header .hud{grid-column:3;grid-row:1}#game header #pause{grid-column:4;grid-row:1}#game header #fullscreen{grid-column:5;grid-row:1}}
@media(max-width:600px){#game header{left:14px;right:10px;grid-template-columns:auto 1fr 36px 44px;gap:10px;top:max(12px,env(safe-area-inset-top))}#game header .hud{grid-column:1 / 3;gap:14px;justify-content:space-between}#game header .hud small{font-size:9px;letter-spacing:1px}#game header .hud strong{font-size:17px}#game header #energy{width:62px}#game header #pause{grid-column:3;width:36px;height:36px}#game header #fullscreen{grid-column:4}#game header .brand{grid-row:2;grid-column:1;font-size:20px}#game header .brand>span{font-size:25px}#game header .level{grid-row:2;grid-column:2 / 5;min-width:0}}


#phone-controls{display:none;position:absolute;inset:0;pointer-events:none;z-index:4}
#game.phone-input.playing #phone-controls{display:block}
#game.phone-input.playing #jump,#game.phone-input.playing .steering{display:none!important}
#touch-pad{position:fixed;left:auto;right:max(20px,env(safe-area-inset-right));bottom:max(15dvh,env(safe-area-inset-bottom));width:168px;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}
#pad-move{display:flex;align-items:center;justify-content:center;gap:5px;width:70px;height:28px;margin:0 auto 5px;border:1px solid #7e887638;border-radius:14px;background:#f8f7f345;color:#596052a6;touch-action:none;cursor:grab;font-size:18px}
#pad-move span{font:9px monospace;letter-spacing:1px}
#pad-surface{position:relative;width:168px;height:168px;border:1px solid #81897855;background:#f4f4ec38;border-radius:50%;box-shadow:0 4px 12px #27302210,inset 0 0 0 5px #ffffff28;touch-action:none;-webkit-touch-callout:none}
.pad-arrow{position:absolute;color:#6a7461;font:26px Arial;pointer-events:none;line-height:32px;width:32px;height:32px;text-align:center}
.pad-up{top:6px;left:calc(50% - 16px)}.pad-down{bottom:6px;left:calc(50% - 16px)}.pad-left{left:6px;top:calc(50% - 16px)}.pad-right{right:6px;top:calc(50% - 16px)}
.pad-ring{position:absolute;inset:36px;border:1px solid #a7af9e;border-radius:50%;background:#dfe4d840;pointer-events:none}
#pad-stick{position:absolute;width:44px;height:44px;left:61px;top:61px;border-radius:50%;border:1px solid #929e8670;background:radial-gradient(circle at 35% 25%,#dce3d5,#b0bda4);box-shadow:0 2px 4px #25321f20,inset 0 1px 2px #ffffff60;pointer-events:none;will-change:transform}
#pad-surface.active{border-color:#46563b70}#pad-surface.active .pad-arrow{color:#35452d}
#game.phone-input.playing footer{left:24px;right:214px;bottom:max(20px,env(safe-area-inset-bottom));pointer-events:none}
#game.phone-input.playing footer .controls,#game.phone-input.playing footer .edition{display:none!important}
#game.phone-input.playing .route{width:100%;font-size:9px;gap:6px}#game.phone-input.playing .route>div{flex:1;min-width:20px;width:auto}

/* Forgiving touch target: 224px across around the 168px visible pad. */
#pad-surface::before{content:"";position:absolute;inset:-28px;border-radius:28px;touch-action:none}
#pad-move{position:relative;z-index:2}

#rotate-device{overflow-y:auto;gap:0;padding:28px 24px}
.rotate-animation{position:relative;width:132px;height:132px;flex:none;display:flex;align-items:center;justify-content:center}
#rotate-device .rotate-phone{position:relative;width:54px;height:94px;border:3px solid #526247;border-radius:11px;background:#e7ebdf;animation:turn-phone 3.6s ease-in-out infinite;transform-origin:center}
.rotate-phone::before{content:"";position:absolute;inset:10px 5px 13px;border:1px solid #9aa78e;border-radius:3px;background:#f8f7f3}
.rotate-phone::after{content:"";position:absolute;bottom:4px;left:21px;width:6px;height:3px;border-radius:3px;background:#526247}
.rotate-arrow{position:absolute;right:0;top:3px;font:34px Arial;color:#7e8c70}
@keyframes turn-phone{0%,15%{transform:rotate(0deg)}45%,75%{transform:rotate(90deg)}95%,100%{transform:rotate(0deg)}}
#rotate-device .rotate-fullscreen{margin-top:10px;display:flex;flex-direction:column;align-items:center;max-width:320px}
#rotate-device .rotate-fullscreen p{font-size:14px;margin:8px 0}
#rotate-fullscreen-button{min-height:48px;margin:10px 0 5px;align-items:center}
#rotate-fullscreen-button[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#rotate-device .rotate-phone{animation:none;transform:rotate(90deg)}}

#shop-button{position:static;flex:0 0 auto;width:76px;border-radius:2px;background:#f8f7f3;margin:0;letter-spacing:2px}
#game header{z-index:6}
#shop-dialog{width:min(1100px,94vw);max-height:90dvh;box-sizing:border-box;padding:36px 42px 24px;border:1px solid #85887b;border-radius:4px;background:#f8f7f3;color:#252524;overscroll-behavior:contain;box-shadow:0 24px 90px #171c1740}
#shop-dialog[open]{animation:shop-arrive .23s ease-out}
#shop-dialog::backdrop{background:#252c25a6;backdrop-filter:blur(5px)}
.shop-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}
.shop-heading h2{font-size:clamp(30px,4.5vw,56px);line-height:1.04;letter-spacing:-2px;margin:18px 0 12px;font-weight:850}
.shop-heading p{margin:0 0 24px;color:#72786b}.shop-heading small{font:10px monospace;letter-spacing:2px}
#shop-close{background:transparent;border:1px solid #b4b7aa;border-radius:50%;width:44px;height:44px;font-size:19px;flex:none;transition:transform .2s,background .2s}
#shop-close:hover{transform:rotate(90deg);background:#e9ecdf}
.shop-balance{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;background:#e9ecdf;border-block:1px solid #b7beaa;margin:0 0 22px}
.shop-balance small,.shop-balance span{display:block;font:10px monospace;letter-spacing:1.3px;color:#626e57}
.shop-balance strong{display:block;font-size:36px;letter-spacing:-1px;margin:6px 0}.shop-current{text-align:right}.shop-current b{display:block;font-size:18px;margin:10px 0}
.shop-filters{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #c7cbbf;padding-bottom:12px}
.shop-filters button{border:0;background:transparent;padding:12px 16px;font-size:12px;border-radius:2px;transition:background .16s}
.shop-filters button:hover{background:#eeeee6}.shop-filters button[aria-pressed=true]{background:#293429;color:#f8f7f3}
.shop-feedback{min-height:48px;display:flex;align-items:center;font-size:12px;color:#767d70;padding:10px 2px}.shop-feedback.has-note{color:#3f6240;font-weight:700}
.shop-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shop-items article{position:relative;padding:20px;border:1px solid #d3d6ca;background:#fbfaf6;display:flex;flex-direction:column;border-radius:3px;transition:border-color .2s,box-shadow .2s,transform .2s}
.shop-items article:hover{border-color:#9ca98d;box-shadow:0 7px 18px #343d3110;transform:translateY(-3px)}
.shop-items article.is-equipped{border-color:#778c65;background:#f1f3e9}
.shop-product-top{display:flex;align-items:center;justify-content:space-between;min-height:22px;gap:5px;font:9px monospace;letter-spacing:1px;color:#77806d}
.shop-product-top b{font-size:11px;letter-spacing:0;color:#567143}
.shop-product-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:10px 0 16px;mix-blend-mode:multiply;transition:transform .25s ease}
.shop-items article:hover .shop-product-image{transform:scale(1.045) rotate(-1deg)}
.shop-items h3{font-size:21px;letter-spacing:-.5px;margin:0}.shop-items p{flex:1;font-size:12px;line-height:1.65;color:#71776b;margin:12px 0 18px}
.shop-product-price{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;margin-bottom:10px}.shop-product-price strong{font-size:18px}.shop-product-price span{font:9px monospace;color:#77806d;text-align:right}
.shop-items button{min-height:44px;padding:11px 8px;margin-top:7px;background:#293429;color:#f8f7f3;border:1px solid #293429;border-radius:2px;font-size:10px;letter-spacing:1px;transition:background .18s,transform .12s}
.shop-items button:hover:not(:disabled){background:#4d6442}.shop-items button:active:not(:disabled){transform:scale(.97)}
.shop-items button.shop-secondary{background:transparent;color:#435b38;border-color:#b2bda5}
.shop-items button:disabled{background:#efefe8;color:#8b9182;border-color:transparent;cursor:default;letter-spacing:.3px}
.shop-items .is-equipped button:disabled{color:#526b40;background:#e3e9d8}
.shop-footnote{text-align:center;font-size:11px;line-height:1.7;color:#8a8f83;margin:28px 0 0}
#shop-dialog button:focus-visible,#shop-button:focus-visible{outline:2px solid #758858;outline-offset:4px}
.just-updated{animation:shop-success .65s ease-out}
@keyframes shop-success{0%{box-shadow:0 0 0 4px #bfd0a0;transform:translateY(-3px)}100%{box-shadow:0 0 0 0 transparent}}
@keyframes shop-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:750px){#shop-dialog{padding:24px 18px}.shop-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-items article{padding:14px}.shop-balance{padding:18px}.shop-filters button{padding:10px 12px}.shop-heading h2{letter-spacing:-1px}}
@media(max-width:450px){.shop-items{grid-template-columns:1fr}.shop-product-image{max-height:220px}.shop-balance strong{font-size:28px}.shop-current b{font-size:14px}}
@media(max-width:650px){#shop-button{width:58px;height:38px;font-size:10px;letter-spacing:1px}#game header .hud{gap:10px}}
@media(prefers-reduced-motion:reduce){#shop-dialog[open],.just-updated{animation:none}#shop-dialog *,#shop-dialog *:hover{transition:none;transform:none}}

/* Compact header: one shared points balance beside the shop. */
#game header{grid-template-columns:auto minmax(0,1fr) auto 36px;right:max(8px,env(safe-area-inset-right));gap:16px}
#game header .hud{justify-self:end;gap:18px}
#game header #fullscreen{width:36px;height:36px;grid-column:4;grid-row:1}
#game header #shop-button{width:auto;height:30px;padding:0 10px;font:10px monospace;letter-spacing:1px;border:1px solid #8b9582;border-radius:3px;background:#f8f7f3}
#game header #shop-button:hover{background:#e9ecdf}
@media(max-width:1000px){#game header{grid-template-columns:auto 1fr auto 36px;gap:10px}#game header .level{grid-column:1 / 5}#game header .hud{grid-column:3}}
@media(max-width:600px){#game header{grid-template-columns:auto 1fr 36px;left:10px;gap:8px}#game header .hud{grid-column:1 / 3;gap:10px;justify-content:flex-end;width:100%}#game header #fullscreen{grid-column:3}#game header .level{grid-column:2 / 4}#game header #shop-button{padding:0 7px;font-size:9px}}