:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eafcff;--cyan:#4df7ff;--magenta:#ff4bd8;--amber:#ffd166;--red:#ff4d68;--orange:#ff9d3d;--green:#6cff8d;--panel:#070e1ceb;--line:#6fc6ff57;background:#03060d;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 20% 0,#4df7ff17,#0000 30%),radial-gradient(circle at 90% 90%,#ff4bd814,#0000 32%),#03060d}button{font:inherit}.game-shell{height:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:58px minmax(0,1fr) 112px;display:grid}.topbar,.control-dock{z-index:5;border-color:var(--line);background:linear-gradient(#080f1efa,#050a15f2);align-items:center;display:flex}.topbar{border-bottom:2px solid var(--line);grid-template-columns:minmax(125px,.8fr) minmax(0,1.8fr) 96px minmax(0,1.8fr) auto;gap:16px;padding:0 18px;display:grid;box-shadow:0 8px 28px #0000006b}.control-dock{border-top:2px solid var(--line);gap:12px;padding:9px 14px;box-shadow:0 -8px 30px #0000007a}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{border:2px solid var(--cyan);width:40px;height:40px;color:var(--cyan);filter:drop-shadow(0 0 9px #4df7ffa6);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);place-items:center;font-weight:800;display:grid}.brand strong{letter-spacing:.18em;text-shadow:0 0 14px #4df7ff59;font-size:17px;display:block}.brand small{color:#6f8ba8;letter-spacing:.17em;font:7px ui-monospace,monospace;display:block}.core-meter{letter-spacing:.12em;align-items:center;gap:9px;min-width:0;font:10px ui-monospace,monospace;display:flex}.core-meter.ai{justify-content:flex-end}.core-meter span{color:#8ca4bb}.meter-track{background:#121c2d;border:1px solid #ffffff1c;flex:1;height:10px;overflow:hidden;transform:skew(-18deg)}.meter-track i{width:100%;height:100%;transition:width .18s ease-out;display:block}.player .meter-track i{background:linear-gradient(90deg, #178799, var(--cyan));box-shadow:0 0 10px var(--cyan)}.ai .meter-track i{background:linear-gradient(90deg, var(--magenta), #8e246f);box-shadow:0 0 10px var(--magenta)}.match-clock{color:#fff;text-align:center;letter-spacing:.05em;text-shadow:0 0 14px #ffffff73;min-width:96px;font:800 24px ui-monospace,monospace}.top-actions{gap:6px;display:flex}.top-actions button{border:1px solid var(--line);color:#8da9c1;cursor:pointer;background:#091225;min-height:32px;padding:0 10px}.top-actions button:hover{color:var(--cyan);border-color:#4df7ff8c}.arena-wrap{min-height:0;position:relative;overflow:hidden}#canvas-host{touch-action:none;position:absolute;inset:0}#canvas-host canvas{width:100%;height:100%;display:block}.delivery-panel{pointer-events:none;background:linear-gradient(135deg,#091426f5,#050a16f5);border:1px solid #4df7ff4d;flex:0 0 clamp(195px,23vw,285px);grid-template-rows:auto 1fr;gap:7px;width:clamp(195px,23vw,285px);min-width:0;padding:8px 10px;display:grid;box-shadow:inset 0 0 18px #4df7ff09}.delivery-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.delivery-label{color:#7089a3;letter-spacing:.15em;font:8px ui-monospace,monospace}#delivery-timer{color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 10px #4df7ff66;font:800 12px ui-monospace,monospace}.delivery-conveyor{--drop-chip-size:31px;min-height:46px;position:relative;overflow:hidden}.delivery-conveyor:before{content:"";z-index:2;background:var(--cyan);width:2px;box-shadow:0 0 8px var(--cyan), 0 0 16px #4df7ff8c;pointer-events:none;position:absolute;top:3px;bottom:3px;left:0}.next-drops{position:absolute;inset:0}.preview-chip{z-index:1;width:var(--drop-chip-size);height:var(--drop-chip-size);box-shadow:inset 0 0 12px #ffffff0d, 0 0 9px color-mix(in srgb, currentColor 28%, transparent);background:#08101f;border:2px solid;place-items:center;transition:left .24s linear;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.preview-chip i{text-shadow:0 0 10px;font-size:18px;font-style:normal}.preview-chip b{color:#d8e8f3;text-shadow:0 1px 4px #000;font:6px ui-monospace,monospace;position:absolute;bottom:0;right:1px}.game-overlay{z-index:6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#050a14a3,#020409e6);place-items:center;display:grid;position:absolute;inset:0}.game-overlay[hidden]{display:none}.overlay-card{text-align:center;background:#050b18f5;border:2px solid #4df7ff7a;width:min(620px,100% - 32px);padding:38px;box-shadow:0 24px 100px #000,0 0 52px #4df7ff1a}.eyebrow{color:var(--cyan);letter-spacing:.28em;font:9px ui-monospace,monospace}.overlay-card h1{letter-spacing:-.035em;margin:15px 0 12px;font-size:clamp(28px,5vw,53px);line-height:.97}.overlay-card p{color:#91a8bc;max-width:470px;margin:0 auto;line-height:1.55}.quick-guide{color:#718aa1;justify-content:center;gap:22px;margin:22px 0;font:8px ui-monospace,monospace;display:flex}.quick-guide span{align-items:center;gap:6px;display:flex}.quick-guide i{color:var(--cyan);font:18px Trebuchet MS,sans-serif}#primary-action{border:2px solid var(--cyan);color:var(--cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;background:#4df7ff1c;padding:14px 29px;font-weight:800;box-shadow:inset 0 0 20px #4df7ff0a,0 0 25px #4df7ff14}#primary-action:hover{background:#4df7ff2b}.status-block{flex:0 0 170px;width:170px}.status-block span,.hint-block span{color:#607991;letter-spacing:.16em;font:8px ui-monospace,monospace;display:block}.status-block strong{color:#9eb4c7;margin-top:6px;font:9px/1.35 ui-monospace,monospace;display:block}.status-block strong.danger{color:var(--red)}.inventory{flex:auto;justify-content:center;gap:7px;min-width:0;display:flex}.drop-button{color:#b7cee1;cursor:pointer;background:linear-gradient(150deg,#11203a,#080f1e);border:2px solid #304866;flex:1 1 0;grid-template-rows:1fr auto auto;place-items:center;width:min(112px,14vw);min-width:62px;max-width:112px;height:88px;padding:7px;transition:border-color .1s,background-color .1s,box-shadow .1s;display:grid;position:relative}.drop-button:hover:not(:disabled),.drop-button:focus-visible,.drop-button.selected{box-shadow:0 0 14px color-mix(in srgb, currentColor 42%, transparent), inset 0 0 18px #ffffff0d;background:linear-gradient(150deg,#172b48,#0b1425);border-color:currentColor}.drop-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.drop-button:disabled{opacity:.24;filter:saturate(.35);cursor:not-allowed}.drop-button kbd{color:#587087;font:8px ui-monospace,monospace;position:absolute;top:4px;left:5px}.drop-quantity{justify-content:center;align-items:center;gap:6px;min-height:19px;display:flex}.drop-quantity strong{color:#f4fbff;text-shadow:0 0 8px;min-width:17px;font:900 14px/1 ui-monospace,monospace}.charge-pips{gap:2px;display:flex}.charge-pips i{opacity:.35;background:0 0;border:1px solid;width:5px;height:10px}.charge-pips i.filled{opacity:1;background:currentColor;box-shadow:0 0 5px}.drop-glyph{text-shadow:0 0 22px;font-size:37px;line-height:1}.drop-name{letter-spacing:.08em;text-transform:uppercase;font:700 9px ui-monospace,monospace}.drop-attractor{color:var(--green)}.drop-deflector{color:var(--red)}.drop-speed{color:var(--amber)}.drop-explosion{color:var(--orange)}.drop-surge{color:#fff}.hint-block{text-align:right;flex:0 0 130px;width:130px}.hint-block strong{color:var(--cyan);margin-top:5px;font:9px ui-monospace,monospace;display:block}.hint-block small{color:#607991;font:8px ui-monospace,monospace}@media (max-width:1000px){.game-shell{grid-template-rows:40px minmax(0,1fr) 78px}.topbar{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) auto;gap:7px;padding:0 8px}.brand{display:none}.core-meter{gap:4px;font-size:8px}.core-meter span{font-size:7px;display:block}.match-clock{min-width:68px;font-size:14px}.top-actions button{min-height:28px;padding:0 7px;font-size:8px}#sound-button{width:29px;padding:0;font-size:0}#sound-button:after{content:"♪";font-size:13px}.control-dock{gap:7px;padding:5px 7px}.status-block,.hint-block{display:none}.inventory{gap:4px}.drop-button{min-width:0;height:66px;padding:3px}.drop-name{letter-spacing:0;font-size:clamp(6px,1.3vw,8px)}.drop-glyph{font-size:24px}.drop-quantity{min-height:15px}.drop-quantity strong{min-width:15px;font-size:12px}.drop-button kbd{font-size:7px;top:2px;left:3px}.delivery-panel{flex:0 0 128px;gap:3px;width:128px;padding:5px 7px}.delivery-label{font-size:7px}#delivery-timer{font-size:10px}.delivery-conveyor{--drop-chip-size:22px;min-height:34px}.preview-chip i{font-size:14px}.charge-pips{display:none}.overlay-card{padding:23px 18px}.quick-guide{gap:10px}}@media (orientation:portrait) and (max-width:700px){.game-shell{grid-template-rows:40px minmax(0,1fr) 132px}.control-dock{grid-template-rows:66px 48px;grid-template-columns:1fr;gap:5px;padding:5px 7px;display:grid}.inventory{grid-row:1}.drop-button{height:64px}.delivery-panel{flex:initial;grid-row:2;align-items:center;gap:10px;width:100%;padding:3px 8px;display:flex}.delivery-heading{flex:0 0 112px;width:112px}.delivery-conveyor{flex:1;min-height:32px}.delivery-conveyor:before{top:2px;bottom:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}