:root{--sq-safe-t:env(safe-area-inset-top,0px);--sq-safe-r:env(safe-area-inset-right,0px);--sq-safe-b:env(safe-area-inset-bottom,0px);--sq-safe-l:env(safe-area-inset-left,0px);--sq-bg:#14172b;--sq-panel:#1d2140;--sq-slot:#262b52;--sq-slot-front:#2d2f5e;--sq-line:#3a4078;--sq-text:#eef0ff;--sq-dim:#9aa0c8;--sq-coin:#ffd24a;--sq-heart:#ff5d73;--sq-hoop:#ff8a3d;--sq-bowl:#6c7cff;--sq-good:#4fe0a0;--sq-bad:#ff6b6b;--sq-accent:#4fd3ff}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:var(--sq-bg);width:100%;height:100%;color:var(--sq-text);touch-action:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}#game-container{width:100%;height:100%;padding:var(--sq-safe-t) var(--sq-safe-r) var(--sq-safe-b) var(--sq-safe-l);touch-action:none;grid-template-rows:minmax(0,42fr) minmax(0,58fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative}#stage{touch-action:none;width:100%;height:100%;display:block}#ui-root{background:var(--sq-panel);border-top:2px solid var(--sq-line);touch-action:none;flex-direction:column;gap:6px;min-height:0;padding:6px 8px 8px;display:flex;position:relative;overflow:hidden}@media (orientation:landscape) and (aspect-ratio>=5/4){#game-container{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,56fr) minmax(0,44fr)}#ui-root{border-top:none;border-left:2px solid var(--sq-line)}}.hud{flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.hud .hearts{color:var(--sq-heart);letter-spacing:1px}.hud .hearts .lost{color:#4a4f7a}.hud .coins{color:var(--sq-coin)}.hud .round,.hud .wins{color:var(--sq-text)}.hud small{color:var(--sq-dim);font-weight:600}.row-label{color:var(--sq-dim);text-transform:uppercase;letter-spacing:.06em;flex:none;justify-content:space-between;font-size:10px;display:flex}.row-label .tribes b{color:var(--sq-good)}.slots{flex:none;gap:5px;display:grid}.slots.team{grid-template-columns:repeat(5,minmax(0,1fr))}.slots.bench{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2.2fr)}.slot{background:var(--sq-slot);border:2px dashed var(--sq-line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:clamp(62px,9.2vh,70px);display:flex;position:relative;overflow:hidden}.slot.front{background:var(--sq-slot-front)}.slot.filled{border-style:solid}.slot.selected{border-color:var(--sq-accent);box-shadow:0 0 0 2px var(--sq-accent) inset}.slot.drop-ok{border-color:var(--sq-good)}.slot.drop-merge{border-color:var(--sq-coin);box-shadow:0 0 0 2px var(--sq-coin) inset}.slot .tag{color:var(--sq-dim);text-transform:uppercase;font-size:8px;position:absolute;top:2px;left:4px}.unit-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.pips{color:var(--sq-coin);letter-spacing:1px;font-size:9px;line-height:1}.copies{color:var(--sq-dim);font-size:8px;line-height:1}canvas.icon{flex:none;width:30px;height:30px}.info{border:2px solid var(--sq-line);color:var(--sq-dim);background:#171a33;border-radius:10px;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px;font-size:10px;line-height:1.25;display:flex;overflow:hidden}.info b{color:var(--sq-text)}.info.drop-ok{border-color:var(--sq-bad)}.info .msg{color:var(--sq-text);font-weight:600}.info .msg.bad{color:var(--sq-bad)}.info .msg.good{color:var(--sq-good)}.shop{flex:none;gap:5px;display:grid}.card{border:2px solid var(--sq-line);background:#2a2f5c;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;height:clamp(86px,12.5vh,96px);padding-top:4px;display:flex;position:relative;overflow:hidden}.card.hoopers{border-color:color-mix(in srgb, var(--sq-hoop) 55%, var(--sq-line))}.card.bowlers{border-color:color-mix(in srgb, var(--sq-bowl) 65%, var(--sq-line))}.card.frozen{background:#274a66;border-color:#9fe6ff}.card.poor{opacity:.55}.card.sold{visibility:hidden}.card .tier{color:var(--sq-coin);font-size:9px;position:absolute;top:2px;right:4px}.card .ability{color:var(--sq-dim);text-align:center;padding:0 2px;font-size:8.5px;line-height:1.1}.card .price{color:var(--sq-coin);font-size:10px;font-weight:700;position:absolute;bottom:2px;left:4px}.card .freeze{border:1px solid var(--sq-line);color:#9fe6ff;background:#1a1d3a;border-radius:6px;padding:2px 4px;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:2px}.card.frozen .freeze{color:#173045;background:#9fe6ff}.gift{border:2px solid var(--sq-coin);background:#2e2a40;border-radius:10px;flex:none;padding:4px 6px 6px}.gift .title{color:var(--sq-coin);margin-bottom:4px;font-size:11px;font-weight:700}.gift .shop .card{height:clamp(64px,10vh,80px)}@media (height<=480px){#ui-root{gap:4px;padding-top:4px;padding-bottom:4px}.slot.filled .tag{display:none}.gift{padding:4px 6px}.gift .title{margin-bottom:2px}.gift .shop .card{height:58px}.gift .card .ability{display:none}}.bar{flex:none;gap:6px;margin-top:auto;display:flex}button{font:inherit;color:var(--sq-text);border:2px solid var(--sq-line);touch-action:none;background:#343a70;border-radius:12px;padding:8px 10px;font-weight:800}button:disabled{opacity:.45}button.primary{color:#2a1204;background:linear-gradient(#ff9a4d,#ff6a2b);border-color:#ffb27a;flex:1;font-size:17px}button.secondary{min-width:72px}button.toggle.on{background:var(--sq-accent);color:#0b2733;border-color:#a6ecff}.versus{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.versus .side{color:var(--sq-dim);font-size:11px}.versus .side.right{text-align:right}.hpbar{background:#0f1128;border-radius:5px;height:10px;margin-top:3px;overflow:hidden}.hpbar i{background:var(--sq-good);height:100%;display:block}.hpbar.enemy i{background:var(--sq-bad);margin-left:auto}.clock{text-align:center;min-width:44px;font-size:16px;font-weight:800}.clock.ot{color:var(--sq-bad)}.lineup{color:var(--sq-dim);flex:none;font-size:10px;line-height:1.4}.lineup b{color:var(--sq-text)}.result{text-align:center;letter-spacing:.04em;flex:none;font-size:26px;font-weight:900}.result.win{color:var(--sq-good)}.result.loss{color:var(--sq-bad)}.result.draw{color:var(--sq-coin)}.result small{color:var(--sq-dim);letter-spacing:0;font-size:12px;font-weight:600;display:block}.result small.stakes{color:inherit;margin-top:2px;font-weight:800}.drag-ghost{pointer-events:none;z-index:50;opacity:.9;width:48px;height:48px;margin:-24px 0 0 -24px;position:fixed;top:0;left:0}.drag-ghost canvas{width:48px;height:48px}#overlay{z-index:40;padding:calc(16px + var(--sq-safe-t)) calc(16px + var(--sq-safe-r)) calc(16px + var(--sq-safe-b)) calc(16px + var(--sq-safe-l));background:#0a0c1ce0;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay.show{display:flex}.over{background:var(--sq-panel);border:2px solid var(--sq-line);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:min(420px,100%);padding:18px;display:flex}.over h1{font-size:26px}.over h1.won{color:var(--sq-good)}.over h1.lost{color:var(--sq-bad)}.over .stats{color:var(--sq-dim);font-size:13px;line-height:1.5}.over .stats b{color:var(--sq-text)}.over .history{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.chip{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.chip.win{background:var(--sq-good);color:#06321f}.chip.loss{background:var(--sq-bad);color:#3a0808}.chip.draw{background:var(--sq-coin);color:#3a2c04}.over button.primary{flex:none}
/*$vite$:1*/