:root{--bg: #0e2a1c;--ink: #fff;--blue: #3d8bff;--red: #ff4d5e;--gold: #ffd23f;--leaf: #1f5a34;--tg-viewport-height: 100dvh;--tg-viewport-stable-height: 100dvh;--tg-safe-area-inset-top: env(safe-area-inset-top, 0px);--tg-safe-area-inset-right: env(safe-area-inset-right, 0px);--tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--tg-safe-area-inset-left: env(safe-area-inset-left, 0px);--tg-content-safe-area-inset-top: 0px;--tg-content-safe-area-inset-right: 0px;--tg-content-safe-area-inset-bottom: 0px;--tg-content-safe-area-inset-left: 0px;--safe-top: calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top));--safe-right: calc(var(--tg-safe-area-inset-right) + var(--tg-content-safe-area-inset-right));--safe-bottom: calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom));--safe-left: calc(var(--tg-safe-area-inset-left) + var(--tg-content-safe-area-inset-left));color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b2217}}:root[data-theme=dark]{--bg: #0b2217}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}#stage{position:fixed;inset:0;height:var(--tg-viewport-stable-height, 100dvh);display:flex;align-items:center;justify-content:center;background:var(--bg)}#safeProbe{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;border-style:solid;border-color:transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#game{position:relative;overflow:hidden;background:#123d24;--game-safe-top: var(--safe-top);--game-safe-right: var(--safe-right);--game-safe-bottom: var(--safe-bottom);--game-safe-left: var(--safe-left)}@media(min-width:600px){#game{border-radius:1.4em;box-shadow:0 1em 3em #00000080}}canvas#cv{position:absolute;inset:0;width:100%;height:100%;display:block}.disp{font-family:Russo One,Nunito,system-ui,sans-serif;letter-spacing:.01em}.hud{position:absolute;left:calc(.7em + var(--game-safe-left));right:calc(.7em + var(--game-safe-right));top:calc(.6em + var(--game-safe-top));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:3}.foe{display:flex;align-items:center;gap:.5em;background:#0a19108c;padding:.3em .8em .3em .3em;border-radius:2em;backdrop-filter:blur(4px)}.foe canvas{width:2.6em;height:2.6em;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff7b88,#b8202f);border:.14em solid #fff}.foe b{display:block;font-size:.95em;color:#ffb3ba;line-height:1.1}.foe small{display:block;font-size:.75em;opacity:.8}.clock{background:#0a1910b3;border-radius:.8em;padding:.25em .7em .3em;text-align:right;backdrop-filter:blur(4px)}.clock small{display:block;font-size:.65em;opacity:.75}.clock .disp{font-size:1.9em;line-height:1}.clock.hot .disp{color:var(--gold)}#mute{pointer-events:auto;position:absolute;right:0;top:4.2em;width:2.3em;height:2.3em;border-radius:50%;border:0;background:#0a191099;color:#fff;font-size:.95em;cursor:pointer}#mute:focus-visible,button:focus-visible{outline:.15em solid var(--gold);outline-offset:.15em}.stars{position:absolute;right:calc(.55em + var(--game-safe-right));top:40%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.3em;z-index:3;pointer-events:none}.stars i{width:1.7em;height:1.7em;display:block;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#00000059;transition:transform .3s}.stars i.r.on{background:var(--red);transform:scale(1.15)}.stars i.b.on{background:var(--blue);transform:scale(1.15)}.stars .gap{height:.9em}.panel{position:absolute;left:0;right:0;bottom:0;height:calc(10em + var(--game-safe-bottom));padding:.55em calc(.6em + var(--game-safe-right)) calc(.5em + var(--game-safe-bottom)) calc(.6em + var(--game-safe-left));z-index:4;background:linear-gradient(180deg,#0e2a1c00 0,#0e2a1ceb 1.4em,#0e2a1c)}.row{display:flex;gap:.45em;align-items:flex-end;height:7.2em}.next{width:3.9em;flex:none;text-align:center;font-size:.72em;opacity:.9;padding-bottom:.3em}.next .mini{width:4.8em;height:5.6em;margin:.3em auto 0;border-radius:.8em;background:linear-gradient(#f3e3b5,#dcbb72);border:.18em solid #fff3;position:relative;overflow:hidden}.next canvas{width:100%;height:100%}.cards{flex:1;display:flex;gap:.45em;height:100%;align-items:flex-end}.card{position:relative;flex:1;height:6.9em;border-radius:.9em;cursor:pointer;touch-action:none;background:linear-gradient(170deg,#fff3c9 0,#f4cf74 60%,#e0a94a);box-shadow:0 .25em #8a5a1c,0 0 0 .16em #7ee06a,0 0 .9em #7ee06a8c;transition:transform .15s,box-shadow .15s,filter .2s;overflow:hidden}.card canvas{position:absolute;left:0;top:0;width:100%;height:78%}.card .nm{position:absolute;left:0;right:0;bottom:.35em;text-align:center;font-weight:900;font-size:.72em;color:#5a3510}.card .cost{position:absolute;left:50%;bottom:-.05em;transform:translate(-50%);display:none}.card .gem{position:absolute;top:.3em;left:.3em;width:1.6em;height:1.6em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#9df27a,#2fae3f);border:.12em solid #fff;display:flex;align-items:center;justify-content:center}.card .gem span{transform:rotate(45deg);font-family:Russo One,sans-serif;font-size:.85em;color:#fff;text-shadow:0 .08em 0 #1b6a25}.card .miss{position:absolute;left:0;right:0;top:0;background:#141e198c;height:0;transition:height .1s linear;pointer-events:none}.card.off{filter:saturate(.35) brightness(.85);box-shadow:0 .25em #6b5230,0 0 0 .12em #ffffff40}.card.sel{transform:translateY(-.7em) scale(1.06);box-shadow:0 .35em #8a5a1c,0 0 0 .2em #fff,0 0 1.3em #fffc}.card.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:translateY(1.5em) scale(.6);opacity:0}to{transform:none;opacity:1}}.energy{margin-top:.55em;display:flex;align-items:center;gap:.4em}.drop{width:1.9em;height:1.9em;flex:none;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:linear-gradient(135deg,#9df27a,#239a36);border:.14em solid #fff;display:flex;align-items:center;justify-content:center}.drop span{transform:rotate(45deg);font-family:Russo One,sans-serif;font-size:1em}.bar{flex:1;height:1.25em;border-radius:.4em;background:#07170e;border:.12em solid #2d5a3a;display:flex;gap:.12em;padding:.12em;position:relative}.bar i{flex:1;border-radius:.2em;background:#17331f;position:relative;overflow:hidden}.bar i b{position:absolute;inset:0;background:linear-gradient(#8ff06a,#35b843);transform-origin:left;transform:scaleX(0)}.bar .x2{position:absolute;right:.3em;top:50%;transform:translateY(-50%);font-family:Russo One;font-size:.7em;color:var(--gold);display:none}.bar.fast .x2{display:block}#banner{position:absolute;left:0;right:0;top:38%;text-align:center;z-index:6;pointer-events:none;opacity:0}#banner .disp{font-size:4.2em;color:#fff;-webkit-text-stroke:.06em #1a1020;text-shadow:0 .08em 0 #1a1020}#banner.b .disp{color:#bcd7ff}#banner.r .disp{color:#ffc2c8}#banner.sm .disp{font-size:2.2em}#banner.show{animation:bn 1.4s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes bn{0%{opacity:0;transform:scale(.3) rotate(-8deg)}20%{opacity:1;transform:scale(1.1) rotate(2deg)}30%{transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15) translateY(-.5em)}}#toast{position:absolute;left:50%;top:56%;transform:translate(-50%);background:#000000a6;padding:.4em .9em;border-radius:1em;font-size:.85em;z-index:6;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}#toast.on{opacity:1}.ov{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(2em + var(--game-safe-top)) calc(2em + var(--game-safe-right)) calc(2em + var(--game-safe-bottom)) calc(2em + var(--game-safe-left));background:radial-gradient(circle at 50% 35%,#28783c8c,#06140ceb 70%)}.ov.hide{display:none}.ov h1{font-family:Russo One,sans-serif;font-weight:400;font-size:3.4em;margin:0;line-height:.95;color:#fff;-webkit-text-stroke:.05em #0c2415;text-shadow:0 .09em 0 #0c2415,0 .3em 1em rgba(0,0,0,.4);transform:rotate(-4deg)}.ov h1 em{font-style:normal;display:block;font-size:.55em;color:var(--gold);transform:translate(.6em)}.ov p{max-width:17em;font-size:1em;line-height:1.4;opacity:.92;margin:1.2em 0 0}.squad{display:flex;gap:.2em;margin-top:1.4em}.squad canvas{width:3.6em;height:3.6em}.btn{margin-top:1.8em;font-family:Russo One,sans-serif;font-size:1.5em;color:#fff;border:0;border-radius:.6em;padding:.45em 1.6em .5em;cursor:pointer;background:linear-gradient(#8ff06a,#2fae3f);box-shadow:0 .2em #17702a,0 .5em 1em #00000059;text-shadow:0 .08em 0 #17702a}.btn:active{transform:translateY(.12em);box-shadow:0 .08em #17702a}.res{font-family:Russo One,sans-serif;font-size:3em;margin-top:.3em}.res .b{color:#8fb8ff}.res .r{color:#ff9aa4}@media(prefers-reduced-motion:reduce){#banner.show{animation-duration:1.8s}.card{transition:none}}