@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800;900&display=swap");:root{color-scheme:dark;--ink:#f5f6f4;--muted:#a9b4c0;--line:rgba(220,236,245,.16);--lime:#c9f56c;--pink:#ff829f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:DM Sans,sans-serif;color:var(--ink);background:#090f18}body{min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#24313e,#0b1119 65%)}button{font:inherit}.game-shell{width:min(100vw,440px);height:min(100dvh,920px);min-height:620px;padding:0 14px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#17212b,#101821 55%,#111921);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 70px #0008}.topbar{height:54px;flex:0 0 54px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand,.topbar{display:flex;align-items:center}.brand{gap:8px;font:900 14px Outfit,sans-serif;letter-spacing:.08em}.brand em{font-style:normal;color:var(--lime)}.brand-mark{font-size:20px;color:#ffd25b}.top-actions{gap:10px}.coin-counter,.top-actions{display:flex;align-items:center}.coin-counter{gap:6px}.coin-counter b{font:800 17px Outfit,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.coin-icon{font-size:19px;color:#f9d35b;text-shadow:0 2px #8b6523}.icon-button{width:32px;height:32px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:10px;color:#eee;font-size:17px;cursor:pointer}.play-layout{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:10px 0 12px}.stage-hud{height:47px;flex:0 0 47px;gap:12px}.stage-hud,.stage-label{display:flex;align-items:center}.stage-label{height:37px;min-width:90px;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#ffffff09;font:800 9px Outfit,sans-serif;letter-spacing:.12em;color:#bdc7d0}.stage-label b{font-size:15px;color:#fff}.target-meter{flex:1 1}.health-caption{display:flex;justify-content:space-between;align-items:baseline;font-size:8px;color:#c0cad1;font-weight:900;letter-spacing:.1em}.health-caption b{font:800 10px Outfit,sans-serif;color:#fff;letter-spacing:0}.health-caption small{font-size:9px;color:#abb7c2;font-weight:600}.health-bar{height:7px;border-radius:8px;background:#080c12;margin-top:6px;overflow:hidden}.health-bar span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ff766d,#ffc65b);box-shadow:0 0 14px #ff9a6566;transition:width .22s}.arena-shell{flex:1 1 auto;min-height:220px;display:flex;flex-direction:column;padding:9px 9px 0;border:1px solid rgba(220,236,245,.15);border-radius:15px;background:linear-gradient(145deg,#25323d,#18222c);box-shadow:0 15px 38px #0005;overflow:hidden}.canvas-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:9px;background:#111d29;touch-action:manipulation}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-badge{position:absolute;top:9px;left:9px;border:1px solid #ffffff30;background:#101923c9;border-radius:7px;padding:7px 8px;color:#eef2f3;font-size:7px;font-weight:900;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-badge span{color:var(--lime);padding:0 2px}.canvas-event{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;font:900 9px Outfit,sans-serif;letter-spacing:.14em;text-shadow:0 2px 8px #000;pointer-events:none;animation:eventIn .3s ease-out}@keyframes eventIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.arena-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #080c1266}.arena-foot{height:25px;flex:0 0 25px;display:flex;align-items:center;gap:6px;font-size:6px;letter-spacing:.08em;font-weight:900;color:#c5cdd2;white-space:nowrap}.legend-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;margin-left:5px}.legend-dot.wall{background:#d1f46b}.legend-dot.bonus{background:#ffcb61}.legend-dot.target{background:#ff7387}.upgrade-section{flex:0 0 108px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.upgrade-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9px 5px 8px;border:1px solid rgba(220,236,245,.17);border-radius:12px;background:linear-gradient(160deg,#26333e,#1b252e);color:#fff;text-align:center;cursor:pointer;transition:transform .16s,border-color .16s,opacity .16s}.upgrade-card:hover:not(:disabled){transform:translateY(-2px);border-color:#c9f56c88}.icon-button:focus-visible,.upgrade-card:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.upgrade-card:disabled{cursor:default;opacity:.55}.upgrade-card.featured{border-color:#c9f56c66;background:linear-gradient(155deg,#33432f,#202a2e)}.upgrade-title{font:900 9px Outfit,sans-serif;letter-spacing:.1em}.upgrade-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;color:#dcf598;background:#c9f56c18;font-size:18px;text-shadow:0 0 12px currentColor}.upgrade-card:nth-child(2) .upgrade-icon{color:#ffcb69;background:#ffcb6918}.upgrade-card:nth-child(3) .upgrade-icon{color:#a5caff;background:#a5caff18}.upgrade-copy{font-size:6px;font-weight:800;letter-spacing:.08em;color:#bdc7cd;white-space:nowrap}.upgrade-cost{font:900 9px Outfit,sans-serif;color:#f4d568}@media(max-height:730px){.game-shell{min-height:0}.play-layout{gap:6px;padding:7px 0}.stage-hud{height:40px;flex-basis:40px}.arena-shell{min-height:190px;padding:7px 7px 0}.arena-foot{height:21px;flex-basis:21px}.upgrade-section{flex-basis:94px;gap:6px}.upgrade-card{padding:7px 4px}.upgrade-icon{height:28px;width:28px}}@media(max-width:480px){body{display:block;overflow:hidden}.game-shell{width:100vw;height:100dvh;min-height:0;padding-left:12px;padding-right:12px;border:0;box-shadow:none}}@media(max-width:360px){.game-shell{padding-left:8px;padding-right:8px}.upgrade-section{gap:5px}.upgrade-title{font-size:8px}.upgrade-copy{font-size:5px}}.feeder-deck{height:60px;flex:0 0 60px;position:relative;z-index:2;overflow:visible;margin:0 -2px;padding:4px 0}.feeder-machine{position:absolute;left:2%;top:4px;width:15%;height:43px;border:2px solid #8699a7;border-radius:7px;background:linear-gradient(145deg,#8296a3,#344a5a 55%,#243542);box-shadow:0 3px 6px #05090d99,inset 0 1px #d9e5ec80}.feeder-machine:before{content:"";position:absolute;left:10%;right:10%;bottom:4px;height:7px;border-radius:2px;background:repeating-linear-gradient(90deg,#293b49 0 4px,#718594 4px 6px)}.machine-window{position:absolute;left:15%;right:15%;top:6px;height:18px;border:2px solid #536d7f;border-radius:3px;background:linear-gradient(135deg,#b9d1dc,#ecf5f5 45%,#829cab);box-shadow:inset 0 0 5px #506b7b}.machine-light{position:absolute;right:8%;bottom:7px;width:6px;height:6px;border-radius:50%;background:#8cf1a0;box-shadow:0 0 8px #8cf1a0}.machine-slot{position:absolute;right:-5px;top:22px;width:8px;height:10px;background:#253744;border:1px solid #91a3af;border-radius:2px}.conveyor-belt{position:absolute;left:16%;right:3%;top:29px;height:17px;border-radius:5px;background:linear-gradient(#8698a2 0 3px,#283c4b 3px 12px,#637a88 12px 15px,#17232d 15px);box-shadow:0 2px 3px #05090d99}.belt-stripes{position:absolute;inset:4px 3px 5px;overflow:hidden;background:repeating-linear-gradient(125deg,transparent 0 11px,#e1bd58 11px 13px,transparent 13px 23px);animation:belt-scroll .45s linear infinite}.conveyor-belt i{position:absolute;top:2px;width:7px;height:13px;border-radius:50%;border:1px solid #aebbc2;background:#435968}.conveyor-belt i:first-of-type{left:-2px}.conveyor-belt i:last-of-type{right:-2px}.feed-ball{position:absolute;z-index:4;left:16%;top:25px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff 0 12%,#e6ffff 16%,#65eaff 45%,#1683aa 75%,#0d4662);box-shadow:0 0 10px #65edffb8;pointer-events:none;animation:ball-fed-drop 2.7s cubic-bezier(.32,.1,.38,.97) forwards}@keyframes belt-scroll{to{background-position:24px 0}}.conveyor-belt{right:58%}.feed-ball{animation-duration:2.2s}@keyframes ball-fed-drop{0%{left:16%;top:25px}72%{left:40.5%;top:25px}to{left:40.5%;top:calc(100% + 28px)}}