:root{--night: #121c16;--moss: #1d2e22;--line: rgba(232, 184, 48, .28);--ink: #f3eedf;--muted: #a9b6a3;--gold: #e8b830;--ember: #c8402f;--display: "Ruslan Display", "Georgia", serif;--ui: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body{height:100%;margin:0}body{background:var(--night);color:var(--ink);font-family:var(--ui);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#wrap{position:relative;height:100%;width:100%}#cv{display:block;width:100%;height:100%}#pauseBtn,#muteBtn{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:8px}#pauseBtn:focus-visible,#muteBtn:focus-visible{outline:2px solid var(--gold)}.ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-inline:16px;padding-block:24px;background:#090e0bc7;overflow-y:auto}.panel{width:min(340px,100%);display:flex;flex-direction:column;gap:14px;text-align:center}.eyebrow{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{font-family:var(--display);font-weight:400;font-size:52px;line-height:.95;margin:0;letter-spacing:.02em;text-wrap:balance}h2{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.05;margin:0;text-wrap:balance}.lead{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.fine{margin:0;color:var(--muted);font-size:12px}.btn{font:500 16px var(--ui);border-radius:10px;padding:13px 16px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink)}.btn.primary{background:var(--gold);color:#2a1d06;border-color:var(--gold)}.btn.danger{background:var(--ember);border-color:var(--ember);color:#fff}.btn:focus-visible,.card:focus-visible,.chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn:active,.card:active,.chip:active{transform:scale(.98)}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{display:flex;align-items:center;gap:8px;font:500 14px var(--ui);border-radius:999px;padding:8px 12px 8px 8px;cursor:pointer;border:1px solid var(--line);background:var(--moss);color:var(--ink)}.chip i{width:18px;height:18px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.25)}.chip[aria-pressed=true]{background:var(--gold);color:#2a1d06;border-color:var(--gold)}.cards{display:flex;flex-direction:column;gap:10px}.card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;text-align:left;background:var(--moss);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);cursor:pointer;font-family:var(--ui)}.glyph{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 18px var(--ui);color:#1a1206}.card b{display:block;font-weight:500;font-size:16px}.card span{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}.card .lv{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:.08em}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{background:var(--moss);border-radius:10px;padding:10px 6px}.stat b{display:block;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}#shareTxt{width:100%;font:13px var(--ui);background:var(--moss);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}.btn:disabled{opacity:.45;cursor:default}.btn.small{font-size:14px;padding:8px 12px;border-radius:8px}.msg{margin:0;min-height:1em;color:var(--muted);font-size:13px}.msg:empty{display:none}.reward{display:flex;flex-direction:column;gap:6px}.reward:empty{display:none}.reward .badge{margin:0;color:var(--gold);font-weight:500}.reward .lines{margin:0;font-size:15px}.timer{margin:0;font-size:22px;font-variant-numeric:tabular-nums;color:#9fdcff}@media(prefers-reduced-motion:reduce){.btn:active,.card:active,.chip:active{transform:none}}[hidden]{display:none!important}body{font-size:14px}:root{--ab-blue-1: #2f8be6;--ab-blue-2: #1356b8;--ab-blue-deep: #0d3f8c;--ab-beige: #f2d7a6;--ab-beige-2: #e6c38a;--ab-brown: #8a5a2b;--ab-brown-dark: #5a3510;--ab-yellow-1: #ffe45c;--ab-yellow-2: #ffbf1a;--ab-ink: #fff;--ab-font: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif}.outline{color:#fff;text-shadow:-1.5px -1.5px 0 #1b2a44,1.5px -1.5px 0 #1b2a44,-1.5px 1.5px 0 #1b2a44,1.5px 1.5px 0 #1b2a44,0 2px 0 #1b2a44}.lobby{position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--ab-font);color:#fff;background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 18px,transparent 18px 36px),radial-gradient(120% 70% at 50% 30%,var(--ab-blue-1),var(--ab-blue-2) 70%,var(--ab-blue-deep));touch-action:pan-y}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px 6px;min-height:44px}.avatar{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font:900 18px var(--ab-font);background:linear-gradient(#4fb3ff,#1c74e0);border:3px solid #fff;box-shadow:0 2px #0b3a7a}.resPill{position:relative;flex:1;min-width:0;height:28px;display:flex;align-items:center;gap:4px;padding:0 10px 0 30px;border-radius:8px;background:#0a1937a6;border:2px solid rgba(0,0,0,.45);overflow:visible}.resPill.offline{padding-left:10px;font:700 13px var(--ab-font)}.resIco{position:absolute;left:-6px;top:50%;width:30px;height:30px;transform:translateY(-50%);z-index:2}.resIco svg,.statIco svg,.coinIco svg,.tabIco svg,.tileArt svg,.hexArt svg,.chestPic svg{width:100%;height:100%;display:block}.resNum{position:relative;z-index:1;font:800 14px var(--ab-font);font-variant-numeric:tabular-nums}.energyFill{position:absolute;inset:2px auto 2px 2px;border-radius:5px;background:linear-gradient(#8ef05a,#3fbf2a);max-width:calc(100% - 4px)}.energyTimer{position:relative;z-index:1;margin-left:auto;font:700 11px var(--ab-font);font-variant-numeric:tabular-nums}.panes{flex:1;min-height:0;position:relative}.pane{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-overflow-scrolling:touch}.pane>*{width:min(420px,100%)}.ribbonBox{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0 -14px;width:calc(100% + 28px)!important;max-width:none}.ribbon{margin:0;padding:8px 12px;text-align:center;font:800 20px var(--ab-font);letter-spacing:.01em;background:linear-gradient(#5af,#2b7de0);border-top:2px solid #8fcaff;border-bottom:3px solid #0b3a7a}.ribbonSub{margin:2px 0 4px;text-align:center;font:700 13px var(--ab-font)}.ab{--top: var(--ab-yellow-1);--bottom: var(--ab-yellow-2);--edge: #7a4a00;--lip: #d48a00;position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:6px 18px 9px;border-radius:12px;border:3px solid var(--edge);background:linear-gradient(var(--top),var(--bottom));box-shadow:inset 0 -5px 0 var(--lip),inset 0 2px #ffffff8c,0 3px #00000059;font:900 18px var(--ab-font);color:#fff;cursor:pointer;text-shadow:-1.5px -1.5px 0 var(--edge),1.5px -1.5px 0 var(--edge),-1.5px 1.5px 0 var(--edge),1.5px 1.5px 0 var(--edge),0 2px 0 var(--edge)}.ab:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -3px 0 var(--lip),inset 0 2px #ffffff8c,0 1px #00000059}.ab:disabled{filter:grayscale(.85) brightness(.9);cursor:default}.ab:focus-visible{outline:3px solid #fff;outline-offset:2px}.ab-green{--top: #9cf266;--bottom: #3fbf2a;--edge: #1f5e12;--lip: #2d9a1d}.ab-blue{--top: #66c0ff;--bottom: #1c74e0;--edge: #0b3a7a;--lip: #1559b0}.ab-red{--top: #ff8a7a;--bottom: #e0402c;--edge: #6e1408;--lip: #b52a17}.ab-gray{--top: #c9d2dc;--bottom: #8d9bb0;--edge: #2f3a4a;--lip: #6f7d92}.ab-small{min-height:34px;padding:4px 14px 7px;font-size:14px;border-radius:10px}.abPrice{display:inline-flex;align-items:center;gap:3px;font-size:14px}.coinIco{width:16px;height:16px}.chapterTitle{margin:6px 0 0;text-align:center;font:900 30px/1.05 var(--ab-font)}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.carousel::-webkit-scrollbar{display:none}.islandCard{position:relative;flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;height:210px;cursor:pointer}.islandCard .island{width:min(280px,82%);height:auto;filter:drop-shadow(0 10px 10px rgba(0,0,40,.35));animation:bob 4s ease-in-out infinite}.islandCard.locked .island{filter:brightness(.45) saturate(.6) drop-shadow(0 10px 10px rgba(0,0,40,.35))}.islandCard .lock{position:absolute;width:56px;left:calc(50% - 28px);top:70px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}@keyframes bob{50%{transform:translateY(-6px)}}.dots{display:flex;justify-content:center;gap:6px;margin-top:-6px}.dots i{width:8px;height:8px;border-radius:50%;background:#ffffff59}.dots i.on{background:#fff}.chapterLine,.chapterBest{margin:0;text-align:center;font:800 16px var(--ab-font)}.chapterBest{color:#ffe45c}.chapterBest:empty,.chapterReward:empty,.netNote:empty{display:none}.chapterDesc,.chapterReward,.netNote{margin:0;text-align:center;font:600 13px var(--ab-font);color:#e3f0ff}.chapterReward{color:#fff3b0}.ab-play{width:min(220px,70%)!important;min-height:64px;margin-top:4px;font-size:30px;line-height:1}.ab-play.ab-gray{font-size:22px}.abCost{font-size:15px}.abCost:empty{display:none}#netRetry{width:auto!important}.worldExtras{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:10px;border-radius:12px;background:#081e4659}.worldExtras .fine{color:#cfe2ff}.lobby .eyebrow{color:#fff;font-weight:800}.lobby .chip{background:#081e468c;border-color:#ffffff40}.lobby .chip[aria-pressed=true]{background:linear-gradient(var(--ab-yellow-1),var(--ab-yellow-2));border-color:#7a4a00;color:#3a2200}.gearStage{display:grid;grid-template-columns:74px 1fr 74px;align-items:center;gap:6px;padding:12px 10px 8px;border-radius:14px;background:linear-gradient(var(--ab-beige),var(--ab-beige-2));border:3px solid var(--ab-brown);box-shadow:inset 0 -4px #00000014}.slotCol{display:flex;flex-direction:column;gap:8px;align-items:center}.slotWrap{display:flex;flex-direction:column;align-items:center;gap:2px}.slotLabel{font:800 10px var(--ab-font);color:var(--ab-brown-dark);text-transform:uppercase;letter-spacing:.04em}.heroBox{position:relative;display:grid;place-items:center}.heroCanvas{width:132px;height:132px;position:relative;z-index:1}.heroPlatform{position:absolute;bottom:8px;width:120px;height:26px;border-radius:50%;background:radial-gradient(#d9b27a,#c49558)}.gearStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.statPill{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:#0a193799;border:2px solid rgba(0,0,0,.4)}.statPill b{font:900 18px var(--ab-font)}.statPill span{margin-left:auto;font:800 11px var(--ab-font);color:#cfe2ff}.statIco{width:24px;height:24px}.inventory{padding:8px 10px 12px;border-radius:14px;background:#081e508c;border:2px solid rgba(255,255,255,.15)}.invTitle{margin:0 0 8px;text-align:center;font:800 16px var(--ab-font)}.invEmpty,.invHint{margin:8px 0 0;text-align:center;font:600 12px var(--ab-font);color:#cfe2ff}.tileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px}.tile{--rarity: #c9d2dc;position:relative;width:62px;aspect-ratio:1;padding:6px;border-radius:10px;border:3px solid var(--rarity);background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.35),transparent 60%),linear-gradient(color-mix(in srgb,var(--rarity) 55%,#2a3a55),color-mix(in srgb,var(--rarity) 25%,#1a2438));box-shadow:0 3px #00000059,inset 0 0 0 1px #0006;cursor:pointer;justify-self:center}.tile.empty{background:#8a5a2b40;border:3px dashed rgba(138,90,43,.6);box-shadow:none;cursor:default}.tileArt,.tile.empty svg{width:100%;height:100%}.tileEquipped{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--ab-font);color:#fff;background:#3fbf2a;border:2px solid #1f5e12}.tileCount{position:absolute;right:3px;bottom:1px;font:900 13px var(--ab-font)}.tile.canMerge:after{content:"";position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#ff3b4a;border:2px solid #fff}.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#050f23db}.modalClose{margin-left:auto;width:30px;height:30px;border-radius:8px;border:2px solid #6e1408;background:linear-gradient(#ff8a7a,#e0402c);color:#fff;font:900 15px var(--ab-font);cursor:pointer}.itemModal{--rarity: #c9d2dc;width:min(340px,100%);border-radius:14px;overflow:hidden;border:3px solid var(--ab-brown-dark);background:var(--ab-beige);box-shadow:0 8px #00000059}.itemModalHead{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(#7a5ad8,#5236a8);border-bottom:3px solid #2f1d6e}.itemModalHead b{font:900 18px var(--ab-font)}.itemModalHead span{font:800 12px var(--ab-font);color:var(--rarity)}.itemModalBody{padding:10px;display:flex;flex-direction:column;gap:8px;color:var(--ab-brown-dark)}.itemModalTop{display:flex;gap:10px;align-items:center}.itemModalInfo{display:flex;flex-direction:column;font:800 15px var(--ab-font)}.itemModalInfo span{font-size:13px}.itemModalStats{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:#8a5a2b26;font:600 13px var(--ab-font)}.itemModalStats b{font-weight:800}.mergeNote{margin:0;font:700 12px var(--ab-font)}.itemModalActions{display:flex;justify-content:space-between;gap:10px;padding:0 10px 12px}.itemModalActions .ab{flex:1}.hexGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;padding:10px 0}.hexCell{display:flex;flex-direction:column;align-items:center;gap:4px}.hex{--edge: #2a1a40;--face-1: #8a6a4a;--face-2: #5a3c22;position:relative;width:64px;aspect-ratio:.9;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--edge);display:grid;place-items:center;transition:transform .08s}.hexInner{width:calc(100% - 8px);height:calc(100% - 8px);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 30%,var(--face-1),var(--face-2));display:grid;place-items:center}.hexArt{width:62%;height:62%}.hexCell:nth-child(n+5) .hex{--face-1: #3a7ac8;--face-2: #1d4a8a}.hex.max{--face-1: #c89a3a;--face-2: #8a5a10}.hex.locked{--face-1: #8a3ad8;--face-2: #4a1a8a}.hex.lit{--edge: #ffe45c;transform:scale(1.1);filter:drop-shadow(0 0 6px #ffe45c)}.hexLv{position:absolute;bottom:9%;font:900 10px var(--ab-font)}.hexName{font:800 12px var(--ab-font);text-align:center}.talentFooter{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.upgradedTimes{width:100%;margin:0;padding:6px;text-align:center;font:800 15px var(--ab-font);background:#081e4673}#talentUpgrade{min-width:170px;font-size:22px}.reveal{width:min(340px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.hex.big{width:120px}.hex.big .hexLv{font-size:15px}.revealName{margin:0;font:900 26px var(--ab-font)}.revealStat b{font:800 18px var(--ab-font)}.revealValues{display:flex;align-items:center;justify-content:center;gap:10px;font:900 22px var(--ab-font);margin-top:4px}.revealValues .new{color:#8ef05a}.revealValues .arrow{color:#3fbf2a;font-size:24px}.tapClose{margin:18px 0 0;font:600 12px var(--ab-font);color:#cfe2ff}.chestGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chestCard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;border-radius:14px;background:linear-gradient(var(--ab-beige),var(--ab-beige-2));border:3px solid var(--ab-brown)}.chestPic{position:relative;width:96px;height:96px}.chestPic.opened{width:110px;height:110px;animation:chestPop .5s ease-out}@keyframes chestPop{0%{transform:scale(.6) rotate(-8deg)}60%{transform:scale(1.15) rotate(4deg)}}.ownedBadge{position:absolute;right:-4px;top:-2px;font:900 16px var(--ab-font);padding:0 6px;border-radius:10px;background:#e0402c;border:2px solid #fff}.chestName{font:900 15px var(--ab-font);text-align:center}.chestActions{display:flex;flex-direction:column;gap:6px;width:100%}.chestActions .ab{width:100%}.lootCard{--rarity: #c9d2dc;display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;text-align:left;background:#081e4699;border:2px solid var(--rarity)}.lootText{display:flex;flex-direction:column;gap:2px;min-width:0}.lootText b{font:800 15px var(--ab-font);color:var(--rarity)}.lootText em{font:800 11px var(--ab-font);font-style:normal;text-transform:uppercase;color:#cfe2ff}.lootText span{font:500 12px var(--ab-font);color:#e3f0ff}.boardTabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.boardBody{display:flex;flex-direction:column}.boardNote,.offlinePanel{margin:10px 0;padding:14px;text-align:center;font:700 14px var(--ab-font);border-radius:12px;background:#081e4673}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.board li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:linear-gradient(var(--ab-beige),var(--ab-beige-2));border:2px solid var(--ab-brown);color:var(--ab-brown-dark);font:700 14px var(--ab-font)}.board li.me{background:linear-gradient(#bfe6ff,#7fc0f5);border-color:#0b3a7a}.board li.gap{display:block;padding:0;background:none;border:0;text-align:center;color:#fff}.board .rank{font-weight:900;text-align:center}.board .rank.top1{color:#c88a00}.board .rank.top2{color:#6f7d92}.board .rank.top3{color:sienna}.board .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .progress{font-size:11px}.tabbar{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:end;background:linear-gradient(#f3d9a9,#d9b47a);border-top:3px solid var(--ab-brown);padding-bottom:2px}.tab{position:relative;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-left:2px solid rgba(138,90,43,.45);background:transparent;cursor:pointer;padding:0}.tab:first-child{border-left:0}.tabIco{width:34px;height:34px;transition:transform .12s}.tabLabel{display:none;font:800 11px var(--ab-font)}.tab.active{height:70px;margin-top:-12px;background:linear-gradient(#fff1d0,#f0cf94);border:3px solid var(--ab-brown);border-bottom:0;border-radius:12px 12px 0 0}.tab.active .tabIco{transform:scale(1.25) translateY(-4px)}.tab.active .tabLabel{display:block}.tabBadge{position:absolute;top:4px;right:calc(50% - 26px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font:900 11px var(--ab-font);color:#fff;background:#e0402c;border:2px solid #fff}.tabBadge.green{background:#3fbf2a}.tabBadge[hidden]{display:none!important}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);z-index:30;max-width:86%;padding:8px 14px;border-radius:10px;background:#0a1428e0;font:700 14px var(--ab-font);text-align:center}@media(prefers-reduced-motion:reduce){.islandCard .island,.chestPic.opened{animation:none}}