*{box-sizing:border-box}html,body{color:#f8fbff;background:#9ed4f2;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{color:#16130d;cursor:pointer;background:#ffcf4a;border:0;border-radius:8px;min-height:42px;font-weight:900;transition:transform .14s,background .14s,box-shadow .14s}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #18140a2e}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.game-shell{background:linear-gradient(#9ed4f2 0%,#e9f5f7 58%,#a57a4b 59%,#6c5138 100%);position:fixed;inset:0;overflow:hidden}#gameCanvas{cursor:grab;width:100vw;height:100vh;display:block}#gameCanvas:active{cursor:grabbing}.hud,.machine-hud,.ad-hud,.objective-card,.controls-strip,.touch-controls{z-index:5;position:fixed}.hud{pointer-events:none;gap:10px;display:flex;top:16px}.hud--left{left:16px}.hud--right{right:16px}.stat,.meter,.machine-hud,.ad-hud,.objective-card,.controls-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171d21ad;border:2px solid #ffffff6b;border-radius:8px;box-shadow:0 16px 34px #0e131633}.stat{min-width:86px;min-height:61px;padding:9px 11px;display:grid}.stat--wide{min-width:152px}.stat span,.meter span,.ad-hud span,.machine-hud span{color:#f8fbffc2;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}.stat strong{color:#ffd15a;text-overflow:ellipsis;text-shadow:0 2px #15171bcc;white-space:nowrap;align-self:end;max-width:136px;font-size:24px;line-height:1;overflow:hidden}.meter{gap:8px;width:146px;padding:9px 11px 11px;display:grid}.meter--compact{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.meter i{background:#0a0b0c70;border:2px solid #ffffff42;border-radius:4px;width:100%;height:13px;display:block;overflow:hidden}.meter b{background:linear-gradient(90deg,#35d0bb,#ffcf4a,#ff6b42);border-radius:2px;width:0%;height:100%;transition:width .12s linear;display:block}.machine-hud{pointer-events:none;gap:7px;width:252px;padding:12px;display:grid;bottom:72px;left:16px}.machine-hud b{color:#fff;font-size:16px}.ad-hud{pointer-events:none;gap:4px;min-width:188px;padding:12px;display:grid;bottom:202px;right:16px}.ad-hud b{color:#35d0bb;font-size:26px;line-height:1}.ad-hud small{color:#f8fbffc7;font-weight:800}.objective-card{pointer-events:none;gap:4px;width:min(720px,100vw - 340px);min-height:64px;padding:12px 16px;display:grid;bottom:20px;left:50%;transform:translate(-50%)}.objective-card strong{color:#fff;font-size:17px}.objective-card span{color:#f8fbffc7;font-size:13px;font-weight:750}.controls-strip{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(900px,100vw - 32px);padding:8px;display:flex;top:91px;left:50%;transform:translate(-50%)}.controls-strip>span:not(.fyrka-control){color:#f8fbffc7;white-space:nowrap;background:#ffffff24;border-radius:6px;place-items:center;min-height:25px;padding:4px 8px;font-size:12px;font-weight:850;display:inline-grid}.touch-controls{grid-template-columns:repeat(2,68px);gap:8px;display:none;bottom:16px;right:16px}.touch-controls button{background:#ffcf4ae6;min-height:52px}.touch-controls [data-touch=swing]{color:#fff;background:#ff7047;grid-column:span 2}.overlay{z-index:20;visibility:hidden;opacity:0;background:linear-gradient(#14181c33,#14181ca3),radial-gradient(circle at 50% 100%,#ffcf4a29,#0000 45%);place-items:center;padding:20px;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.overlay--visible{visibility:visible;opacity:1}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191d1fdb;border:2px solid #ffffff6b;border-radius:8px;width:min(620px,100vw - 28px);max-height:calc(100vh - 28px);padding:24px;overflow:auto;box-shadow:0 24px 80px #080a0c61}.panel--wide{width:min(920px,100vw - 28px)}.panel h1,.panel h2{color:#fff;letter-spacing:0;margin:0;line-height:1}.panel h1{font-size:clamp(38px,8vw,82px)}.panel h2{font-size:clamp(28px,5vw,48px)}.lead{color:#f8fbffcc;max-width:720px;margin:14px 0 0;font-size:17px;line-height:1.45}.eyebrow{color:#35d0bb;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:950}.menu-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.menu-actions button{min-width:150px;padding:0 16px}.ghost-button{color:#fff;background:#ffffff14;border:2px solid #ffffff57}.panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-head .ghost-button{min-width:96px;padding:0 14px}.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.machine-card{background:#ffffff14;border:2px solid #ffffff2e;border-radius:8px;gap:10px;min-height:280px;padding:15px;display:grid}.machine-card.is-selected{border-color:#ffcf4a;box-shadow:inset 0 0 0 2px #ffcf4a2e}.machine-card h3{color:#fff;margin:0;font-size:21px;line-height:1.08}.machine-card p{color:#f8fbffc7;margin:0;font-size:13px;line-height:1.35}.spec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.spec-list span{color:#f8fbffbd;text-transform:uppercase;background:#0000002e;border-radius:6px;gap:2px;padding:8px;font-size:11px;font-weight:800;display:grid}.spec-list b{color:#ffcf4a;text-transform:none;font-size:16px}.machine-actions{gap:8px;margin-top:auto;display:grid}.small-note{color:#f8fbffa8;margin:14px 0 0;font-size:13px;line-height:1.45}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-grid article{background:#ffffff14;border-radius:8px;gap:7px;min-height:120px;padding:14px;display:grid}.guide-grid b{color:#ffcf4a}.guide-grid span{color:#f8fbffc2;font-size:14px;line-height:1.4}.name-row{color:#f8fbffbd;text-transform:uppercase;gap:7px;font-size:13px;font-weight:900;display:grid}.name-row input{color:#fff;background:#ffffff14;border:2px solid #ffffff3d;border-radius:8px;outline:0;min-height:44px;padding:0 12px}.leaderboard-list{gap:8px;margin:16px 0 0;padding-left:24px;display:grid}.leaderboard-list li{color:#f8fbffcc;background:#ffffff14;border-radius:8px;padding:9px 10px}.leaderboard-list strong{color:#fff}@media (width<=840px){.hud{gap:6px;top:10px}.hud--left,.hud--right{left:10px;right:auto}.hud--right{top:82px}.stat{min-width:70px;min-height:53px;padding:7px 8px}.stat strong{font-size:19px}.stat--wide{min-width:104px}.meter{width:106px}.controls-strip{display:none}.objective-card{width:auto;bottom:88px;left:10px;right:10px;transform:none}.machine-hud{width:214px;bottom:172px;left:10px}.ad-hud{min-width:146px;bottom:172px;right:10px}.touch-controls{display:grid}.machine-grid,.guide-grid{grid-template-columns:1fr}.panel{padding:18px}}