@font-face{font-family:Bricolage;src:url('/assets/fonts/variable-2.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:DM;src:url('/assets/fonts/variable-4.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Newsreader;src:url('/assets/fonts/variable-7.woff2') format('woff2');font-weight:400 600;font-style:italic;font-display:swap}
:root{--ink:#112b25;--deep:#0b211d;--panel:#1b3930;--paper:#fff4dc;--orange:#ff9565;--lime:#edf897;--mint:#a9d5bc;--muted:#abc0ae;--line:#e2efd125;--display:Bricolage,Arial,sans-serif;--body:DM,Arial,sans-serif;color-scheme:dark;background:var(--ink);color:var(--paper);font-family:var(--body);font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{margin:0;overflow:hidden;display:flex;flex-direction:column;height:100dvh;background:radial-gradient(ellipse at 20% 0,#294335,transparent 70%),var(--ink);padding-top:env(safe-area-inset-top)}h1,h2,h3,p{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}canvas:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}a{color:inherit}em{font-family:Newsreader,Georgia,serif;font-weight:400}[hidden]{display:none!important}.header{height:58px;flex-shrink:0;width:100%;max-width:1228px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.wordmark{font:750 25px var(--display);letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:4px}.brand-bone{color:var(--orange);font-size:30px;transform:rotate(24deg);margin-right:5px}.dot{color:var(--orange);margin-left:-4px}.header-actions{display:flex;gap:7px}.icon{min-width:42px;height:42px;border:1px solid var(--line);background:#0b211d55;border-radius:8px;font-size:19px;position:relative}.icon:hover{border-color:var(--mint)}.sound-cross{font-size:11px}.icon[aria-pressed=true] .sound-cross{display:none}main{flex:1;min-height:0;display:flex;padding:0 16px max(12px,env(safe-area-inset-bottom));justify-content:center}.arcade{width:100%;max-width:1200px;min-height:0;display:flex;flex-direction:column;background:var(--deep);border:1px solid #66886a;border-radius:13px;overflow:hidden;box-shadow:0 15px 70px #0004}.hud{height:71px;flex-shrink:0;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 86px 104px 89px;gap:22px;align-items:center;background:#1a342c;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.7;color:var(--lime)}.level .eyebrow{font-size:8px;letter-spacing:1px}.level strong{font:600 19px var(--display);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level i{display:inline-block;font-style:normal;font-size:7px;border:1px solid #edf89755;border-radius:3px;padding:1px 4px;margin-left:6px}.label{display:block;font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-bottom:5px}.time strong{font:650 29px/.95 var(--display);font-variant-numeric:tabular-nums}.time.urgent strong{color:var(--orange)}.score>strong{font:600 23px/.95 var(--display);font-variant-numeric:tabular-nums;letter-spacing:1px}.score small{font-size:7px;color:var(--muted);display:block;margin-top:5px}.score small b{color:var(--lime);font-weight:400}.lives strong{color:var(--orange);letter-spacing:3px;white-space:nowrap;font-size:20px}.viewport{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden}#game{width:100%;height:100%;display:block;touch-action:none}.start{position:absolute;inset:0;background:linear-gradient(90deg,#102720e8 0%,#10272085 27%,#10272000 65%),linear-gradient(0deg,#102720f5 0%,#10272000 50%),url('/assets/hero.webp') 65% 55%/cover;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,3.7vh,42px) 6% clamp(13px,3vh,35px)}.start-top h1{font:800 clamp(62px,10.8vh,112px)/.83 var(--display);letter-spacing:-4px;margin-top:19px;width:max-content}.start-top h1>span{color:var(--orange);position:relative}.spark{position:absolute;top:4px;right:-30px;font:400 28px var(--body);color:var(--lime)}.start-top p{margin-top:20px;font:500 18px/1.15 var(--display)}.start-top p em{font-size:24px;color:var(--mint)}.start-actions{width:min(320px,100%)}.difficulty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.difficulty label{font-size:11px;white-space:nowrap}select{background:#19352de8;border:1px solid #abc0ae66;border-radius:7px;min-height:43px;padding:8px 11px;font-size:11px;max-width:200px}.specs{font-size:8px;letter-spacing:1px;margin-bottom:14px}.specs i{font-style:normal;color:var(--orange);margin:0 7px}.primary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:53px;width:100%;padding:14px 21px;background:var(--lime);color:var(--ink);border-radius:8px;box-shadow:0 3px 0 #0004;font-size:14px;font-weight:700}.primary span{font-size:26px;font-weight:400;line-height:20px}.primary:hover{background:#f6ffc5}.primary:active{transform:translateY(1px)}.secondary{min-height:46px;padding:12px 16px;border:1px solid #b0c9ac65;background:#16352b;border-radius:7px;font-size:12px}.text-button{background:none;color:var(--paper);text-decoration:underline;text-underline-offset:4px;min-height:40px;padding:8px 12px;font-size:12px}.start-actions>.text-button{display:block;margin:2px auto}.steer-hint{font-size:10px;color:var(--muted);text-align:center}.progress-line{height:30px;display:flex;align-items:center;gap:12px;padding:0 16px;border-top:1px solid var(--line);background:#19332c;flex-shrink:0}.progress-line span{font-size:7px;letter-spacing:.6px;white-space:nowrap}.progress-line>div{height:3px;flex:1;background:#c6e1be24;border-radius:4px;overflow:hidden}.progress-line i{height:100%;display:block;background:var(--lime);width:0;transition:width .2s}#magnet-status{color:var(--lime)}.controls{height:77px;flex-shrink:0;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a342c}.arrows{display:flex;gap:8px}.arrows button{width:59px;height:51px;border:1px solid #a2bea477;background:#112b25;border-radius:8px;font:400 31px var(--display);box-shadow:0 3px 0 #0c211e}.arrows button:active{background:#386348;transform:translateY(1px)}.control-copy{flex:1;display:flex;flex-direction:column;gap:6px;font-size:8px;letter-spacing:.6px;color:var(--muted)}.control-copy b{color:var(--lime);font-weight:400}.magnet{display:grid;grid-template-columns:26px 1fr;align-items:center;column-gap:8px;text-align:left;min-height:51px;border:1px solid #a9d5bc88;border-radius:8px;background:#183c30;padding:8px 14px}.magnet>span{font-size:29px;grid-row:1/3;line-height:1;color:var(--lime)}.magnet b{font-size:10px;letter-spacing:.5px}.magnet small{font-size:7px;color:var(--muted);letter-spacing:1px;margin-top:4px}.magnet.active{background:#4b6540;border-color:var(--lime)}.play-hints{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.play-hints span{font-size:10px;color:#d4e4c8;background:#0c211bb0;border:1px solid var(--line);padding:6px 10px;border-radius:20px}.play-hints strong{font:600 12px var(--display);color:var(--lime);text-shadow:0 2px 5px #000;align-self:center}.toast{position:absolute;top:29%;left:50%;transform:translateX(-50%);width:90%;text-align:center;color:var(--lime);text-shadow:0 3px 10px #000;font:650 25px var(--display);pointer-events:none}
dialog{color:var(--paper);background:var(--panel);border:1px solid #c0d1a466;border-radius:16px;box-shadow:0 30px 100px #0009;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 28px);padding:25px;overscroll-behavior:contain}dialog::backdrop{background:#061712be;backdrop-filter:blur(8px)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}.close{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);background:#112b2555;border-radius:50%;font-size:25px}.close:hover{border-color:var(--lime)}#panel-title{font:650 clamp(28px,5vw,40px)/1.05 var(--display);letter-spacing:-1.5px;margin:4px 0 12px}.intro{font-size:13px;line-height:1.65;color:var(--muted);max-width:550px}.panel-links{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.panel-links button{flex:1}.menu-mode{display:flex;justify-content:space-between;align-items:center;margin:23px 0 8px}.menu-mode label{font:600 17px var(--display)}.mode-note{font-size:10px;color:var(--muted);margin:10px 0 18px}.chapter-name{margin:22px 0 10px;font-size:10px;letter-spacing:1px;color:var(--mint);text-transform:uppercase}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-button{position:relative;min-height:96px;border:1px solid #b0c9ac40;border-radius:8px;overflow:hidden;background:#112b25;padding:0;text-align:left}.level-button img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.55}.level-button>span{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:10px;background:linear-gradient(0deg,#0b211ddd,transparent)}.level-button b{font:700 25px var(--display);letter-spacing:-1px}.level-button small{font-size:8px;line-height:1.3;max-width:90px}.level-button em{position:absolute;top:7px;right:8px;font:500 11px var(--body);color:var(--lime)}.level-button:disabled{opacity:.3}.level-button.current{border-color:var(--orange)}.menu-footer{display:flex;gap:10px;margin-top:20px}.menu-footer>*{flex:1}.saving-note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:18px}.reward-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:20px}.reward-head .score-number{font:650 31px var(--display);color:var(--lime)}.reward-head small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.reward-equipment{border:1px solid #e7edb52b;background:radial-gradient(ellipse at center,#526c3c66,transparent 70%),#112b25;border-radius:12px;overflow:hidden;margin:15px 0 18px}.reward-equipment canvas{width:100%;height:190px;display:block}.equipment-copy{padding:0 18px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start}.equipment-copy .mark-badge{font:700 35px var(--display);color:var(--orange);grid-row:1/3}.equipment-copy h3{font:650 23px var(--display);margin-bottom:4px}.equipment-copy p{font-size:11px;line-height:1.6;color:var(--mint)}.lore-reward{display:grid;grid-template-columns:112px 1fr;gap:17px;margin-bottom:21px;align-items:center}.lore-reward img{width:112px;height:144px;border-radius:8px;object-fit:cover}.lore-reward .eyebrow{font-size:8px}.lore-reward h3{font:600 24px/1.1 var(--display);margin:5px 0 9px}.lore-reward p{font-size:12px;line-height:1.6;color:var(--muted)}.source{font-size:10px;line-height:1.6;color:var(--mint);display:inline-block;margin-top:10px;text-underline-offset:3px}.fiction{font-size:9px;color:var(--muted);line-height:1.5;margin-top:6px}.reward-stats{display:flex;gap:25px;padding:13px 0;border-top:1px solid var(--line);margin-bottom:13px}.reward-stats b{font:600 23px var(--display);display:block}.reward-stats small{font-size:8px;color:var(--muted);letter-spacing:1px}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.card{background:#102b23;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0;text-align:left;position:relative}.card img{width:100%;height:145px;object-fit:cover;display:block}.card>div{padding:12px}.card small{font-size:8px;letter-spacing:1px;color:var(--lime)}.card strong{display:block;font:600 18px/1.1 var(--display);margin-top:5px}.card.locked{opacity:.35}.card-detail-art{height:220px;width:100%;object-fit:cover;border-radius:8px;margin:12px 0 18px}.card-detail p{font-size:14px;line-height:1.7;color:var(--muted)}.rules{display:grid;gap:17px;margin:20px 0}.rules section{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.rules .rule-icon{font-size:29px;color:var(--orange)}.rules h3{font:600 18px var(--display);margin-bottom:5px}.rules p{font-size:12px;line-height:1.7;color:var(--muted)}kbd{font:500 10px var(--body);padding:2px 6px;border:1px solid #a9d5bc66;border-radius:4px;white-space:nowrap}.score-mode{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.score-mode h3{font:600 21px var(--display);display:flex;justify-content:space-between}.score-mode h3 span{color:var(--lime)}.runs{padding:0;list-style:none}.runs li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.runs span,.runs time{color:var(--muted)}.empty{font-size:12px;color:var(--muted);margin:14px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.banner{border:1px solid #edf89744;background:#43553377;padding:12px;border-radius:8px;font-size:12px;line-height:1.6;margin:18px 0}
@media(min-aspect-ratio:2/1) and (max-height:650px){.header{height:44px}.hud{height:55px}.controls{height:60px}.progress-line{height:22px}.arrows button{height:43px}.start{padding-top:17px}.start-top h1{font-size:65px;margin-top:10px}.start-top p{display:none}.start-actions{width:290px}.difficulty{margin-bottom:8px}.start{flex-direction:row;align-items:flex-start}.start-actions{align-self:flex-end}.specs{margin-bottom:8px}}
@media(max-width:600px){.header{height:52px;padding:0 12px}.wordmark{font-size:23px}.icon{height:38px;min-width:38px}.header-actions{gap:5px}main{padding:0 7px max(7px,env(safe-area-inset-bottom))}.arcade{border-radius:10px}.hud{height:68px;padding:0 12px;grid-template-columns:minmax(0,1fr) 50px 68px;gap:13px}.level .eyebrow{font-size:7px}.level i{font-size:6px;margin-left:4px}.level strong{font-size:15px;max-width:172px;margin-top:4px}.time strong{font-size:25px}.score>strong{font-size:18px;letter-spacing:.3px}.lives{position:absolute;top:133px;right:24px;z-index:2;background:#0b211d88;padding:6px 9px;border-radius:20px;pointer-events:none}.lives .label{display:none}.lives strong{font-size:15px;letter-spacing:2px}.label{font-size:7px}.start{padding:25px 23px 20px;background-position:63% 48%;background-image:linear-gradient(90deg,#102720c0 0%,#10272044 48%,transparent 90%),linear-gradient(0deg,#102720fc 0%,#10272070 43%,transparent 80%),url('/assets/hero.webp')}.start-top .eyebrow{font-size:7px;letter-spacing:1.3px}.start-top h1{font-size:clamp(59px,11vh,92px);letter-spacing:-3.5px;margin-top:15px}.spark{font-size:22px;right:-25px}.start-top p{margin-top:16px;font-size:15px}.start-top p em{font-size:20px}.start-actions{width:100%}.difficulty{margin-bottom:12px}.difficulty label{font-size:10px}select{min-height:41px;font-size:10px}.specs{font-size:7px;letter-spacing:.8px}.start-actions .primary{min-height:52px}.progress-line{padding:0 10px;gap:8px;height:26px}.progress-line span{font-size:6px;letter-spacing:.1px}#mark{max-width:135px;overflow:hidden;text-overflow:ellipsis}.controls{padding:9px 10px;height:75px;gap:8px}.arrows{gap:7px}.arrows button{width:54px;height:52px}.control-copy{font-size:7px;line-height:1.5;letter-spacing:0;gap:3px;max-width:84px}.control-copy span{font-size:7px}.magnet{padding:8px 10px;gap:5px;min-height:52px;max-width:132px}.magnet b{font-size:9px}.magnet small{font-size:6px}.magnet>span{font-size:24px}.play-hints{left:12px;right:12px;top:50px}.play-hints span{font-size:8px;padding:5px 8px}.play-hints strong{font-size:10px}.toast{font-size:21px}dialog{padding:19px;border-radius:13px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.level-button,.level-button>span{min-height:83px}.level-button>span{padding:8px}.level-button b{font-size:22px}.level-button small{font-size:7px}.levels{gap:5px}.level-button small{word-break:normal}.panel-links{gap:5px}.panel-links .secondary{font-size:11px;padding:10px}.reward-equipment canvas{height:185px}.equipment-copy{padding:0 14px 14px;gap:4px 11px}.equipment-copy h3{font-size:21px}.equipment-copy p{font-size:10px}.lore-reward{grid-template-columns:90px 1fr;gap:13px}.lore-reward img{width:90px;height:132px}.lore-reward h3{font-size:22px}.lore-reward p{font-size:11px}.collection{gap:7px}.card img{height:118px}.card>div{padding:10px 8px}.card strong{font-size:15px}.card small{font-size:7px}.reward-head{gap:10px}.reward-head .score-number{font-size:25px}.menu-footer{gap:7px}.menu-footer .secondary{padding:10px}.card-detail-art{height:200px}}
@media(max-width:360px){.control-copy{display:none}.magnet{max-width:150px}.start{padding:20px 20px 14px}.start-top h1{font-size:65px}.start-top p{font-size:13px}.hud{gap:8px;padding:0 9px;grid-template-columns:minmax(0,1fr) 45px 66px}.level strong{font-size:14px}.levels{grid-template-columns:repeat(5,1fr)}.level-button small{display:none}.level-button,.level-button>span{min-height:63px}}
@media(max-height:720px) and (max-width:600px){.start{padding-top:19px;padding-bottom:12px}.start-top h1{font-size:61px;margin-top:12px}.start-top p{margin-top:10px;font-size:12px}.start-top p em{font-size:17px}.difficulty{margin-bottom:8px}.specs{margin-bottom:10px}.steer-hint{font-size:9px}.start-actions>.text-button{min-height:32px}.reward-equipment canvas{height:158px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}dialog::backdrop{backdrop-filter:none}}

.champion{display:flex;align-items:center;gap:12px}.champion img{height:48px;width:48px;object-fit:contain}

/* Chew Catch's copper-and-paper traveling fair cabinet. */
:root{--orange:#f5ae70;--lime:#f8dd98;--mint:#b9dfcf;--display:Bricolage,Arial,sans-serif}
body{background:radial-gradient(ellipse at 70% 0,#fff8e7,transparent 75%),#e3c799;color-scheme:dark}
.header{color:#3b392b}.brand-bone,.dot{color:#ad5c38}.icon{color:#244b40;background:#fff7e3;border-color:#96734b55;border-radius:50%}.icon:hover{border-color:#997347}
.arcade{border:3px solid #b38452;border-radius:19px;box-shadow:0 4px 0 #795236,0 17px 55px #54351c30}
.hud{background:linear-gradient(110deg,#1e4942,#163b37);border-bottom:3px double #edc78c80}.level .eyebrow{color:#f5cf91}.level strong{letter-spacing:.1px}.time strong{color:#ffe2a1}.score>strong{color:#fff4dc}
.start{background:linear-gradient(100deg,#193e37f5 0%,#193e37bb 28%,#193e3722 68%),linear-gradient(0deg,#163b35fa,transparent 65%);padding:34px 5%;isolation:isolate}
.start:before{content:'';position:absolute;inset:13px;border:1px solid #f8dd9855;border-radius:8px;pointer-events:none;z-index:-1}
.start-pup{position:absolute;right:6%;bottom:2%;height:94%;max-width:58%;object-fit:contain;object-position:bottom;z-index:-1;filter:drop-shadow(0 12px 9px #0a23176b);pointer-events:none}
.start-top>.eyebrow{border:1px solid #d9b17488;border-radius:30px;padding:5px 10px;font-size:8px;display:inline-block;color:#f9dba0;letter-spacing:1.1px}
.start-top h1{font-size:clamp(64px,10vh,104px);letter-spacing:-4px;text-shadow:3px 4px 0 #0c2e26;margin-top:22px;transform:rotate(-3deg)}.start-top h1>span{color:#f5b579}.spark{color:#f9d995}.start-top p{font-size:15px;line-height:1.5;margin-top:22px}.start-top p em{font-size:23px;color:#e4d0a1}.start-actions{padding:15px 17px 10px;border:1px solid #eed4a953;border-radius:13px;background:#153b33ed;box-shadow:0 5px 25px #081d1933;max-width:330px}.difficulty{margin-bottom:11px}.specs{color:#f3d8ac}.primary{background:#f9dc94;border-radius:8px;box-shadow:0 3px 0 #ae7944}.primary:hover{background:#ffe9b8}.start-actions .text-button{font-size:11px;min-height:35px}.steer-hint{font-size:9px;color:#d3ddc4}
.progress-line{background:#12362f;border-top-color:#ba956160}.progress-line i{background:#f3bd7c}.controls{background:#f3e4c6;border-top:1px solid #b38d5e;color:#25483d;gap:12px}.arrows button{background:#fff5df;border-color:#bc9765;box-shadow:0 3px 0 #c6a775;color:#284e42;border-radius:12px}.arrows button:active{background:#d6e3cc}.magnet{background:#2d5b4b;color:#fff0cb;border-color:#537b5b;box-shadow:0 3px 0 #b8a477}.magnet small{color:#c6d8b7}.magnet:disabled{opacity:.65}.magnet.active{background:#577043}.steering{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.steering-buttons{display:flex;align-items:center;gap:5px}.steering button{background:#fff5df;color:#305346;border:1px solid #ba9767;border-radius:7px;min-height:34px;min-width:68px;padding:5px 10px;font-size:11px}.steering button[aria-pressed=true]{background:#c3dcc0;border-color:#527953}.steering button span{font-size:20px;vertical-align:middle}.steering small{font-size:8px;text-align:center;line-height:1.2;white-space:nowrap;color:#53705b}.steering #recenter{min-width:54px;font-size:10px}.game-credit{font-size:10px;line-height:1.6;color:var(--muted);margin-top:15px}.game-credit a{text-underline-offset:3px}
.reward-equipment{background:radial-gradient(ellipse at center,#b2c48050,transparent 74%),#153a31;border-color:#d5b97c55}.mark-badge{color:#f1ba7c}.play-hints span{border-color:#f8da9250}.toast{color:#ffe3a2}
@media(max-width:600px){.arcade{border-width:2px;border-radius:13px}.header{height:51px}.start{padding:23px 21px 15px;background:linear-gradient(180deg,#173a32c9 0%,#173a3222 47%,#173a32ed 80%)}.start-pup{height:75%;max-width:88%;right:-7%;bottom:19%;opacity:1}.start-top{pointer-events:none}.start-top h1{font-size:clamp(62px,10vh,83px);margin-top:17px;letter-spacing:-3px}.start-top>.eyebrow{font-size:6px;padding:4px 7px;letter-spacing:.9px}.start-top p{font-size:11px;line-height:1.4;margin-top:15px;max-width:155px}.start-top p em{font-size:17px}.start-actions{width:100%;max-width:100%;padding:12px 13px 8px;background:#15392fef}.difficulty label{font-size:9px}.difficulty{margin-bottom:9px}.specs{font-size:6.5px;margin-bottom:11px}.start-actions .primary{min-height:46px;padding:10px 14px;font-size:13px}.steer-hint{font-size:8px}.arrows{gap:5px}.arrows button{width:43px;height:48px;font-size:26px}.controls{height:78px;padding:8px;gap:6px}.steering button{min-width:62px;min-height:35px;padding:3px 6px;font-size:10px}.steering #recenter{min-width:45px;padding:3px;font-size:9px}.steering small{font-size:6.5px;white-space:normal;max-width:105px}.magnet{max-width:122px;padding:6px 8px;column-gap:4px;min-height:48px}.magnet b{font-size:8px}.magnet>span{font-size:22px}.magnet small{font-size:6px}.progress-line span{font-size:6px}.reward-equipment canvas{height:195px}}
@media(max-width:360px){.magnet{max-width:109px}.magnet small{display:none}.magnet>span{font-size:20px;grid-row:auto}.magnet{grid-template-columns:18px 1fr}.tilt-active .arrows button{width:35px}.start-pup{right:-12%;height:73%;bottom:21%}.start-top h1{font-size:60px}.start-top p{font-size:10px}.start-actions{padding:10px}}
@media(orientation:landscape) and (max-height:550px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{height:39px;padding:0 13px}.wordmark{font-size:21px}.brand-bone{font-size:23px}.icon{height:33px;min-width:38px;font-size:16px}.hud{height:46px;padding:0 15px;gap:22px;grid-template-columns:minmax(0,1fr) 75px 93px 82px}.level strong{font-size:16px;margin-top:0}.label{font-size:6px;margin-bottom:3px}.time strong{font-size:24px}.score>strong{font-size:20px}.score small{display:none}.lives{position:static;background:none;padding:0}.lives strong{font-size:17px}.progress-line{height:18px}.controls{height:51px;padding:4px 13px}.arrows button{height:41px;width:52px;font-size:27px}.steering{flex-direction:row;justify-content:center;gap:12px}.steering button{min-height:38px}.steering small{max-width:160px;font-size:8px}.magnet{min-height:41px;padding:5px 14px}.magnet small{display:none}.magnet>span{grid-row:auto}.start{flex-direction:row;padding:13px 25px;align-items:center;background:linear-gradient(90deg,#173a32ed,transparent 60%,#173a3233)}.start-top h1{font-size:52px;margin-top:12px}.start-top p{display:none}.start-top>.eyebrow{font-size:6px;padding:3px 6px}.start-actions{width:250px;padding:9px 12px 5px;align-self:center}.start-actions .difficulty{margin-bottom:5px}.start-actions select{min-height:33px;font-size:9px;padding:5px 7px}.start-actions .difficulty label{font-size:9px}.start-actions .specs{margin-bottom:7px;font-size:6px}.start-actions .primary{min-height:38px;padding:8px 13px;font-size:12px}.start-actions .text-button{min-height:29px;padding:5px;font-size:10px}.start-actions .steer-hint{font-size:7px}.start-pup{height:96%;max-width:38%;right:34%;bottom:0}.play-hints{top:9px;left:13px;right:13px}.play-hints span{font-size:8px;padding:4px 8px}.play-hints strong{font-size:10px}.toast{font-size:21px}main{padding:0 8px max(5px,env(safe-area-inset-bottom))}.reward-equipment canvas{height:190px}}
@media(min-width:601px) and (min-height:551px){.start{padding-top:22px;padding-bottom:20px}.start-top h1{font-size:clamp(62px,8vh,90px);margin-top:15px}.start-top p{margin-top:13px;font-size:13px}.start-top p em{font-size:21px}.start-actions{padding:11px 15px 8px}.start-actions .difficulty{margin-bottom:8px}.start-actions .specs{margin-bottom:10px}.start-actions .primary{min-height:48px;padding:11px 17px}}
@media(max-width:600px) and (orientation:portrait){.start-top h1{font-size:46px;line-height:1;letter-spacing:-2px;margin-top:16px;white-space:nowrap}.start-top h1 br{display:none}.start-top h1>span{margin-left:7px}.spark{display:none}.start-top p{max-width:none;font-size:11px;line-height:1.3;margin-top:12px}.start-top p em{font-size:16px}.start-pup{height:46%;max-width:76%;right:19%;bottom:29%}}
@media(max-width:360px) and (orientation:portrait){.start-top h1{font-size:38px}.start-top p{font-size:10px}.start-top p em{font-size:14px}.start-pup{right:13%;bottom:35%;height:42%}}
@media(max-height:680px) and (orientation:portrait){.start{padding-top:13px;padding-bottom:10px}.start-top h1{margin-top:10px;font-size:38px}.start-top p{display:none}.start-actions .steer-hint{display:none}.start-actions .difficulty{margin-bottom:5px}.start-actions select{min-height:35px}.start-actions .primary{min-height:41px}.start-actions .specs{margin-bottom:7px}.start-pup{right:10%;height:55%;bottom:34%}}
@media(max-width:600px) and (orientation:portrait){.steering button{min-height:44px}}
@media(max-width:360px) and (orientation:portrait){.tilt-active .arrows button{width:32px}.tilt-active #tilt{min-width:50px}.tilt-active #recenter{min-width:42px}.tilt-active .magnet{max-width:94px}.tilt-active .magnet b{font-size:7px}}