:root{--gold: #f5b83d;--gold-edge: #8a5a12;--elixir: #b34ee8;--mine: #3b8fe6;--mine-hi: #a8d6ff;--mine-lo: #1d56a0;--foe: #e0453a;--foe-hi: #ffa497;--foe-lo: #94231b;--s1: var(--mine);--s1-hi: var(--mine-hi);--s1-lo: var(--mine-lo);--s2: var(--foe);--s2-hi: var(--foe-hi);--s2-lo: var(--foe-lo);--panel-b: #23242b;--panel-b-edge: #6a6d7a;--panel-w: #e9e4d8;--bg: #1b2220;--ink: #f2eee6;--bounce: cubic-bezier(.34, 1.56, .64, 1);--font: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.num,#score b,#timer,.cost,#elixir-n,#banner,.screen h1,.screen h2{font-weight:900;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #1a1420;text-shadow:0 2px 0 #1a1420}#app{height:100dvh;max-width:560px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;position:relative;padding:env(safe-area-inset-top) 0 0}#top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(#3a3226,#2a241b);border-bottom:3px solid #14100b;box-shadow:inset 0 2px #5b4d39}.plate{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}.disc{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 2px #0006}body.me2{--s1: var(--foe);--s1-hi: var(--foe-hi);--s1-lo: var(--foe-lo);--s2: var(--mine);--s2-hi: var(--mine-hi);--s2-lo: var(--mine-lo)}.disc.b{background:radial-gradient(circle at 35% 30%,var(--s1-hi),var(--s1) 55%,var(--s1-lo))}.disc.w{background:radial-gradient(circle at 35% 30%,var(--s2-hi),var(--s2) 55%,var(--s2-lo))}.disc.me{background:radial-gradient(circle at 35% 30%,var(--mine-hi),var(--mine) 55%,var(--mine-lo))}.disc.foe{background:radial-gradient(circle at 35% 30%,var(--foe-hi),var(--foe) 55%,var(--foe-lo))}#score{display:flex;align-items:center;gap:6px;font-size:24px}#score i{font-style:normal;opacity:.6;font-weight:900}#score .disc{width:20px;height:20px}#timer{justify-self:end;font-size:24px;padding:2px 10px;border-radius:8px;background:#14100b;box-shadow:inset 0 0 0 2px #5b4d39;transition:background .3s}#timer.hurry{color:#ff5a4e}#timer.ot{background:#8f241c}#field{position:relative;min-height:0}#field canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#fx2d{pointer-events:none}#banner{position:absolute;left:0;right:0;top:42%;text-align:center;pointer-events:none;font-size:clamp(36px,11vw,60px);color:#ffe9a8;-webkit-text-stroke:4px #3a2410;text-shadow:0 4px 0 #3a2410;opacity:0;transform:scale(.6)}#banner.show{animation:banner 1.2s var(--bounce) forwards}#banner.red{color:#ff5a4e}@keyframes banner{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#bottom{padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#2b3a4a,#1d2833);border-top:3px solid #0d141b;box-shadow:inset 0 2px #4d6278}#hand{display:grid;grid-template-columns:15% 1fr;gap:8px;align-items:end;margin-top:8px}#next{display:grid;gap:2px;justify-items:center;font-size:11px;opacity:.85}#next small{font-weight:700}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#hand:has(#skill:not([hidden])){grid-template-columns:15% 1fr 16%}#skill{position:relative;align-self:center;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffe8a0,#c9871f 70%);box-shadow:0 0 0 3px #3a2410,0 3px 0 3px #000a}#skill .art{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:center / cover no-repeat #3b3854;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;-webkit-text-stroke:3px #3a2410;paint-order:stroke}#skill:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:conic-gradient(#0d141bcc calc(var(--cd, 0) * 360deg),#0000 0);pointer-events:none}#skill .cost{position:absolute;right:-4px;bottom:-4px;z-index:1;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:radial-gradient(circle at 35% 30%,#f3cfff,var(--elixir) 55%,#6d1fa0);box-shadow:0 0 0 2px #3d0f5c;-webkit-text-stroke:2px #3d0f5c;paint-order:stroke}#skill.poor .art{filter:grayscale(.8) brightness(.6)}#skill.ready{animation:skill-ready 1s ease-in-out infinite alternate}@keyframes skill-ready{to{box-shadow:0 0 0 3px #3a2410,0 3px 0 3px #000a,0 0 18px 4px #ffd34a}}#skill.bump{animation:bump .25s var(--bounce)}.card{position:relative;aspect-ratio:5 / 6.4;border-radius:9px;overflow:visible;background:#3b2f22;box-shadow:inset 0 0 0 3px #a07a4a,0 3px #0b0f14;transition:transform .18s var(--bounce),filter .2s;touch-action:none}.card .art{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:7px;background-size:cover;background-position:center 30%;display:grid;place-items:center;overflow:hidden}.card .art span{font-size:30px;font-weight:900;color:#fff8;-webkit-text-stroke:2px #0005;paint-order:stroke fill}.card .name{position:absolute;left:3px;right:3px;bottom:3px;padding:10px 2px 9px;border-radius:0 0 7px 7px;background:linear-gradient(#0000,#000b);font-size:11px;font-weight:800;text-align:center;white-space:nowrap}.cost{position:absolute;left:-6px;top:-6px;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold) 55%,#c9871f);box-shadow:0 0 0 2px var(--gold-edge),0 2px #0008;-webkit-text-stroke:2.5px #4a2c06}.card.mini{width:100%}.card.mini .name{display:none}.card.mini .cost{width:18px;height:18px;font-size:11px;left:-4px;top:-4px}.card.poor{filter:grayscale(.85) brightness(.7)}.card.lift{transform:translateY(-10px) scale(1.06);box-shadow:inset 0 0 0 3px #ffe9a8,0 6px #0b0f14}.card.gone{transform:scale(.4);opacity:0;transition:transform .2s,opacity .2s}.card.enter{animation:enter .4s var(--bounce)}@keyframes enter{0%{transform:translateY(30px) scale(.7);opacity:0}}.t-troop{background:linear-gradient(160deg,#5a7d5a,#2f4a37)}.t-building{background:linear-gradient(160deg,#6f6a8a,#3b3854)}.t-spell{background:linear-gradient(160deg,#3d5d8f,#1f2f52)}#elixir{display:flex;align-items:center;gap:8px}#elixir .gem{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 35% 30%,#f3cfff,var(--elixir) 55%,#6d1fa0);box-shadow:0 0 0 2px #3d0f5c,0 2px #000a}#elixir-n{font-size:20px;-webkit-text-stroke:3px #3d0f5c;text-shadow:none}#elixir .bar{position:relative;flex:1;height:18px;border-radius:9px;background:#0d141b;box-shadow:inset 0 2px 3px #000a;overflow:hidden}#elixir-fill{position:absolute;inset:0 auto 0 0;width:50%;background:linear-gradient(#e7a6ff,var(--elixir) 50%,#7a24b0)}#elixir .ticks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#0000 0,#0000 calc(10% - 2px),#0d141b calc(10% - 2px),#0d141b 10%)}#elixir .bar.full{animation:full .5s}@keyframes full{50%{filter:brightness(1.6)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:18px;z-index:5;background:radial-gradient(ellipse at 50% 30%,#2f3f5c,#0e1320 70%)}.screen[hidden]{display:none}.screen h1{font-size:48px;color:#ffe9a8;-webkit-text-stroke:5px #3a2410;text-shadow:0 5px 0 #3a2410}.screen h2{font-size:44px}.screen p{font-size:22px;font-weight:800}.screen button{min-width:200px;min-height:52px;padding:0 28px;border-radius:14px;font-size:22px;font-weight:900;background:linear-gradient(#ffd56b,#e09a24);color:#3a2410;box-shadow:0 5px #8a5a12,inset 0 2px #fff6;transition:transform .12s}.screen button:active{transform:translateY(4px);filter:brightness(.88);box-shadow:0 1px #8a5a12,inset 0 2px 4px #0005}.screen button.plain{background:#0000;color:#c9ccd6;box-shadow:inset 0 0 0 2px #c9ccd655;font-size:18px;min-height:44px}#levels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px;border-radius:14px;background:#0d141bcc}#levels button{min-width:0;min-height:44px;padding:0 12px;font-size:17px;border-radius:10px;background:#0000;color:#c9ccd6;box-shadow:none}#levels button[aria-checked=true]{background:#f4f0e6;color:#1e1f24;box-shadow:0 3px #0008}#home{place-content:stretch;grid-template-rows:auto 1fr;gap:0;justify-items:stretch}#home .bar{display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#0d141bcc}#lvl{display:flex;align-items:center;flex:1;min-width:0}#lvl-n{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;font-size:17px;background:linear-gradient(#5a8fd8,#2f5ea8);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}#lvl .xp{position:relative;flex:1;max-width:140px;height:20px;margin-left:6px;border-radius:10px;background:#0d141b;box-shadow:inset 0 0 0 2px #2f5ea8;overflow:hidden}#xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#8fd0ff,#3c8fe0)}#xp-t{position:relative;display:block;text-align:center;font-size:12px;font-weight:900;line-height:20px;color:#fff;-webkit-text-stroke:2px #0d1a33;paint-order:stroke fill}.res{display:flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;border-radius:12px;background:#0d141b;font-size:16px}.ic{width:20px;height:20px;border-radius:50%}.ic.gold{background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold) 55%,#c9871f);box-shadow:0 0 0 2px var(--gold-edge)}.ic.tro{background:linear-gradient(#ffd56b,#c9871f);clip-path:polygon(10% 0,90% 0,85% 45%,60% 60%,60% 80%,80% 100%,20% 100%,40% 80%,40% 60%,15% 45%);border-radius:0}#home .tab{overflow-y:auto;padding:14px 12px 20px;display:grid;align-content:start;justify-items:center;gap:14px}#home .tab[hidden]{display:none}#home h1{margin-top:1vh;font-size:40px}#tier{font-size:16px;color:#c9ccd6}#tab-battle{align-content:center!important;gap:22px!important}.hub{display:grid;gap:16px;width:min(78vw,300px)}#home .hub button{min-height:64px;border-radius:32px;font-size:28px;letter-spacing:.2em;color:#fff;background:linear-gradient(#26324add,#161e2edd);box-shadow:0 4px #0a0f18,inset 0 0 0 2px #fff5;-webkit-text-stroke:3px #0a0f18;paint-order:stroke fill}#home .hub .hb-play{background:linear-gradient(#ffe9a8,#f2b84b);color:#fff;box-shadow:0 4px #8a5a12,inset 0 0 0 2px #fff8,0 0 22px #ffcf5a55;-webkit-text-stroke-color:#6b4310}#home .sub{position:sticky;top:-14px;z-index:1;width:100%;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:-14px -12px 0;padding:6px 12px;background:#0d141bee}#home .sub h2{grid-column:2;justify-self:center;margin:0;font-size:20px}#home .sub .back{grid-row:1;min-width:0;min-height:40px;padding:0;border-radius:10px;font-size:30px;line-height:1;color:#fff;background:#ffffff14;box-shadow:none;-webkit-text-stroke:0}#variants{display:grid;gap:10px;width:min(92vw,400px)}#home #variants button{position:relative;min-height:68px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:0 16px;text-align:left;border-radius:16px;font-size:21px;font-weight:900;color:#dfe3ec;background:linear-gradient(#26324a,#161e2e);box-shadow:0 4px #0a0f18,inset 0 0 0 2px #ffffff14,inset 0 2px #ffffff1a}#variants button:before{content:"";width:34px;height:34px;justify-self:center;display:grid;place-items:center;font-size:24px;line-height:1}#variants .v-ladder:before{background:linear-gradient(135deg,#ffd56b,#c9821b);clip-path:polygon(50% 0,100% 18%,92% 68%,50% 100%,8% 68%,0 18%)}#variants .v-five:before{content:"♠︎";border-radius:50%;color:#1e293b;background:radial-gradient(circle at 35% 30%,#fff,#e2e8f0 60%,#b8c2d0);font-family:Apple Symbols,Segoe UI Symbol,sans-serif;font-size:20px}#variants .v-xot:before{border-radius:50%;background:radial-gradient(circle at 30% 50%,#e9e4d8 0,#e9e4d8 34%,#0000 35%),radial-gradient(circle at 70% 50%,#23242b 0,#23242b 34%,#0000 35%);width:42px}#variants .v-octagon:before{background:linear-gradient(#2fa35d,#166534);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}#variants .v-duel:before{border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold) 55%,#c9871f);box-shadow:0 0 0 3px var(--gold-edge)}#variants .v-friend:before{border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff 0,#fff 22%,#0000 23%),radial-gradient(ellipse at 50% 100%,#fff 0,#fff 45%,#0000 46%),linear-gradient(#4f8fe8,#2c5fb8)}#home .mode{display:grid;justify-items:center;align-content:center;gap:12px;width:min(92vw,400px);min-height:230px;padding:18px 12px;box-sizing:border-box;border-radius:20px;background:linear-gradient(#0d141bd9,#0d141bb3);box-shadow:inset 0 0 0 2px #ffffff14,0 8px 24px #0006}#my-card{display:grid;justify-items:center;gap:4px;width:min(92vw,400px);padding:16px;border-radius:16px;background:#0d141bcc;box-shadow:inset 0 0 0 2px #ffd56b66}#my-name{font-size:26px;color:#ffe9a8}#my-stats{width:min(92vw,400px);border-collapse:collapse;font-weight:800;background:#0d141bcc;border-radius:12px;overflow:hidden}#my-stats :is(th,td){padding:10px 8px;text-align:center;font-variant-numeric:tabular-nums}#my-stats td:first-child{text-align:left}#my-stats th{color:#c9ccd6;font-size:13px}#my-stats tbody tr:nth-child(odd){background:#ffffff0a}.screen button.go{width:min(84vw,320px);min-height:64px;font-size:28px;border-radius:16px}#chests{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.screen .chest{min-width:0;min-height:70px;padding:6px 2px;border-radius:12px;display:grid;place-content:center;gap:2px;font-size:15px;color:#fff;box-shadow:0 4px #0008,inset 0 2px #fff4}.chest small{font-size:12px;font-weight:800}.chest.empty{background:#0d141b88;box-shadow:inset 0 0 0 2px #fff2;color:#fff5}.chest.c-bronze{background:linear-gradient(#b8794a,#7a4a24)}.chest.c-silver{background:linear-gradient(#c9ccd6,#6a6d7a)}.chest.c-gold{background:linear-gradient(#ffd56b,#c9871f);color:#3a2410}.chest:disabled:not(.empty){filter:saturate(.6)}.chest.ready{animation:full 1s infinite}#quests{width:100%;list-style:none;display:grid;gap:6px}#quests li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:8px 10px;border-radius:10px;background:#0d141bcc;font-size:14px;font-weight:700}#quests li i{grid-column:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) calc(var(--k) * 100%),#ffffff22 0)}#quests li small{grid-row:1;grid-column:2;color:#c9ccd6}#quests li.claimed{opacity:.45}#quests li button{grid-row:span 2;grid-column:2;min-width:0;min-height:36px;padding:0 14px;font-size:15px}.grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px 8px}#collection .card.locked{filter:grayscale(1) brightness(.5)}.card .lv{position:absolute;top:-6px;left:50%;transform:translate(-50%);padding:0 6px;border-radius:6px;font-size:11px;font-weight:900;background:#2f5ea8;box-shadow:0 2px #0008}.card .shards{position:absolute;left:2px;right:2px;bottom:-18px;height:13px;box-shadow:0 0 0 1.5px #0d141b;border-radius:5px;background:#0d141b;overflow:hidden}.card .shards i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#8d6bff,#5d3ebc)}.card .shards.full i{background:linear-gradient(#7be38a,#2ea043)}.card .shards span{position:relative;display:block;font-size:10px;font-weight:900;line-height:13px;-webkit-text-stroke:2px #0d141b;paint-order:stroke fill;text-align:center}.card em{position:absolute;inset:40% 0 auto;text-align:center;font-style:normal;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000}#nav{display:grid;grid-template-columns:repeat(3,64px);justify-content:center;gap:18px}#nav button{min-width:0;min-height:60px;border-radius:14px;font-size:13px;background:#0d141b99;color:#dfe3ec;box-shadow:none}#rewards{display:grid;grid-template-columns:auto auto;gap:4px 16px;font-size:18px;font-weight:800}#rewards dt{color:#c9ccd6}#toast{position:absolute;left:16px;right:16px;top:22%;z-index:9;padding:12px 16px;border-radius:12px;text-align:center;font-weight:800;background:#141c24f2;box-shadow:0 0 0 2px #a07a4a,0 8px 20px #000a;pointer-events:none}#toast.show{animation:pop .2s var(--bounce)}#toast[hidden]{display:none}body.at-home #info{z-index:8;bottom:60px}#info .upgrade{justify-self:start;min-height:40px;padding:0 16px;border-radius:10px;font-weight:900;background:linear-gradient(#8ee07a,#3fa34a);color:#10240f;box-shadow:0 4px #1f5a24}#info .upgrade:disabled{filter:grayscale(1) brightness(.7)}#info{position:absolute;left:10px;right:10px;bottom:calc(var(--hand-h, 150px) + 6px);z-index:4;display:grid;grid-template-columns:1fr;gap:4px 12px;padding:12px;border-radius:14px;background:#141c24f2;box-shadow:0 0 0 2px #a07a4a,0 8px 20px #000a;animation:pop .18s var(--bounce)}#info[hidden]{display:none}#info .stage{position:relative;height:170px;border-radius:10px;overflow:hidden}#info .stage canvas{display:block;width:100%;height:100%}#info .stage .cost{left:6px;top:6px}#info h3{font-size:18px;font-weight:900;align-self:end}#info h3 small{margin-left:6px;font-size:13px;color:#c9ccd6;font-weight:700}#info dl{display:grid;grid-template-columns:repeat(3,auto);gap:2px 10px;justify-content:start;font-size:13px}#info dt{color:#9aa3ad;font-weight:700}#info dd{font-weight:900;margin-right:6px}#info dl>div{display:flex;gap:6px}#info p{font-size:13px;color:#ffe9a8;font-weight:700}@keyframes pop{0%{transform:translateY(8px) scale(.96);opacity:0}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}#watch{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px}#watch button{min-height:36px;padding:0 10px;border-radius:10px;font-size:14px;font-weight:800;background:#0d141bcc;color:#e8eaf0;box-shadow:inset 0 0 0 1.5px #fff3}#watch[hidden]{display:none}#spec{grid-column:1 / -1;display:grid;gap:6px}#spec[hidden]{display:none}#opp-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}#opp-row .gem{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold) 55%,#c9871f);box-shadow:0 0 0 2px var(--gold-edge);-webkit-text-stroke:2.5px #4a2c06}#opp-hand{display:grid;grid-template-columns:repeat(4,1fr) .8fr;gap:5px;max-width:220px}#opp-hand .card:last-child{opacity:.6}#wp{display:grid;grid-template-columns:3.2em 1fr 3.2em;align-items:center;gap:6px;font-size:13px}#wp b:last-child{text-align:right}#wp .track{position:relative;height:10px;border-radius:5px;background:var(--s2);box-shadow:inset 0 0 0 1.5px #0006;overflow:hidden}#wp-fill{position:absolute;inset:0 auto 0 0;width:50%;background:var(--s1);transition:width .4s;box-shadow:1px 0 #ffe9a8}#chest-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;align-content:center;gap:28px;background:radial-gradient(circle at 50% 60%,#3a4a6acc,#05080cf2 70%)}#chest-open[hidden]{display:none}#chest-open .box{position:relative;width:190px;animation:shake 1.1s infinite}#chest-open .box .chest-svg{width:100%;filter:drop-shadow(0 10px 0 #0008);overflow:visible}#chest-open .box:before{content:"";position:absolute;left:50%;top:40%;width:520px;aspect-ratio:1;translate:-50% -50%;z-index:-1;border-radius:50%;opacity:0;scale:.2;background:repeating-conic-gradient(#ffcf5a77 0,#ffcf5a77 10deg,#0000 10deg,#0000 30deg);mask:radial-gradient(#000 15%,#0000 65%);transition:opacity .3s,scale .45s var(--bounce);animation:spin 12s linear infinite}#chest-open .box.opened:before{opacity:1;scale:1}#chest-open .box:after{content:attr(data-left);position:absolute;top:-6px;right:-6px;min-width:32px;height:32px;padding:0 6px;border-radius:16px;display:grid;place-items:center;font-size:18px;font-weight:900;background:#d23024;box-shadow:0 0 0 2.5px #fff,0 2px #0008}#chest-open .box[data-left=""]:after{display:none}#chest-open .box.opened{animation:none}#chest-open .box .lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s var(--bounce)}#chest-open .box.opened .lid{transform:translateY(-14px) rotate(-14deg) scaleY(.55)}#chest-open .box.pop{animation:chestpop .35s var(--bounce)}#chest-open .item{min-height:190px;display:grid;justify-items:center;align-content:end;gap:8px}#chest-open .item .card{width:110px}#chest-open .item b{font-size:34px;-webkit-text-stroke:5px #3a2410;paint-order:stroke fill;color:#fff}#chest-open .item.show{animation:rise .45s var(--bounce)}.ic.big{width:96px;height:96px}.ic.gem{background:radial-gradient(circle at 35% 30%,#c8f1ff,#3fa0e0 60%,#1d5d9a);border-radius:30%;transform:rotate(45deg) scale(.75)}.ic.emote{background:radial-gradient(circle at 35% 30%,#fff1b0,#f2b830 60%,#b97a10)}@keyframes shake{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-6deg)}85%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}@keyframes chestpop{0%{transform:scale(1.2,.75)}60%{transform:scale(.92,1.1)}}@keyframes spin{to{rotate:1turn}}@keyframes rise{0%{transform:translateY(80px) scale(.2);opacity:0}70%{transform:translateY(-6px) scale(1.15);opacity:1}}#elixir .gem.bump{animation:bump .25s var(--bounce)}@keyframes bump{50%{transform:scale(1.3)}}#elixir .bar.full{box-shadow:inset 0 2px 3px #000a,0 0 0 2px #e7a6ff,0 0 12px #c77dffaa}#vs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;align-content:center;gap:6px;pointer-events:none}#vs[hidden]{display:none}#vs>div{display:flex;align-items:center;gap:10px;padding:12px 22px;font-size:26px;font-weight:900}#vs .p1{justify-self:start;background:linear-gradient(90deg,#14161cf0,#2b2d3600);color:#e8eaf0}#vs .p2{justify-self:end;background:linear-gradient(270deg,#f4f0e6f0,#f4f0e600);color:#2b2d36}#vs .disc{width:30px;height:30px}#vs i{justify-self:center;font-style:normal;font-size:44px;font-weight:900;color:#ffe9a8;-webkit-text-stroke:5px #3a2410;paint-order:stroke fill}#vs.go .p1{animation:vsl 1.9s var(--bounce) both}#vs.go .p2{animation:vsr 1.9s var(--bounce) both}#vs.go i{animation:vsi 1.9s both}@keyframes vsl{0%{transform:translate(-110%)}22%,80%{transform:none;opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes vsr{0%{transform:translate(110%)}22%,80%{transform:none;opacity:1}to{transform:translate(30%);opacity:0}}@keyframes vsi{0%,15%{transform:scale(3);opacity:0}28%,80%{transform:none;opacity:1}to{opacity:0}}#result{background:radial-gradient(ellipse at 50% 40%,#2f3f5cc0,#0e1320ee 75%)}#result-title{animation:rise .5s var(--bounce)}#result[data-outcome=win] #result-title{color:#ffe08a;-webkit-text-stroke:5px #3a2410;paint-order:stroke fill;font-size:56px}#result[data-outcome=loss] #result-title{color:#9aa0ad}#watch{top:6px;right:6px;gap:4px}#watch button{min-height:30px;padding:0 8px;font-size:12px;background:#0d141b99}#opp-hand{max-width:180px}#spec{gap:4px}#wp{font-size:12px}#wp .track{height:7px}#field.bump{animation:sink 60ms}@keyframes sink{50%{transform:scale(.99)}}#elixir .bar.full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,#0000 30%,#fff8,#0000 70%) 0 0 / 200% 100%;animation:sheen 1s linear infinite}@keyframes sheen{0%{background-position:150% 0}to{background-position:-50% 0}}#timer.hurry{animation:hurry 1s steps(2) infinite}@keyframes hurry{50%{background:#5a1712}}#filter{display:flex;gap:6px;width:100%}#filter button{flex:1 1 auto;min-width:0}#filter button{min-height:36px;padding:0 12px;font-size:14px;background:#0d141b;color:#c9ccd6;box-shadow:none;white-space:nowrap}#filter button[aria-checked=true]{background:linear-gradient(#ffd56b,#e09a24);color:#3a2410;box-shadow:0 3px #8a5a12}#collection .card{touch-action:pan-y}#coach{position:absolute;left:12px;right:12px;bottom:10px;padding:10px 14px;border-radius:12px;pointer-events:none;background:#0d141be6;color:#fff;font-weight:800;font-size:15px;text-align:center;box-shadow:0 0 0 2px #ffd34a,0 4px #0008}#coach.show{animation:pop .3s var(--bounce)}@keyframes pop{0%{transform:scale(.8);opacity:0}}#nav button.dot{position:relative}#nav button.dot:after{content:"";position:absolute;top:6px;left:calc(50% + 12px);width:10px;height:10px;border-radius:50%;background:#ff4f5e;box-shadow:0 0 0 2px #0d141b}#home h2{justify-self:start;font-size:18px}#offers{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.screen .offer{position:relative;min-width:0;padding:8px 6px 6px;border-radius:14px;display:grid;justify-items:center;gap:4px;background:#0d141bcc;color:#fff;box-shadow:inset 0 0 0 2px #fff2}.offer .card{width:100%;pointer-events:none}.offer>b{position:absolute;top:46%;right:8px;font-size:18px;-webkit-text-stroke:4px #000;paint-order:stroke fill}.offer small{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:900}.offer small .ic{width:16px;height:16px}.offer:disabled{filter:grayscale(.8) brightness(.6)}#pass{width:100%;list-style:none;display:grid;gap:6px}#pass li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:10px;background:#0d141bcc;font-weight:800}#pass li>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#2f5ea8}#pass li span{display:flex;align-items:center;gap:6px}#pass li small{color:#c9ccd6;font-size:13px}#pass li button{min-width:0;min-height:36px;padding:0 14px;font-size:15px}#pass li.can{box-shadow:inset 0 0 0 2px var(--gold)}#pass li.locked{opacity:.55}#pass li.claimed{opacity:.35}#room-code{font-size:54px;letter-spacing:6px;color:#ffe08a;-webkit-text-stroke:5px #3a2410;paint-order:stroke fill}#room-msg{min-height:1.4em;color:#c9ccd6;font-weight:800}#room-form{display:flex;gap:8px}#room-form[hidden]{display:none}#room-in{width:170px;min-height:52px;padding:0 12px;border:0;border-radius:14px;font:inherit;font-size:22px;font-weight:900;letter-spacing:3px;text-align:center;background:#0d141b;color:#fff;box-shadow:inset 0 0 0 2px #fff3}#friend #room-form button{min-width:0}.card.r-common{background:#6b7585;box-shadow:inset 0 0 0 3px #d0d7e5,0 0 0 1px #0b0f14,0 3px #0b0f14}.card.r-rare{background:#b86a10;box-shadow:inset 0 0 0 3px #ffcc4d,0 0 0 1px #0b0f14,0 3px #0b0f14}.card.r-epic{background:#8e3acc;box-shadow:inset 0 0 0 3px #e08aff,0 0 0 1px #0b0f14,0 3px #0b0f14}.card.r-legendary{background:linear-gradient(120deg,#ffe28a,#7ef0ff,#f59cff,#ffe28a) 0 0 / 300% 300%;box-shadow:0 0 0 1px #fff,0 3px #0b0f14;animation:holo 4s linear infinite}@keyframes holo{to{background-position:300% 0}}.card.lift{box-shadow:inset 0 0 0 3px #ffe9a8,0 6px #0b0f14}html,body,#app,#bottom{overscroll-behavior:none}#bottom{touch-action:none}.card .art span.glyph{font-size:1.9em;font-weight:900;color:#fff;text-shadow:0 2px 0 #0008,0 0 8px #0006}.card .art:has(span.glyph){background-image:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 6px,#0000 6px,#0000 12px)!important}.offer .cost{display:none}.offer small.buy{width:100%;justify-content:center;min-height:36px;align-items:center;gap:4px;border-radius:9px;color:#fff;background:linear-gradient(#5ee07a,#27a046);box-shadow:0 4px #1a6b2f,inset 0 2px #fff6;-webkit-text-stroke:2.5px #14501f;paint-order:stroke fill}.offer:disabled small.buy{background:#3a3f48;box-shadow:none;-webkit-text-stroke:0}.ic.gold,.ic.gem,.ic.tro{background:center / contain no-repeat;box-shadow:none;clip-path:none;border-radius:0;transform:none;filter:drop-shadow(0 1.5px 0 #0008)}.ic.gold{background-image:url(/ui/gold.svg)}.ic.gem{background-image:url(/ui/gem.svg)}.ic.tro{background-image:url(/ui/tro.svg)}.res .ic{width:24px;height:24px;margin:-2px 0}.c-bronze{--c1: #c98a4f;--c2: #8a5228;--m: #8c8f99}.c-silver{--c1: #e6e9f0;--c2: #9aa1b2;--m: #4f5a70}.c-gold{--c1: #ffd76a;--c2: #d69a2a;--m: #8a3a1a}.screen .chest{position:relative;min-height:96px;padding:4px 2px 6px;align-content:end;justify-items:center;gap:0;background:linear-gradient(#18222c,#0d141b)!important;color:#fff;box-shadow:inset 0 3px 6px #000c,inset 0 0 0 2px #ffffff14,0 1px #ffffff1a}.chest .chest-svg{width:min(78%,84px);margin-bottom:2px;filter:drop-shadow(0 3px 0 #0009)}.chest b{font-size:12px;color:#fffc}.chest small{min-width:54px;padding:1px 6px;border-radius:9px;background:#000a;-webkit-text-stroke:0}.chest small.clock{background:linear-gradient(#5ee07a,#27a046);text-shadow:0 1px 0 #0008}.chest.ready small{background:linear-gradient(#ffd56b,#e09a1c);color:#3a2410}.chest.ready .chest-svg{animation:shake 1.1s infinite}.chest.empty{align-content:center;background:transparent!important;box-shadow:inset 0 3px 6px #0009,inset 0 0 0 2px #ffffff10}.chest.empty small{background:none;color:#ffd56b66;font-size:11px}.chest.empty:before{content:"";position:absolute;top:14px;right:16px;bottom:30px;left:16px;border:2px dashed #ffffff1f;border-radius:14px 14px 6px 6px}.chest .lock{position:absolute;top:30px;left:50%;translate:-50% 0;width:16px;height:13px;border-radius:3px;background:linear-gradient(#ffe08a,#c9871f);box-shadow:0 0 0 1.5px #3a2410,0 0 10px #ffd56b}.chest .lock:before{content:"";position:absolute;left:3px;right:3px;top:-7px;height:9px;border:2.5px solid #3a2410;border-bottom:0;border-radius:6px 6px 0 0}.chest.ready{animation:none}#result[data-outcome=win] #result-title{font-size:60px;color:#ffd34a;background:linear-gradient(#fff6c0,#ffd34a 45%,#ff9a1a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #3a2410;text-shadow:none;filter:drop-shadow(0 4px 0 #3a2410);animation:crown .7s var(--bounce)}@keyframes crown{0%{transform:scale(2.4);opacity:0}60%{transform:scale(.92);opacity:1}}#confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}#confetti i{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;animation:fall linear both}@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(var(--r))}}#rewards{display:grid;grid-template-columns:auto auto;gap:6px 14px;padding:12px 18px;border-radius:14px;background:#0d141bb0;box-shadow:inset 0 0 0 2px #ffffff14}.screen button.alt{background:linear-gradient(#4f8fe8,#2c5fb8);box-shadow:0 4px #173a75,inset 0 2px #fff5;color:#fff;-webkit-text-stroke:3px #173a75;paint-order:stroke fill}.slots .card.locked{filter:grayscale(.9) brightness(.45);pointer-events:none}.slots .card.locked:after{content:"";position:absolute;z-index:3;left:50%;top:42%;width:22px;height:18px;translate:-50% 0;border-radius:4px;background:linear-gradient(#ffe08a,#c9871f);box-shadow:0 0 0 2px #3a2410}.slots .card.guide{z-index:2;animation:guide 1s ease-in-out infinite}.slots .card.guide:after{content:"";position:absolute;z-index:3;left:50%;top:-34px;translate:-50% 0;border:14px solid #0000;border-top:20px solid #ffd34a;filter:drop-shadow(0 2px 0 #3a2410);animation:arrow .6s ease-in-out infinite alternate}@keyframes guide{50%{box-shadow:0 0 0 3px #ffd34a,0 0 22px 6px #ffd34acc}}@keyframes arrow{to{transform:translateY(8px)}}#watch{flex-direction:column;align-items:flex-end}#watch:not(.open) button:not(#w-gear){display:none}#watch #w-gear{width:34px;min-height:34px;padding:0;border-radius:50%;opacity:.6;background:#0d141bb0 center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8eaf0'%3E%3Cpath d='M10.3 2h3.4l.5 2.6 1.6.7 2.2-1.5 2.4 2.4-1.5 2.2.7 1.6 2.4.5v3.4l-2.6.5-.7 1.6 1.5 2.2-2.4 2.4-2.2-1.5-1.6.7-.5 2.6h-3.4l-.5-2.6-1.6-.7-2.2 1.5-2.4-2.4 1.5-2.2-.7-1.6L2 13.7v-3.4l2.6-.5.7-1.6-1.5-2.2 2.4-2.4 2.2 1.5 1.6-.7zM12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z'/%3E%3C/svg%3E")}#watch.open #w-gear{opacity:1}#watch.open button:not(#w-gear){min-width:64px}#boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle at 50% 40%,#2a3a52,#0b1016 75%);transition:opacity .3s;--k: .15}#boot.done{opacity:0;pointer-events:none}#boot .disc-spin{width:54px;height:54px;border-radius:50%;background:linear-gradient(90deg,var(--mine) 50%,var(--foe) 50%);box-shadow:0 0 0 3px #ffd34a,0 6px #0008;animation:flipdisc 1.2s ease-in-out infinite}@keyframes flipdisc{50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}#boot .bar{width:min(60vw,240px);height:14px;border-radius:7px;background:#0b1016;box-shadow:inset 0 0 0 2px #ffd34a66;overflow:hidden}#boot .bar i{display:block;height:100%;width:calc(var(--k) * 100%);background:linear-gradient(#ffe08a,#e09a1c);transition:width .3s}#home{background:radial-gradient(ellipse at 50% 45%,#1a243566,#0b1016e6 80%)}body.at-home #top,body.at-home #bottom,body.at-home #emote-btn{visibility:hidden}#petals{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}#petals i{position:absolute;top:-20px;width:9px;height:13px;border-radius:2px;background:#f4e9c8;opacity:.55;box-shadow:inset 0 -4px #c8372d55;animation:drift linear infinite}@keyframes drift{to{transform:translate(60px,105vh) rotate(540deg)}}#home>:not(#petals){position:relative;z-index:1}#lobby{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:min(92vw,380px)}#lobby>i{font-style:normal;font-size:26px;font-weight:900;color:#ffd34a;-webkit-text-stroke:4px #3a2410;paint-order:stroke fill}#lobby .pl{display:grid;justify-items:center;gap:4px;padding:14px 6px;border-radius:16px;background:#0d141bb0;box-shadow:inset 0 0 0 2px #ffffff1a}#lobby .pl .disc{width:44px;height:44px}#lobby .pl small{min-height:1.2em;font-size:12px;color:#c9ccd6}#lobby .foe.on small{padding:0 8px;border-radius:8px;background:linear-gradient(#5ee07a,#27a046);color:#fff}#lobby .radar{position:relative;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 2px #5ec8ff88}#lobby .radar:before,#lobby .radar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5ec8ff;animation:radar 1.6s ease-out infinite}#lobby .radar:after{animation-delay:.8s}#lobby .foe.on .radar{background:radial-gradient(circle at 35% 30%,var(--foe-hi),var(--foe) 55%,var(--foe-lo));box-shadow:none}#lobby .foe.on .radar:before,#lobby .foe.on .radar:after{display:none}@keyframes radar{0%{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}#info.vs dd{display:flex;gap:8px;justify-content:flex-end}#info.vs dd s{color:#8a8f9c}#info.vs dd b.up{color:#5ee07a}#info.vs dd b.down{color:#ff6b6b}.ic.shard{border-radius:3px;width:14px;height:18px;background:linear-gradient(135deg,#e0b3ff,#8a3fd1 60%,#5a1f94);box-shadow:0 0 0 1.5px #2a0f4a;transform:rotate(-8deg)}.chest-art{display:inline-block;width:28px}.chest-art .chest-svg{width:100%;display:block}#pass li{grid-template-columns:34px 1fr;padding:4px 4px 4px 8px}#pass .rw{min-width:0;min-height:44px;padding:4px 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:800;color:#fff;box-shadow:none;background:#ffffff10}#pass .rw.can{background:linear-gradient(#ffd56b,#e09a24);color:#3a2410;box-shadow:0 3px #8a5a12;animation:full 1s infinite}#pass .rw.claimed{opacity:.35}#pass .rw.claimed:after{content:"✓";color:#5ee07a}#login{z-index:30;background:#000d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cal{width:100%;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:380px}.cal li{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:#1c2633;box-shadow:inset 0 0 0 2px #ffffff1a;font-size:12px}.cal li:last-child{grid-column:span 2;background:linear-gradient(#3a2a5a,#241a3a)}.cal li b{font-size:13px}.cal li small{color:#c9ccd6;text-align:center}.cal li .ic{width:30px;height:30px}.cal li.claimed{opacity:.45}.cal li.today{background:linear-gradient(#ffd56b,#e09a24);color:#3a2410;box-shadow:0 4px #8a5a12;animation:chestpop .5s}.cal li.today small{color:#3a2410}#emote-btn{position:absolute;left:10px;bottom:10px;z-index:4;width:44px;height:44px;border-radius:50%;background:#0d141bcc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H10l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.4' fill='%230d141b'/%3E%3Ccircle cx='12' cy='10.5' r='1.4' fill='%230d141b'/%3E%3Ccircle cx='16' cy='10.5' r='1.4' fill='%230d141b'/%3E%3C/svg%3E") center / 24px no-repeat;box-shadow:inset 0 0 0 2px #fff3,0 3px #0008}#emotes{position:absolute;left:10px;bottom:62px;z-index:5;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;border-radius:14px;background:#0d141be6;box-shadow:0 4px 12px #0008}#emotes button{min-width:72px;min-height:44px;border-radius:10px;font-size:16px;font-weight:900;color:#3a2410;background:linear-gradient(#fff,#e3dccd);box-shadow:0 3px #8a7a5a}.bubble{position:absolute;left:14px;bottom:64px;z-index:4;padding:8px 14px;border-radius:14px 14px 14px 4px;background:#fdf6e2;color:#3a2410;border:2px solid #5a3a1a;font-size:20px;font-weight:900;opacity:0;pointer-events:none;box-shadow:0 4px #3a2410}.bubble.foe{top:12px;bottom:auto;left:auto;right:14px;border-radius:14px 4px 14px 14px}.bubble.show{animation:bubble 2.2s var(--bounce) forwards}@keyframes bubble{0%{opacity:0;transform:scale(.4)}12%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}#emotes[hidden],#emote-btn[hidden]{display:none}#finger{position:fixed;left:-22px;top:-22px;width:44px;height:44px;z-index:30;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 38%,#fff8 40%,#fff8 62%,#0000 64%);box-shadow:0 0 0 3px #1a142066}#finger[hidden]{display:none}#score .disc.bump{animation:bump .3s var(--bounce)}#pass li.milestone{box-shadow:inset 0 0 0 2px #ffd56b}#pass li.milestone>b{background:linear-gradient(#ffd56b,#e09a24);color:#3a2410}#nav button{display:grid;place-items:center;gap:2px;padding:6px 0 4px;font-size:13px}#nav button:before{content:"";width:26px;height:26px;background:center / contain no-repeat;opacity:.9;transition:transform .2s var(--bounce)}#nav button[data-tab=shop]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6c0-2 1.8-3 4-3s4 1 4 3' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M5 7h14l-1.5 13h-11z' fill='%23fff'/%3E%3Ccircle cx='12' cy='13' r='2.5' fill='%230d141b'/%3E%3C/svg%3E")}#nav button[data-tab=deck]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='11' height='15' rx='2' fill='%23fff' opacity='.55' transform='rotate(-12 8 13)'/%3E%3Crect x='9' y='4' width='11' height='15' rx='2' fill='%23fff'/%3E%3C/svg%3E")}#nav button[data-tab=quests]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='2' fill='%23fff'/%3E%3Cpath d='M8 9l2 2 4-4M8 15h8' fill='none' stroke='%230d141b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}#chest-open .item{position:relative}#chest-open .item .spark{position:absolute;left:50%;top:45%;width:10px;height:10px;margin:-5px;background:#fff3c4;pointer-events:none;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #ffcf5a);animation:spark .7s ease-out forwards}@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1.2);opacity:0}}#chest-open .box:before{background:radial-gradient(#fff9e6 0,#fff9e6 8%,#ffcf5a55 30%,#0000 62%),repeating-conic-gradient(#ffcf5a33 0,#ffcf5a33 12deg,#0000 12deg,#0000 30deg);filter:blur(2px)}#pov{position:absolute;top:8px;left:8px;z-index:5;pointer-events:none;padding:3px 10px;border-radius:999px;border:2px solid rgba(255,255,255,.85);color:#fff;font-size:13px;font-weight:900;box-shadow:0 2px #00000059}#pov.m{background:#2f7fd8}#pov.f{background:#d8403a}body.at-home #pov{display:none}body:not(.watching) #watch :is(#w-pause,#w-speed,#w-side){display:none}#field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 48%,#0000 60%,#0007)}body.at-home #field:after{display:none}.disc.bk{background:radial-gradient(circle at 35% 30%,#6a6d7a,#23242b 55%,#0b0b0e);vertical-align:-2px;margin-right:6px}.disc.wt{background:radial-gradient(circle at 35% 30%,#fff,#e9e4d8 55%,#a9a394);vertical-align:-2px;margin-right:6px}#live{list-style:none;display:grid;gap:6px;width:min(92vw,400px);max-height:46dvh;overflow-y:auto}#live li{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0d141bcc;box-shadow:inset 0 0 0 2px #ffffff18}#live li>.num{font-size:20px;text-align:center}#live .names{display:grid;gap:2px;min-width:0;font-weight:800}#live .names span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#live .names .disc{width:14px;height:14px;margin-right:6px;vertical-align:-2px}#live small{color:#c9ccd6;font-weight:800}#live button{min-width:0;min-height:40px;padding:0 14px;font-size:16px}#live-empty{color:#c9ccd6;font-size:16px}#live-empty[hidden]{display:none}body:not(.tv) #w-next{display:none}body.live #watch :is(#w-pause,#w-speed){display:none}#classic{--cw: min( calc(100vw - 24px) , 480px);--coord: 18px;--bw: min(calc(var(--cw) - var(--coord)), max(240px, calc(100dvh - 330px) ));padding:calc(8px + env(safe-area-inset-top)) 12px 28px;overflow-y:auto;background:#0b1329;color:#f8fafc}#classic:not([hidden]){display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}#classic>*{width:var(--cw);flex:none;box-sizing:border-box}#classic button{min-width:0;min-height:0;padding:0;border-radius:9px;font-size:inherit;font-weight:700;background:none;color:inherit;box-shadow:none;transform:none;filter:none;transition:none}#classic p{margin:0}#classic .cl-head{position:relative;display:grid;grid-template-columns:40px 1fr auto 40px;align-items:center;gap:10px}#classic :is(#cl-exit,#cl-menu){height:36px;font-size:24px;line-height:1;background:#ffffff12;border:1px solid #94a3b847}#classic #cl-menu[hidden],#classic[data-mode=duel] #cl-menu{visibility:hidden;display:block}#cl-menu-list{position:absolute;z-index:20;top:44px;right:0;display:grid;min-width:140px;padding:6px;border-radius:12px;background:#0f172af2;border:1px solid #94a3b859;box-shadow:0 12px 30px #000a}#cl-menu-list[hidden]{display:none}#classic #cl-menu-list button{min-height:44px;padding:0 14px;text-align:left;font-size:15px}#classic #cl-menu-list button[hidden]{display:none}#classic #cl-resign{color:#fecaca}#cl-watchers{text-align:center;font-size:13px;font-weight:700;color:#94a3b8}#cl-watchers[hidden]{display:none}#cl-name{font-size:17px;font-weight:800}#cl-mid{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.pcard{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border-radius:12px;background:#0f172ad9;border:1px solid #ffffff1f;transition:border-color .2s,box-shadow .2s}.pcard.on{border-color:#38bdf8cc;box-shadow:0 0 0 1px #38bdf880,0 0 16px #38bdf82e}.pcard.win{border-color:#facc15;box-shadow:0 0 0 2px #facc15,0 0 26px #facc158c}.pcard .nm{flex:1;min-width:0;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdisc{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 3px 6px #0006}.pdisc.bk{background:radial-gradient(circle at 35% 30%,#475569,#1e293b 50%,#0f172a);color:#f8fafc;border:1px solid #ffffff2e}.pdisc.wt{background:radial-gradient(circle at 35% 30%,#fff,#e2e8f0 60%,#cbd5e1);color:#0f172a}.pcard .clk{flex:none;min-width:64px;padding:5px 10px;border-radius:8px;text-align:center;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;background:#020617;border:1px solid #ffffff26}.pcard .clk.low{color:#f87171;border-color:#ef444480}.pcard .sc{margin-left:auto;font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.pcard .lives{margin-left:auto;display:flex;gap:4px}.pcard .pcInfo{display:grid;gap:3px;min-width:0;font-size:15px;font-weight:800}.life{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3a8,#e0453a 55%,#94231b);box-shadow:0 2px #0006}.life.lost{filter:grayscale(1) brightness(.45)}.evalBar{position:relative;height:14px;border-radius:7px;overflow:hidden;background:#262421;border:1px solid #ffffff2e}.evalBar .evalWhite{position:absolute;inset:0 auto 0 0;width:var(--white, 50%);background:#f1f5f9;transition:width .45s ease}.evalBar .evalNum{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:800;line-height:1}.evalBar .evalNumWhite{left:6px;color:#1e293b}.evalBar .evalNumBlack{right:6px;color:#e2e8f0}.evalBar.pending .evalWhite{opacity:.8}#classic>#cl-board{width:auto}.bframe{display:grid;grid-template-columns:var(--coord) var(--bw);grid-template-rows:var(--coord) auto}.coordTop,.coordLeft{display:grid;place-items:center;font-size:12px;font-weight:700;color:#64748b}.coordTop{grid-column:2;grid-template-columns:repeat(var(--w),1fr);padding:0 7px}.coordLeft{grid-row:2;grid-template-rows:repeat(var(--h),1fr);padding:7px 0}.b2d{grid-column:2;grid-row:2;position:relative;box-sizing:border-box;width:var(--bw);aspect-ratio:var(--w) / var(--h);display:grid;grid-template-columns:repeat(var(--w),1fr);grid-template-rows:repeat(var(--h),1fr);gap:3px;padding:5px;background:#113621;border:2px solid #1e4a30;border-radius:12px;box-shadow:0 10px 30px #0007,inset 0 2px 8px #ffffff0d}#classic[data-mode=octagon] .b2d{gap:0;padding:0;background:none;border:0;box-shadow:none;filter:drop-shadow(0 8px 14px #0008)}#classic[data-mode=octagon] .b2d .c{border:1.5px solid #113621}#classic .b2d .c{position:relative;display:grid;place-items:center;container-type:size;border-radius:6px;background:#166534}#classic .b2d .c.void{visibility:hidden}@media(hover:hover){#classic .b2d .c:not(.void):hover{background:#15803d}}#classic .b2d .c.legal{background:#1b7a41}.b2d .c.legal:after{content:"";width:28%;height:28%;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}#classic .b2d .c.last{box-shadow:inset 0 0 0 2px #38bdf8}#classic .b2d .c.best{box-shadow:inset 0 0 0 2px #67e8f9b3}.b2d .pct{position:absolute;font-size:26cqw;font-weight:800;color:#fde047;text-shadow:0 1px 2px #0009;pointer-events:none}.b2d .c.best .pct{color:#67e8f9}.b2d .pct{text-align:center;line-height:1}.b2d .pct small{display:block;margin-top:2px;font-size:21cqw;color:#f1f5f9}#classic .b2d .c[data-mark=hint],#classic .b2d .c[data-mark=best]{box-shadow:inset 0 0 0 3px #67e8f9}#classic .b2d .c[data-mark=near]{box-shadow:inset 0 0 0 3px #facc15}#classic .b2d .c[data-mark=bad]{box-shadow:inset 0 0 0 3px #ef4444}.pc{width:82%;height:82%;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 8px #0006,inset 0 2px 3px #fff3}.pc.b{background:radial-gradient(circle at 35% 30%,#475569,#1e293b 50%,#0f172a);border:1px solid #ffffff2e}.pc.w{background:radial-gradient(circle at 35% 30%,#fff,#e2e8f0 60%,#cbd5e1);border:1px solid #00000026}.pc .fn{font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",system-ui,sans-serif;font-variant-emoji:text;font-size:60cqw;line-height:1;pointer-events:none}.pc.b .fn{color:#f8fafc;text-shadow:0 1px 2px #0008}.pc.w .fn{color:#1e293b;text-shadow:0 1px 0 #fffb}.pc.drop{animation:pcDrop .28s var(--bounce)}.pc.flip{animation:pcFlip .45s ease}@keyframes pcDrop{0%{transform:scale(.3);opacity:.2}}@keyframes pcFlip{50%{transform:scaleX(0)}}.b2d .q{position:absolute;top:-5px;right:-5px;z-index:6;min-width:18px;height:18px;padding:0 3px;box-sizing:border-box;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;box-shadow:0 1px 3px #0009}.q-great{background:#1baca6}.q-good{background:#22a06b}.q-dubious{background:#ca8a04}.q-mistake{background:#f59e0b}.q-blunder{background:#dc2626}.threatLayer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.threatLayer .tLine{stroke-linecap:round;opacity:.55}.threatLayer .tLine.t3{stroke-dasharray:2 9;opacity:.75}.threatLayer .tLine.t4{opacity:.5}.threatLayer .tGap>rect{stroke-width:2.5;stroke-dasharray:6 4}.threatLayer .tGap{animation:gapBreath 1.6s ease-in-out infinite}@keyframes gapBreath{50%{opacity:.7}}.threatLayer .tGapText{font-family:Apple Symbols,Segoe UI Symbol,system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.pool{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;border-radius:14px;background:linear-gradient(160deg,#0f172ad9,#1e293be6);border:1px solid #94a3b833}.pool[hidden]{display:none}#classic .poolDisc{position:relative;width:46px;height:46px;padding:3px;box-sizing:border-box;border-radius:10px;border:2px solid transparent;background:#ffffff0a;container-type:size;display:grid;place-items:center;transition:transform .15s}#classic .poolDisc.selected{border-color:#facc15;background:#facc1524;transform:translateY(-2px)}#classic .poolDisc.used{opacity:.28}#classic .poolDisc:disabled:not(.used){opacity:.75}.poolDisc .pc{width:100%;height:100%}.poolCount{position:absolute;top:-6px;left:-6px;padding:2px 3px;border-radius:6px;font-size:10px;font-weight:800;line-height:1;color:#e2e8f0;background:#0f172ad9;border:1px solid #94a3b873;font-variant-numeric:tabular-nums}.pool small{width:62px;font-size:12px;line-height:1.3;color:#94a3b8}#classic #cl-msg{min-height:40px;display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:12px;font-size:14px;font-weight:700;color:#e2e8f0;background:#0f172ab3;border:1px solid #94a3b833}#classic #cl-msg:empty{visibility:hidden}#classic #cl-msg[data-kind=human]{background:linear-gradient(135deg,#1e3a8a66,#0f172ab3);border-color:#3b82f680}#classic #cl-msg[data-kind=cpu]{background:linear-gradient(135deg,#581c8773,#0f172abf);border-color:#a855f78c}#classic #cl-msg[data-kind=review]{background:linear-gradient(135deg,#9a341273,#0f172acc);border:1px dashed #f97316a6}#classic #cl-msg[data-kind=ok]{background:linear-gradient(135deg,#14532d99,#0f172ab3);border-color:#22c55e99;color:#bbf7d0}#classic #cl-msg[data-kind=near]{background:linear-gradient(135deg,#713f1299,#0f172ab3);border-color:#facc1599;color:#fef08a}#classic #cl-msg[data-kind=bad]{background:linear-gradient(135deg,#7f1d1d99,#0f172ab3);border-color:#ef444499;color:#fecaca}#classic #cl-msg[data-kind=end]{background:linear-gradient(135deg,#33415573,#0f172abf);border-color:#94a3b866}.actbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}#classic .actbar button{min-height:38px;padding:0 14px;font-size:14px;color:#e2e8f0;background:#ffffff12;border:1px solid #94a3b847}#classic .actbar button.icon{width:38px;padding:0}#classic .actbar button:disabled{opacity:.35}#classic .actbar button[hidden]{display:none}#classic #cl-hint[aria-pressed=true]{background:#a855f747;border-color:#a855f7;color:#f3e8ff}#classic #cl-again[hidden]+.sep{display:none}.actbar .sep{width:1px;height:22px;background:#94a3b840}#cl-chart{padding:12px;border-radius:16px;background:#0f172ad9;border:1px solid #ffffff1f}#cl-chart h3{margin:0 0 8px;font-size:14px;font-weight:700}.wcWrap{position:relative}.winChart{display:block;width:100%;height:auto;aspect-ratio:2 / 1;cursor:pointer}.winChart .wcWhiteHalf{fill:#3b3b42}.winChart .wcBlackHalf{fill:#0c0c0e}.winChart .wcSide{font-size:11px;font-weight:700;opacity:.75}.winChart .wcSide.white{fill:#f1f5f9}.winChart .wcSide.black{fill:#94a3b8}.winChart .wcGrid{stroke:#ffffff38;stroke-width:1;stroke-dasharray:4 4}.winChart .wcMid{stroke:#ffffff8c;stroke-width:1.2}.winChart .wcLabel{fill:#d4d4d8;font-size:11px}.winChart .wcFuture{fill:#00000073}.winChart .wcMain path{fill:none;stroke:#ec7f8a;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.winChart .wcDot{fill:#ec7f8a}.winChart .wcMarkDot{stroke:#18181b;stroke-width:1.2}.winChart .wcCurrent{stroke:#d4d4d8bf;stroke-width:2}.wcTip{position:absolute;z-index:3;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700;background:#18181bf2;border:1px solid #ffffff2e;pointer-events:none;white-space:nowrap}.wcTip small{display:block;color:#a1a1aa}#classic.blind :is(#cl-chart,#cl-hint){display:none}#classic.noNav :is(.sep,.icon){display:none}#cl-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;width:auto;padding:16px;background:#020617a6;animation:fadeIn .2s}#cl-result[hidden]{display:none}#cl-result .box{width:min(100%,360px);padding:20px 18px 16px;box-sizing:border-box;border-radius:20px;text-align:center;background:linear-gradient(170deg,#1e293b,#0f172a);border:1px solid #94a3b859;box-shadow:0 24px 60px #000c;animation:popIn .32s var(--bounce)}#cl-r-title{margin:0;font-size:28px;font-weight:900;color:#f8fafc}#cl-result[data-outcome=win] #cl-r-title{color:#facc15}#cl-result[data-outcome=loss] #cl-r-title{color:#fca5a5}#cl-r-why{min-height:20px;margin:4px 0 14px;font-size:14px;font-weight:700;color:#94a3b8}#cl-result .duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}#cl-result .duo>div{position:relative;display:grid;justify-items:center;gap:6px;padding:18px 8px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1a;min-width:0}#cl-result .duo>div.win{border-color:#facc15;box-shadow:0 0 18px #facc1540}#cl-result .duo>div.win:before{content:"";position:absolute;top:-12px;width:30px;height:20px;background:#facc15;clip-path:polygon(0 100%,0 25%,25% 60%,50% 0,75% 60%,100% 25%,100% 100%);filter:drop-shadow(0 2px 2px #0008)}#cl-result .duo .pdisc{width:48px;height:48px;font-size:20px}#cl-result .duo b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}#cl-result .duo small{font-size:12px;color:#94a3b8}#cl-result .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}#classic #cl-result .acts button{min-height:46px;font-size:16px;border:1px solid #94a3b859;background:#ffffff14}#classic #cl-result .acts button#cl-r-again{background:linear-gradient(180deg,#facc15,#eab308);color:#1e1b0b;border-color:#facc15}#classic #cl-result .acts button[hidden]{display:none}#cl-result .acts:has(button[hidden]){grid-template-columns:1fr}#classic.review .b2d{outline:2px dashed #f59e0b;outline-offset:3px}#classic[data-mode=duel] :is(#cl-eval,#cl-chart,#cl-btns,#cl-a,#cl-b){display:none}#classic:not([data-mode=duel]) #d-seats{display:none}#classic[data-mode=duel]{--bw: min(calc(var(--cw) - var(--coord)), max(220px, calc(100dvh - 450px) ))}#d-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#d-seats .seat{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:5px;padding:5px 7px;border-radius:10px;background:#0f172ad9;border:1px solid #ffffff1f;font-size:13px;font-weight:800;min-width:0}#d-seats .seat.me{border-color:#facc1599}#d-seats .seat.on{border-color:#38bdf8cc;box-shadow:0 0 0 1px #38bdf880,0 0 12px #38bdf82e}#d-seats .seat.win{border-color:#facc15;box-shadow:0 0 0 2px #facc15,0 0 18px #facc158c}#d-seats .seat.out{opacity:.5}#d-seats .no{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#334155;font-size:11px}#d-seats .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#d-seats .btn{font-style:normal;padding:0 5px;border-radius:6px;background:var(--gold);color:#3a2410;font-size:11px}#d-seats .st,#d-seats small{grid-column:1 / -1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}#d-seats small{color:#94a3b8;font-size:12px}#d-seats .ic{display:inline-block;width:13px;height:13px;margin-right:3px;vertical-align:-2px}#d-guess-row{display:grid;grid-template-columns:auto 1fr 2.5em;align-items:center;gap:10px;margin-bottom:8px;font-size:16px;font-weight:800}#d-guess-row[hidden]{display:none}#d-guess{width:100%;accent-color:#38bdf8}#d-guess-n{text-align:right;font-size:22px;font-variant-numeric:tabular-nums}#classic:not([data-mode=duel]) #duel-bar,#duel-bar[hidden],#duel-bar [hidden]{display:none}#d-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}#d-amt{grid-column:1 / -1;width:100%;accent-color:var(--gold)}#classic #duel-bar button{min-width:0;min-height:48px;padding:0 10px;font-size:18px;border-radius:12px}#classic #d-fold{background:linear-gradient(#e0574b,#a8302a);color:#fff;box-shadow:0 4px #6b1b17}#classic #d-call{background:linear-gradient(#4f8fe8,#2c5fb8);color:#fff;box-shadow:0 4px #173a75}#classic #d-raise{grid-column:1 / -1;background:linear-gradient(#ffd56b,#e09a24);color:#3a2410;box-shadow:0 4px #8a5a12}#classic #duel-bar button:disabled{opacity:.35}.pcard .sc .ic{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-1px}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{transform:scale(.85);opacity:0}}