@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";:root{--ink:#1e1e1e;--gold:#ffd24a;--panel:#2b2f36}*{box-sizing:border-box}html,body,#app{color:#fff;-webkit-user-select:none;user-select:none;background:#87b7e8;width:100%;height:100%;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.objective{background:#20242ae0;border:2px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;min-width:220px;padding:10px 18px 10px 12px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.obj-icon{background:linear-gradient(145deg,#ffe566,#d4a017);border-radius:12px;width:42px;height:42px;box-shadow:inset 0 -4px #00000026}.obj-title{letter-spacing:.01em;font-size:15px;font-weight:900}.obj-sub{color:#ffd24a;font-size:18px;font-weight:800}.cash-pill,.remain-pill{background:#20242ad1;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:800;position:absolute;top:22px}.cash-pill{color:#86efac;right:168px}.remain-pill{min-width:168px;font-size:13px;left:18px}.hay-bar{background:#ffffff24;border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.hay-bar i{border-radius:inherit;background:linear-gradient(90deg,#fde68a,#f59e0b);width:0%;height:100%;display:block}#float-fx{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:hidden}.cash-float{color:#86efac;text-shadow:0 2px #14532d,0 0 10px #86efac8c;white-space:nowrap;will-change:transform, opacity;pointer-events:none;font-size:22px;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cash-pill.pop{transition:transform .12s ease-out;transform:scale(1.12)}.cash-pill{transition:transform .12s ease-out}.hint{text-align:center;background:#14161a8c;border-radius:999px;max-width:min(760px,94vw);padding:8px 14px;font-size:13px;font-weight:700;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.tool-bar{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.tool-slot{color:#fff;cursor:pointer;background:#14161ab3;border:3px solid #fff3;border-radius:16px;place-items:center;gap:2px;width:74px;height:74px;font-size:11px;font-weight:800;display:grid}.tool-slot span{font-size:22px;line-height:1}.tool-slot .tool-svg{width:26px;height:26px;display:block}.tool-slot.active{border-color:#ffd24a;transform:translateY(-3px);box-shadow:0 0 0 2px #ffd24a59}.tool-slot.locked{opacity:.35;cursor:not-allowed}#shop-btn{pointer-events:auto;color:#fff;cursor:pointer;background:linear-gradient(#5b8def,#3b6fd8);border:0;border-radius:999px;padding:10px 16px;font-family:inherit;font-weight:900;position:absolute;top:18px;bottom:auto;right:18px;box-shadow:0 8px 18px #3b6fd859}.crosshair{opacity:0;width:8px;height:8px;box-shadow:none;background:0 0;border:2px solid #000;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.crosshair.on{opacity:1}.magnet-meter{background:#14161ab3;border-radius:14px;width:min(280px,70vw);padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:78px;left:50%;transform:translate(-50%)}.magnet-meter .bar{background:#ffffff1f;border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.magnet-meter i{background:linear-gradient(90deg,#60a5fa,#f472b6,#fbbf24);width:0%;height:100%;display:block}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e14b8;place-items:center;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.panel{background:linear-gradient(#2f3540,#232830);border:1px solid #ffffff14;border-radius:24px;width:min(520px,92vw);padding:28px;box-shadow:0 24px 60px #00000073}.hero-panel h1,.win-panel h2{margin:8px 0 12px;font-size:clamp(34px,6vw,52px);font-weight:900;line-height:1.05}.eyebrow{letter-spacing:.16em;color:#ffd24a;margin:0;font-size:11px;font-weight:900}.desc,.controls,#win-stats{color:#c9d0da;font-weight:700;line-height:1.5}.controls{opacity:.85;font-size:13px}.panel button,.ghost{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:900}#start-btn,#again-btn{color:#1e1e1e;background:linear-gradient(#ffd24a,#f0a500);margin-top:8px}.shop-panel{width:min(760px,94vw);max-height:86vh;overflow:auto}.shop-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-head h2{margin:0;font-weight:900}.ghost{color:#fff;background:#ffffff14}.shop-cash{color:#86efac;margin:8px 0 16px;font-weight:800}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.shop-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;gap:8px;padding:14px;display:grid}.shop-card h3{margin:0;font-size:16px}.shop-card p{color:#b8c0cb;min-height:38px;margin:0;font-size:13px}.shop-card .meta{justify-content:space-between;align-items:center;display:flex}.shop-card button{color:#052e16;background:linear-gradient(#6ee7a0,#22c55e)}.shop-card button:disabled{color:#9ca3af;cursor:not-allowed;background:#4b5563}.save-actions,.mode-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 8px;display:flex}.save-list{gap:8px;max-height:240px;margin:8px 0 12px;display:grid;overflow:auto}.save-card{text-align:left;color:#fff!important;background:#ffffff14!important;border-radius:14px!important;padding:10px 12px!important}.save-card strong{font-size:14px;display:block}.save-card span{color:#fde68a;margin-top:4px;font-size:12px;display:block}.save-picked{color:#86efac;margin:8px 0 0;font-size:13px;font-weight:800}.mode-btn{min-width:140px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 #fff0;color:#0c4a6e!important;background:linear-gradient(#7dd3fc,#38bdf8)!important}.mode-btn:hover{filter:none;transform:scale(1.1);box-shadow:0 0 0 3px #ffffffd9,0 0 16px 2px #ffffff73}.mode-btn:focus-visible{outline:none;transform:scale(1.1);box-shadow:0 0 0 3px #ffffffd9,0 0 16px 2px #ffffff73}.duo-panel{text-align:left;background:#ffffff0f;border-radius:16px;margin-top:10px;padding:12px}.duo-tip{color:#dbeafe;margin:0 0 10px;font-size:13px;line-height:1.45}.duo-actions{gap:10px;display:grid}.join-row{gap:8px;display:flex}#room-input{color:#fff;font:inherit;letter-spacing:.2em;text-transform:uppercase;text-align:center;background:#00000040;border:1px solid #fff3;border-radius:999px;flex:1;padding:10px 14px;font-weight:800}#btn-create-room,#btn-join-room,#start-duo-btn{color:#1e1e1e;background:linear-gradient(#ffd24a,#f0a500)}.room-status{color:#fde68a;min-height:1.2em;margin:8px 0 0;font-size:13px}.room-code{color:#86efac;margin:8px 0 0;font-size:15px;font-weight:800}.mp-hud{color:#bae6fd;pointer-events:none;background:#14161abf;border:1px solid #7dd3fc59;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:70px;right:18px}.hidden{display:none!important}@media (width<=720px){.cash-pill{top:70px;right:14px}#shop-btn{top:18px;bottom:auto;right:14px}.remain-pill{top:70px}.mp-hud{text-align:center;top:112px;left:14px;right:14px}}