@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
.hero-mouse{display:block;width:132px;height:112px;object-fit:contain;margin:0 auto 9px;filter:drop-shadow(4px 9px 5px #0008)}
.heat{position:absolute;right:17px;top:88px;padding:6px 10px;border:1px solid #ef9f43;border-radius:7px;background:#21151dcc;color:#ffbe55;font:800 11px Arial,sans-serif;letter-spacing:1px}.power-status{position:absolute;left:17px;top:87px;padding:6px 10px;border:1px solid #75d9f8;border-radius:7px;background:#132b3ddc;color:#9feaff;font:800 11px Arial,sans-serif;letter-spacing:1px}@media(max-width:700px){.heat{top:62px;right:8px;font-size:9px}.power-status{top:62px;left:8px;font-size:9px}}
.legend{flex-wrap:wrap;justify-content:flex-end}
.stage-progress{position:absolute;z-index:2;top:16px;left:50%;transform:translateX(-50%);width:124px;height:58px;padding:5px 7px;border:2px solid #c77b2f;border-radius:9px;background:#21151dcc;box-shadow:3px 4px 0 #100b10a6;text-align:center;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:1px}.stage-progress-title{color:#e8a64a;font:800 8px 'DM Sans',Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.stage-progress strong{color:#fff7e7;font:900 22px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;white-space:nowrap}.stage-progress-name{color:#ffbf46;font:800 8px 'DM Sans',Arial,sans-serif;letter-spacing:2px}.multiplier{top:91px}@media(max-width:700px){.stage-progress{top:96px;width:124px;height:54px;padding:5px 7px}.stage-progress-title{font-size:8px}.stage-progress strong{font-size:22px}.stage-progress-name{font-size:8px}.multiplier{top:160px}}
:root{font-family:'DM Sans',Arial,sans-serif;color:#fff7e7;background:#17121c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#50311f 0,#17121c 60%);overflow-x:hidden}.shell{width:min(1160px,100%);margin:auto;padding:22px 22px 28px}.topbar{height:65px;display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;gap:8px;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:900;letter-spacing:1px;color:#ffb72c}.brand b{color:#fff}.brand-icon{font-size:27px;filter:drop-shadow(2px 3px 0 #5a2d10)}.brand small{align-self:center;margin-left:16px;padding-left:16px;border-left:1px solid #665046;color:#c2a896;font:700 11px 'DM Sans',sans-serif;letter-spacing:2px}.top-actions{display:flex;align-items:center;gap:12px}.prototype{font-size:10px;letter-spacing:2px;font-weight:800;color:#e0b789;border:1px solid #694835;border-radius:50px;padding:9px 12px}.icon-button{border:1px solid #694835;background:#2e2225;color:#ffbd44;border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}.game-wrap{position:relative;border:5px solid #a25b22;border-radius:18px;overflow:hidden;box-shadow:0 16px 0 #0d0b11,0 30px 70px #0009;background:#351d19;aspect-ratio:16/9;touch-action:none}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:16px;left:17px;right:17px;display:flex;gap:8px;pointer-events:none}.hud-cell{min-width:104px;padding:8px 13px 9px;border:2px solid #c77b2f;border-radius:9px;background:#21151dcc;box-shadow:3px 4px 0 #100b10a6;display:flex;flex-direction:column}.hud-cell span:first-child{font-size:9px;font-weight:800;letter-spacing:2px;color:#e8a64a}.hud-cell strong{font:900 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;line-height:1}.hud-cell em{font-size:14px;color:#e9b973;font-style:normal}.hud-cell.lives{margin-left:auto;min-width:116px}.lives strong{color:#ff6c5a;font-size:23px;letter-spacing:3px}.multiplier{position:absolute;top:91px;left:50%;transform:translateX(-50%);border:2px solid #fff5ad;background:#e0a426;color:#281722;padding:7px 15px;border-radius:30px;font:900 19px 'Barlow Condensed',sans-serif;box-shadow:0 4px 0 #714217}.multiplier span{font-size:12px}.toast{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font:900 40px 'Barlow Condensed',sans-serif;color:#fff2a5;text-shadow:3px 5px 0 #8c421e;opacity:0;pointer-events:none}.toast.show{animation:toast .85s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%) scale(.75)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-80%)}}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#1b121bdc,#1b121b99 70%,#1b121b87);display:grid;place-items:center;text-align:center}.overlay[hidden]{display:none}.overlay-card{padding:14px 30px 24px;max-width:480px}.eyebrow{font-weight:800;letter-spacing:3px;color:#ffc253;font-size:11px}.hero-cheese{font-size:63px;line-height:1.2;filter:drop-shadow(6px 6px 0 #8b371e)}h1{font:900 clamp(55px,8.5vw,105px)/.75 'Barlow Condensed',Impact,sans-serif;margin:0;color:#ffb329;text-shadow:5px 8px 0 #a95017,9px 13px 0 #401b1c;letter-spacing:2px}h1 span{color:#fff7e7}.overlay p{max-width:370px;margin:22px auto 20px;font-size:14px;line-height:1.45;color:#f2d8bb}.primary-button{background:linear-gradient(#ffda68,#ffae26);border:0;border-bottom:5px solid #a94d15;color:#2d1b14;border-radius:11px;padding:10px 25px;min-width:205px;font:900 24px 'Barlow Condensed',sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 8px 24px #0008}.primary-button:hover{filter:brightness(1.12)}.primary-button span{margin-left:22px}.overlay-hint{margin-top:16px;color:#c7ac97;font-size:10px;letter-spacing:1px;font-weight:800}.final-stats{margin:12px 0;color:#ffcf76;font:800 18px 'Barlow Condensed',sans-serif}.touch-controls{position:absolute;left:14px;right:14px;bottom:15px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:8px}.touch-controls button{pointer-events:auto;border:2px solid #ffc6647a;background:#241720ba;color:#ffdf9b;border-radius:12px;min-width:54px;height:48px;padding:0 11px;font:900 18px 'Barlow Condensed',sans-serif;touch-action:none}.touch-controls button:active{background:#d48a28;color:#241720}.info{display:flex;justify-content:space-between;gap:20px;margin-top:29px;padding:18px 2px;color:#a9948d;font-size:11px;line-height:1.5}.info>div:first-child{display:flex;gap:13px;max-width:620px}.info b{white-space:nowrap;color:#ffb845;letter-spacing:2px}.legend{display:flex;gap:12px;white-space:nowrap;color:#e3bf89;font-weight:800}@media(max-width:700px){.shell{padding:10px 8px}.topbar{height:51px}.brand{font-size:24px}.brand small,.prototype{display:none}.game-wrap{aspect-ratio:4/5;border-width:3px}.hud{top:8px;left:8px;right:8px;gap:3px}.hud-cell{min-width:0;padding:5px 6px;border-width:1px;border-radius:6px;flex:1}.hud-cell span:first-child{font-size:7px;letter-spacing:1px}.hud-cell strong{font-size:19px}.hud-cell.lives{min-width:0;flex:1.2}.lives strong{font-size:16px;letter-spacing:1px}.multiplier{top:58px}.overlay-card{padding:10px 15px}.hero-cheese{font-size:49px}.overlay p{font-size:12px;max-width:280px;margin:18px auto}.overlay-hint{font-size:9px}.touch-controls{bottom:9px;left:7px;right:7px}.touch-controls button{min-width:45px;height:44px;padding:0 7px}.info{display:block;margin-top:15px;padding:0 5px}.info>div:first-child{display:block}.info b{display:block;margin-bottom:3px}.legend{margin-top:8px;gap:8px;flex-wrap:wrap}.toast{font-size:28px}}

@media(max-width:700px){.stage-progress{top:96px}.multiplier{top:160px}}
.stage-banner{position:absolute;z-index:5;left:50%;top:42%;transform:translate(-50%,-50%);min-width:260px;padding:16px 24px;border:3px solid #ffd47a;border-radius:16px;background:#241522e8;box-shadow:0 12px 38px #000b;text-align:center;pointer-events:none;opacity:0}.stage-banner[hidden]{display:none}.stage-banner strong{display:block;color:#ffbf40;font:900 49px/1 "Barlow Condensed",Impact,sans-serif;text-shadow:3px 4px 0 #8c431e}.stage-banner span{display:block;margin-top:4px;color:#fff2d3;font:800 13px "DM Sans",Arial,sans-serif;letter-spacing:2px}.stage-banner.show{animation:stage-announce 2.7s ease-out forwards}@keyframes stage-announce{0%{opacity:0;transform:translate(-50%,-35%) scale(.78)}15%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(1.04)}}@media(max-width:700px){.stage-banner{min-width:210px;padding:12px 16px}.stage-banner strong{font-size:37px}.stage-banner span{font-size:10px}}