:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5eaf2;background:#0c1523;font-synthesis:none;font-size:14px;font-weight:400;--muted:#8390a7;--line:#263144;--mint:#6ce4bd;--gold:#efcf79;--coral:#f18c7d}*{box-sizing:border-box}body{margin:0;min-width:340px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}button{transition:background .18s,border-color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.topbar{height:88px;display:flex;align-items:center;gap:64px;padding:0 40px;border-bottom:1px solid var(--line);background:#101a29}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:.9px;line-height:1.15}.brand>span:last-child{position:relative}.brand-light{font-weight:350;color:#bdc6d4;margin-left:3px}.brand small{display:block;color:#8e9bb0;font-size:9px;font-weight:600;letter-spacing:5.5px;margin-top:6px}.brand-mark{width:43px;height:45px;display:grid;place-items:center;background:#233d3e;border:1px solid #3b6458;border-radius:12px;transform:rotate(-7deg);color:var(--mint)}.brand-mark .icon{width:29px;height:29px;fill:var(--mint);stroke-width:1;transform:rotate(7deg)}.main-nav{display:flex;align-items:stretch;height:100%;gap:28px;font-size:13px}.main-nav>*{display:flex;align-items:center;gap:9px;background:none;color:var(--muted);padding:0 6px}.main-nav .nav-current{border-bottom:2px solid var(--mint);color:var(--mint)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.offline-status{font-size:10px;letter-spacing:1.5px;color:#a5b0c1;white-space:nowrap}.offline-status i,.app-footer i{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--mint);margin-right:7px;vertical-align:middle}.icon-button{background:none;color:#9ba9bd;display:grid;place-items:center;width:32px;height:32px;border-radius:7px}.icon-button:hover{background:#273448;color:#eef5ff}.app-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:242px minmax(470px,1fr) 238px;gap:28px;padding:32px 38px 28px}.panel{background:#121e2e;border:1px solid var(--line);border-radius:12px;padding:20px}.left-sidebar,.right-sidebar{display:flex;flex-direction:column;gap:22px}.eyebrow{display:block;color:#8c9cb1;letter-spacing:1.9px;font-size:9px;font-weight:700;line-height:1.5}.trainer{display:flex;gap:10px;align-items:center;margin:19px 0 25px}.avatar{display:grid;place-items:center;width:39px;height:43px;flex-shrink:0;border:1px solid #65798c;border-radius:10px;background:linear-gradient(145deg,#597c87,#283b54);color:#d9ebed}.avatar .icon{width:25px;height:25px}.trainer h2{font-size:13px;margin:0 0 6px}.trainer span{color:var(--muted);font-size:9px;white-space:nowrap}.health-label{display:flex;align-items:center;justify-content:space-between;font-size:10px}.health-label>span{display:flex;gap:5px;align-items:center;color:#a1adc0}.health-label .icon{width:13px;height:13px;color:#ed958b}.health-label b{font-size:13px}.health-label small{font-size:9px;color:var(--muted);font-weight:400}.health-track,.xp-track{height:5px;background:#2a3343;border-radius:5px;overflow:hidden;margin-top:10px}.health-track i,.xp-track i{display:block;height:100%;background:var(--coral);border-radius:5px;transition:width .3s}.tamer-record{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:9px;color:#a2aab9}.tamer-record .icon{height:13px;width:13px;margin-right:3px}.tamer-record>button{background:none;padding:0;color:var(--muted);font-size:9px}.tamer-record>button .icon{width:11px;height:11px;margin-left:3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h2{font-size:12px;font-weight:600;margin:0}.micro{font-size:7px;letter-spacing:.9px;color:#8391a6;white-space:nowrap}.synergy-panel{padding:20px 16px}.synergy-panel .section-title{margin-bottom:22px}.synergy{display:flex;align-items:center;gap:10px;margin-top:19px;position:relative}.tribe-icon{display:grid;place-items:center;height:33px;width:33px;border:1px solid #3a4150;border-radius:8px;background:#242b37;flex-shrink:0;color:#8792a4}.tribe-icon.dragon{color:#ec9b81;background:#352c2d;border-color:#4a3735}.tribe-icon.beast{color:#93bcda;background:#253442;border-color:#364d62}.tribe-icon.nature{color:#a7c387;background:#2b3531;border-color:#3c4b3b}.tribe-icon.holy{color:#d4c27c;background:#35342d;border-color:#4c4739}.tribe-icon .icon{height:19px;width:19px}.synergy strong{display:block;font-size:11px;font-weight:500}.synergy small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.synergy-count{margin-left:auto;font-size:12px;color:#8a94a5}.synergy-count i{font-style:normal;font-size:9px;color:#58677c}.synergy.active .synergy-count{color:var(--mint)}.synergy.active strong{color:#c2f2df}.synergy-pips{position:absolute;bottom:-5px;right:0;display:flex;gap:3px}.synergy-pips i{width:9px;height:2px;background:#384255;border-radius:1px}.synergy-pips .lit{background:var(--mint)}.panel-note{font-size:10px;line-height:1.8;color:#7f8da4;margin:23px 0 0;padding-top:14px;border-top:1px solid var(--line)}.field-guide{padding:23px 20px 26px;position:relative;overflow:hidden;border:1px solid #2c4144;border-radius:12px;background:linear-gradient(140deg,#1c3337,#12212e)}.field-guide .eyebrow{color:#80a69e;font-size:8px}.field-guide h3{font-size:19px;font-weight:500;line-height:1.5;letter-spacing:-.4px;margin:15px 0 12px}.field-guide p{font-size:11px;color:#9caeb5;line-height:1.8;margin-bottom:23px}.field-guide button{position:relative;background:none;color:var(--mint);padding:0;font-size:10px;display:flex;align-items:center;gap:15px;z-index:1}.field-guide button .icon{height:13px;width:13px}.guide-pattern{position:absolute;right:-12px;bottom:5px;color:#496461;opacity:.22;transform:rotate(-20deg)}.guide-pattern .icon{width:115px;height:115px}.main-column{min-width:0}.arena-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.arena-heading .eyebrow{font-size:9px;letter-spacing:2.3px}.arena-heading h1{font-size:28px;letter-spacing:-.9px;font-weight:600;line-height:1.2;margin:8px 0 0;display:flex;align-items:center;gap:13px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #6ce4bd0a}.round-pill{display:flex;align-items:center;gap:12px;background:#152233;border:1px solid #2c394d;border-radius:8px;padding:10px 15px}.round-pill>span{font-size:8px;letter-spacing:1px;color:#a0adbe}.round-pill strong{font-size:24px;line-height:1;font-weight:500}.round-pill small{font-size:11px;color:var(--muted);padding-left:5px;font-weight:400}.arena-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:12px}.phase-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:5px;background:#1e3535;color:#83dcb9;font-size:8px;letter-spacing:1px;font-weight:600}.phase-pill i{height:4px;width:4px;background:var(--mint);border-radius:50%}.phase-pill.combat{color:#f2b995;background:#4b322d}.phase-pill.combat i{background:#f2b995;animation:pulse 1s infinite}.team-limit{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.team-limit .icon{height:13px;width:13px;margin-right:4px}.team-limit b{color:#d3dfec;font-weight:500}.speed-button{margin-left:auto;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:#bdc7d6;font-size:11px}.speed-button span{font-size:9px;color:var(--muted);margin-left:4px}.board-shell{background:#152333;border:1px solid #334357;border-radius:12px;overflow:hidden;box-shadow:0 10px 35px #030a112e}.opponent-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #304052;background:#182738}.opponent-bar>span:first-child{display:flex;align-items:center;gap:9px}.enemy-avatar{display:grid;place-items:center;background:#3e3439;border:1px solid #68504e;color:#d4a497;width:29px;height:29px;border-radius:8px}.enemy-avatar .icon{width:18px;height:18px}.opponent-bar strong{display:block;font-size:10px;font-weight:500}.opponent-bar small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.enemy-label{font-size:7px;color:#bc9594;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.enemy-label .icon{width:14px;height:14px}.battlefield{position:relative;padding:10px 15%;background:radial-gradient(ellipse at 50% 50%,#263d4c 0,#1b2d3e 65%,#192938)}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tile{aspect-ratio:1.13;position:relative;border-radius:5px;display:grid;place-items:center;min-width:0}.enemy-tile{background:#3a3d47;border:1px solid #58515a;box-shadow:inset 0 2px 5px #090d1c15}.enemy-tile:nth-child(2n){background:#353a46}.ally-tile{background:#2e4b56;border:1px solid #426370;box-shadow:inset 0 2px 5px #090d1c15;cursor:pointer}.ally-tile:nth-child(2n){background:#29434f}.ally-tile.available{border:1px dashed #6ce4bd99;box-shadow:inset 0 0 20px #6ce4bd0a}.ally-tile.available:hover{background:#375f65}.tile-plus{font-size:21px;font-weight:200;color:#7896a059;transition:color .2s}.available .tile-plus{color:#85c9b2a6}.tile-dot{width:3px;height:3px;border-radius:50%;background:#92818b40}.board-divider{display:flex;align-items:center;gap:12px;height:27px;margin:0 -10%}.board-divider>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#57616b)}.board-divider>span:last-child{transform:rotate(180deg)}.board-divider b{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:2px;color:#8c9da9;font-weight:500}.board-divider .icon{height:11px;width:11px;color:#c7b280}.unit-token{width:100%;height:100%;padding:0;display:flex;flex-direction:column;align-items:center;background:none;position:relative;border-radius:5px;isolation:isolate;outline-offset:0;overflow:visible}.unit-token:before{content:"";position:absolute;inset:15% 10% 10%;background:radial-gradient(ellipse,var(--unit-color),transparent 70%);opacity:.13;z-index:-1}.unit-token .portrait{width:85%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 3px #0005);margin-top:-8%;margin-bottom:-4%;transition:transform .2s}.unit-token:hover:not(:disabled) .portrait{transform:translateY(-4px)}.unit-token.selected{box-shadow:inset 0 0 0 2px var(--mint),0 0 12px #6ce4bd25;background:#6ce4bd18}.token-stars{font-size:9px;letter-spacing:1px;color:#f7d686;text-shadow:0 1px 3px #0009;z-index:1;line-height:1;margin-top:3px}.token-name{font-size:7px;white-space:nowrap;line-height:1;padding:3px 5px;border-radius:3px;background:#101b27d9;color:#d9e3ec;position:absolute;bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.enemy-token .token-name{color:#edc5bb}.formation-bar{padding:11px 15px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9cadbc;background:#1c2e3c;border-top:1px solid #314955}.formation-bar>span:first-child{display:flex;align-items:center;gap:5px;letter-spacing:1.2px;color:#a9c5c5;font-size:7px}.formation-bar .icon{height:12px;width:12px}.bench-section{margin-top:18px}.bench-section .section-title{margin-bottom:10px}.bench-section h2{font-size:10px}.subtle-count{color:#8292a8;font-size:9px;margin-left:7px;font-weight:400}.bench-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.bench-slot{aspect-ratio:1;min-width:0;border:1px dashed #364255;border-radius:6px;background:#15202f;display:grid;place-items:center;color:#465368;font-size:18px}.bench-slot:has(.unit-token){border:1px solid #45526b;background:#1c2b3b}.bench-slot .token-name{font-size:6px;padding:2px}.bench-slot .token-stars{font-size:7px}.bench-target{cursor:pointer}.bench-target:hover{border-color:var(--mint)}.battle-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;padding-bottom:25px;border-bottom:1px solid var(--line)}.economy{display:flex;flex-direction:column;gap:5px}.gold-amount{display:flex;align-items:center;gap:7px;color:var(--gold)}.gold-amount .icon{width:22px;height:22px}.gold-amount b{font-size:25px;font-weight:500}.gold-amount small{font-size:8px;color:#a5a89f;letter-spacing:1px;margin-left:3px}.income-hint{font-size:8px;color:#78899e}.button{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;min-height:37px;padding:0 13px;white-space:nowrap}.button .icon{height:15px;width:15px}.button.subtle{background:#1a293a;border:1px solid #344258;color:#b2c2d6}.button.subtle:hover:not(:disabled){background:#25394d;border-color:#64807f}.button:disabled{opacity:.4}.button.primary{background:var(--mint);color:#112b26;min-height:43px;font-size:12px;padding:0 22px}.button.primary:hover{background:#93f1ce}.xp-control{position:relative;margin-left:auto}.xp-control>.button{height:33px;font-size:10px;min-height:33px}.xp-control .price{margin-left:4px}.price{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:500;font-size:10px}.price .icon{height:12px;width:12px}.xp-control .xp-track{height:3px;margin-top:5px}.xp-track i{background:#7eafe7}.xp-control>small{font-size:7px;color:#7f91a7;display:block;text-align:center;margin-top:4px}.battle-button{min-height:49px;padding:0 22px;background:var(--mint);color:#112f2a;font-size:12px;box-shadow:0 4px 12px #60d5ac12}.battle-button:hover:not(:disabled){background:#91f1ce;box-shadow:0 4px 20px #6ce4bd28}.battle-button .icon:first-child{height:19px;width:19px;margin-right:3px}.battle-button .icon:last-child{margin-left:9px}.shop-section{margin-top:23px}.shop-title{margin-bottom:16px}.shop-title .eyebrow{font-size:8px;letter-spacing:1.5px}.shop-title h2{font-size:17px;margin-top:5px;font-weight:500;letter-spacing:-.3px}.count-badge{display:inline-grid;place-items:center;width:19px;height:19px;background:#243143;color:#8b9ab0;border-radius:5px;font-size:10px;margin-left:6px;vertical-align:middle}.refresh{min-height:31px;font-size:9px;padding:0 10px}.refresh .price{padding-left:7px;border-left:1px solid #344258;font-size:9px}.refresh .icon{width:12px;height:12px}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shop-card{border:1px solid #3e4c5d;border-bottom:2px solid #6c9c9d;border-radius:8px;background:#1a2b3b;overflow:hidden;min-width:0;text-align:left;padding:0;position:relative}.shop-card:not(:disabled):hover{transform:translateY(-4px);border-color:var(--mint);box-shadow:0 8px 18px #0003}.shop-card:disabled{opacity:.55}.shop-card.tier-2{border-bottom-color:#83a8da}.shop-card.tier-3{border-bottom-color:#bb8dce}.shop-card.tier-4{border-bottom-color:#e4c679}.card-top{display:flex;align-items:center;justify-content:space-between;padding:9px 8px 0;position:relative;z-index:1}.card-top>span:first-child{display:flex;align-items:center;gap:4px;font-size:7px;color:#9baebf}.card-top .icon{height:10px;width:10px}.rarity{font-size:8px;color:#96b4c2;letter-spacing:1px}.tier-2 .rarity{color:#abc3f0}.tier-3 .rarity{color:#c9a2dd}.tier-4 .rarity{color:#e4c679}.card-art{height:106px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,var(--unit-color),transparent 70%);isolation:isolate}.card-art:before{content:"";position:absolute;inset:0;background:#1a2b3b;opacity:.78;z-index:-1}.card-art .portrait{height:105px;width:100%;position:relative;filter:drop-shadow(0 7px 4px #0004)}.art-orbit{position:absolute;bottom:8px;left:15%;right:15%;height:17px;border:1px solid var(--unit-color);border-radius:50%;opacity:.15}.card-info{padding:10px 9px 11px;background:#182637d9;border-top:1px solid #ffffff07}.card-tribe{display:flex;align-items:center;gap:4px;font-size:7px;color:#8fa4b8;margin-bottom:7px}.card-tribe .icon{height:11px;width:11px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px}.card-bottom strong{font-size:10px;font-weight:500;white-space:nowrap;letter-spacing:-.3px}.coin{display:inline-flex;align-items:center;gap:3px;color:var(--gold);font-size:10px;white-space:nowrap}.coin .icon{height:12px;width:12px}.sold{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:194px;background:#13232b;color:#698b83;border:1px dashed #34534b}.sold>span{display:grid;place-items:center;border:1px solid #456c5d;background:#254337;border-radius:50%;height:32px;width:32px;color:var(--mint);margin-bottom:12px}.sold strong{font-size:10px;font-weight:500}.sold small{font-size:7px;margin-top:6px}.shop-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#7f8ea4;margin-top:14px;line-height:1.6}.shop-footer>span:first-child{display:flex;align-items:center;gap:6px}.shop-footer .icon{height:11px;width:11px;color:#b0b58c}.shop-footer b{color:var(--gold);font-weight:400}.inspector-panel{padding:19px 17px}.inspector-panel .section-title h2{font-size:11px}.selection-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 8px}.selection-empty>.icon{height:39px;width:39px;color:#526a80;margin-bottom:26px;stroke-width:1}.selection-empty strong{font-size:11px;color:#bdcad8;font-weight:500}.selection-empty p{color:#7c8fa5;font-size:10px;line-height:1.9;max-width:160px;margin-top:13px}.detail-art{height:142px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#ffffff09,transparent 65%);position:relative}.detail-art>.portrait{height:130px;filter:drop-shadow(0 6px 4px #0004)}.detail-art>span{position:absolute;bottom:5px;color:var(--gold);font-size:13px;letter-spacing:3px}.detail-heading{text-align:center;margin-top:8px}.detail-heading .eyebrow{font-size:8px;letter-spacing:1px}.detail-heading h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:7px 0 18px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-stats>div{text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:6px 4px;align-items:center;justify-content:center;border-right:1px solid var(--line);padding:0 7px}.detail-stats>div:last-child{border:0}.detail-stats .icon{height:12px;width:12px;color:#88a9b0;margin-left:auto}.detail-stats b{font-size:11px;font-weight:500;margin-right:auto}.detail-stats small{grid-column:span 2;font-size:8px;color:#8494a8}.skill-box{display:flex;gap:9px;margin:17px 0}.skill-box>.icon{width:14px;height:14px;color:var(--gold)}.skill-box strong{font-size:10px;color:#cfdbc8;font-weight:500}.skill-box p{font-size:9px;color:#8698ad;line-height:1.7;margin:6px 0 0}.detail-actions{display:flex;gap:8px}.detail-actions .button{flex:1;padding:0 8px;min-height:30px;font-size:9px}.sell{background:#463d2b;color:#e1c98a;border:1px solid #655638}.sell:hover{background:#605133}.detail-actions .icon{height:11px;width:11px}.journey-panel{padding:19px 17px}.journey-panel .section-title h2{font-size:11px}.journey-panel .section-title>.icon{height:15px;width:15px;color:#b8a575}.journey-rounds{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:20px}.journey-rounds>span{aspect-ratio:1.2;display:grid;place-items:center;background:#1c293b;border:1px solid #2e3b50;border-radius:6px;font-size:10px;color:#5f718b}.journey-rounds .current{border-color:#68bd9e;color:var(--mint);background:#233e3b;box-shadow:0 0 12px #6ce4bd0a}.journey-rounds .done{color:#95c8b4;background:#1f3537;border-color:#3a5652}.journey-rounds .icon{height:14px;width:14px}.journey-panel>p{font-size:10px;line-height:1.9;color:#8b9bb0;margin:16px 0 0}.journey-tip{margin-top:19px;border-top:1px solid var(--line);padding-top:17px}.journey-tip .eyebrow{font-size:8px;color:#b7ad83;letter-spacing:1.4px}.journey-tip p{font-size:9px;color:#8191a7;line-height:1.9;margin:7px 0 0}.fan-notice{font-size:9px;line-height:1.9;color:#576982;text-align:center;margin:0 8px}.app-footer{border-top:1px solid #202c3f;max-width:1524px;margin:0 auto;padding:20px 0 26px;display:flex;align-items:center;justify-content:space-between;color:#667991;font-size:9px}.app-footer>span:nth-child(2){font-size:8px;letter-spacing:1.5px;color:#8192a7}.app-footer b{font-size:7px;color:#586a82;font-weight:500;margin-left:5px}.app-footer button{background:none;color:#8797ab;font-size:9px;padding:0}.app-footer .icon{height:11px;width:11px;margin-left:8px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);padding:14px 20px;border-radius:9px;border:1px solid #527466;background:#243a36;color:#d7f6e5;font-size:12px;box-shadow:0 8px 28px #0007;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:100;max-width:calc(100% - 24px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;inset:0;background:#060d18ce;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:50;padding:24px}.modal{background:#142334;border:1px solid #405168;border-radius:18px;padding:37px;position:relative;width:100%;max-width:550px;max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0007}.modal-close{position:absolute;right:12px;top:12px;font-size:25px;font-weight:200}.modal h2{font-weight:500;font-size:29px;line-height:1.3;letter-spacing:-.8px;margin:14px 0}.modal>p{font-size:12px;line-height:1.8;color:#9eafc1}.modal>.button.primary{width:100%;margin-top:15px}.rules{padding:0;list-style:none;counter-reset:steps;margin:24px 0}.rules li{counter-increment:steps;position:relative;padding-left:41px;margin:22px 0}.rules li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:11px;border:1px solid #38554f;background:#203a37;color:var(--mint);height:26px;width:27px;display:grid;place-items:center;border-radius:7px}.rules b{display:block;font-weight:500;font-size:12px;margin-bottom:6px}.rules span{font-size:11px;color:#8d9fb5;line-height:1.8;display:block}.modal .fine-print{font-size:10px;color:#6e839c;border-top:1px solid var(--line);padding-top:15px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.roster-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.modal.wide{max-width:750px}.roster-item{display:flex;align-items:center;gap:9px;padding:8px 10px 8px 4px;border:1px solid #304258;background:#1a2a3b;border-radius:9px}.roster-item>.portrait{width:65px;height:65px;flex-shrink:0}.roster-item>div{min-width:0}.roster-item strong{display:block;font-size:12px;font-weight:500}.roster-item small{display:block;color:#b3bca5;font-size:9px;margin:6px 0}.roster-item>div>span{font-size:8px;color:#8d9eb2;white-space:nowrap}.roster-item>.coin{margin-left:auto}.result-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#4c3a35;border:1px solid #796052;color:#ddb396;margin-bottom:25px}.result-icon.win{background:#2c4235;color:#efd587;border-color:#6c7251}.result-icon .icon{width:30px;height:30px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#1e3040;border:1px solid #35495a;border-radius:10px;padding:18px 0;margin:24px 0}.result-stats>div{text-align:center;border-right:1px solid #3b4c5a}.result-stats>div:last-child{border:0}.result-stats b{font-size:25px;color:#bdddcf;font-weight:500;display:block}.result-stats span{font-size:9px;color:#91a6b5;display:block;margin-top:7px}.fighting .board-grid .unit-token{visibility:hidden}.combat-layer{position:absolute;inset:10px 15%;pointer-events:none}.combatant{position:absolute;width:23%;height:17%;transform:translate(-50%,-50%);transition:left .24s linear,top .24s linear;display:flex;align-items:center;justify-content:center;flex-direction:column;filter:drop-shadow(0 3px 3px #0005);z-index:2}.combatant>.portrait{width:100%;height:95%;min-height:0}.combat-hp,.combat-energy{width:65%;height:4px;flex-shrink:0;background:#16202a;border:1px solid #152426;border-radius:1px;overflow:hidden}.combat-hp i{display:block;height:100%;background:var(--mint);transition:width .15s}.enemy .combat-hp i{background:#ed9b8d}.combat-energy{height:2px;margin-top:1px;border:0}.combat-energy i{display:block;height:100%;background:#9eb5f0}.combat-name{font-size:6px;white-space:nowrap;padding:2px 3px;background:#0c1825b8;border-radius:3px;color:#d2e1ea}.combatant.hit>.portrait{animation:hit .2s}.combatant.casting>.portrait{filter:drop-shadow(0 0 6px #efcf79)}.combat-skill{position:absolute;top:0;font-size:8px;white-space:nowrap;color:#ffe8a3;background:#322b20d9;border-radius:3px;z-index:3}.combat-skill:empty{display:none}.combatant.casting{z-index:4}@keyframes hit{0%{filter:brightness(1.9)}to{filter:brightness(1)}}@keyframes pulse{50%{opacity:.25}}@media(min-width:1600px){.battlefield{padding-left:18%;padding-right:18%}.combat-layer{left:18%;right:18%}.card-art{height:126px}.card-art .portrait{height:120px}}@media(max-width:1250px){.app-layout{grid-template-columns:212px minmax(450px,1fr);padding:26px;gap:24px}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.inspector-panel{min-height:240px}.selection-empty{min-height:170px}.unit-detail{display:grid;grid-template-columns:130px 1fr;column-gap:15px}.detail-art{grid-row:span 3}.detail-heading{text-align:left}.detail-heading h2{font-size:20px;margin-bottom:10px}.detail-stats{padding:8px 0}.skill-box{margin:10px 0 0}.detail-actions{grid-column:2;margin-top:10px}.fan-notice{grid-column:span 2}.app-footer{margin:0 26px}.topbar{gap:45px;padding:0 26px}.shop-grid{gap:8px}.synergy-panel .micro{display:none}.trainer{gap:7px}.trainer span{font-size:8px}.trainer h2{font-size:12px}}@media(max-width:800px){.topbar{height:74px;padding:0 20px;gap:20px}.main-nav{gap:15px}.main-nav .icon{width:16px;height:16px}.main-nav>*{font-size:11px}.offline-status{display:none}.top-actions{gap:6px}.brand{font-size:16px;gap:9px}.brand-mark{width:35px;height:38px}.brand small{font-size:7px;letter-spacing:4.7px}.brand-mark .icon{width:24px;height:24px}.app-layout{grid-template-columns:1fr;padding:22px 20px;gap:24px;max-width:680px}.left-sidebar{grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:18px}.left-sidebar .field-guide{display:none}.trainer-panel{height:100%}.right-sidebar{grid-row:3;gap:18px}.main-column{grid-row:1}.arena-heading{margin-bottom:17px}.arena-heading h1{font-size:27px}.battlefield{padding-left:17%;padding-right:17%}.combat-layer{left:17%;right:17%}.app-footer{margin:0 20px;font-size:8px}.app-footer>span:nth-child(2){display:none}.shop-card .card-art{height:105px}.shop-card .portrait{height:100px}.card-bottom strong{font-size:10px}.left-sidebar .synergy-panel .micro{display:block;font-size:6px}.synergy-panel .section-title{margin-bottom:16px}.synergy{margin-top:15px}.trainer{margin-bottom:25px}.trainer span{font-size:9px}.trainer h2{font-size:13px}.inspector-panel .unit-detail{display:block}.inspector-panel .detail-heading{text-align:center}.inspector-panel .detail-actions{display:flex}.right-sidebar{grid-template-columns:1fr 1fr}.panel{padding:17px}.detail-art{height:130px}.detail-art>.portrait{height:125px}}@media(max-width:480px){body{font-size:12px}.topbar{padding:env(safe-area-inset-top) 14px 0;height:calc(68px + env(safe-area-inset-top));gap:10px}.brand{font-size:14px;letter-spacing:.4px;gap:8px}.brand small{font-size:6px;letter-spacing:4px;margin-top:5px}.brand-mark{width:32px;height:35px;border-radius:9px}.main-nav .nav-current{display:none}.main-nav{gap:0;margin-left:auto}.main-nav>button{font-size:10px;padding:0 5px}.top-actions{margin-left:2px;gap:0}.icon-button{width:30px;height:35px}.icon-button .icon{width:17px;height:17px}.app-layout{padding:20px 14px;gap:20px}.arena-heading h1{font-size:26px;margin-top:7px}.arena-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.round-pill{padding:10px;gap:9px}.round-pill>span{font-size:7px}.round-pill strong{font-size:22px}.round-pill small{font-size:9px}.arena-toolbar{gap:10px}.phase-pill{font-size:7px;padding:6px 7px;letter-spacing:.7px}.team-limit{font-size:9px;gap:3px}.team-limit .icon{width:11px;height:11px;margin-right:2px}.speed-button{font-size:10px;padding:4px 6px;min-height:30px}.speed-button span{font-size:8px}.opponent-bar{padding:10px 12px}.opponent-bar strong{font-size:10px}.enemy-label{font-size:6px;gap:4px;letter-spacing:1px}.battlefield{padding:9px 12%}.combat-layer{inset:9px 12%}.tile{aspect-ratio:1.07;border-radius:4px}.board-grid{gap:4px}.board-divider{height:25px}.board-divider b{font-size:6px;letter-spacing:1.6px}.unit-token .portrait{width:94%}.token-name{font-size:6px;padding:3px}.token-stars{font-size:8px}.formation-bar{padding:10px 11px;font-size:7px;gap:4px}.formation-bar>span:first-child{font-size:6px;letter-spacing:.8px;gap:4px}.formation-bar .icon{width:11px;height:11px}.bench-section{margin-top:17px}.bench-grid{gap:4px}.bench-slot{border-radius:4px}.bench-slot .token-name{display:none}.bench-slot .portrait{width:100%;margin-top:-12%}.bench-slot .token-stars,.bench-section .micro{font-size:6px}.battle-actions{gap:10px;margin-top:18px;padding-bottom:20px;align-items:center}.gold-amount{gap:5px}.gold-amount .icon{width:18px;height:18px}.gold-amount b{font-size:23px}.gold-amount small{display:none}.income-hint{font-size:7px}.xp-control{margin-left:auto}.xp-control>.button{font-size:9px;padding:0 8px;min-height:32px}.xp-control>.button>.icon{width:12px;height:12px}.xp-control .price{margin-left:0;font-size:9px;gap:2px}.xp-control>small{font-size:6px}.battle-button{font-size:11px;padding:0 12px;min-height:47px;gap:6px}.battle-button .icon:first-child{width:16px;height:16px;margin-right:0}.battle-button .icon:last-child{width:13px;height:13px;margin-left:2px}.shop-section{margin-top:20px}.shop-title h2{font-size:16px}.shop-title .eyebrow{font-size:7px}.refresh{font-size:8px;gap:6px;padding:0 8px;min-height:32px}.shop-grid{gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}.shop-card{grid-column:span 2;border-radius:7px}.shop-card:nth-child(4){grid-column:2 / span 2}.shop-card .card-art,.shop-card .portrait{height:105px}.card-top{padding:8px 8px 0}.card-top>span:first-child{font-size:7px}.card-info{padding:8px 8px 10px}.card-bottom strong{font-size:10px}.sold{min-height:178px}.shop-footer{font-size:7px;align-items:flex-start;gap:16px}.shop-footer>span:first-child{max-width:230px;line-height:1.8;align-items:flex-start}.shop-footer>span:last-child{white-space:nowrap;font-size:7px}.shop-footer .icon{margin-top:2px}.left-sidebar{grid-template-columns:1fr;gap:15px}.trainer-panel{display:none}.synergy-panel{padding:17px}.synergy-panel .section-title{margin-bottom:18px}.synergy-panel .section-title h2{font-size:12px}.synergy-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.synergy-panel .section-title,.synergy-panel .panel-note{grid-column:span 2}.synergy{margin-top:0;margin-bottom:16px;gap:8px}.synergy:nth-child(4),.synergy:nth-child(5){margin-bottom:0}.synergy small{font-size:8px}.synergy strong{font-size:10px}.synergy-count{font-size:11px}.tribe-icon{width:29px;height:29px;border-radius:7px}.tribe-icon .icon{width:16px;height:16px}.panel-note{font-size:9px;padding-top:12px;margin-top:18px}.right-sidebar{grid-template-columns:1fr;gap:15px}.inspector-panel{min-height:0}.selection-empty{min-height:100px;padding:12px 8px}.selection-empty>.icon{width:25px;height:25px;margin-bottom:12px}.selection-empty p{max-width:250px;margin:8px 0 0}.inspector-panel .unit-detail{display:grid;grid-template-columns:110px 1fr;gap:0 15px;margin-top:8px}.inspector-panel .detail-heading{text-align:left}.detail-heading h2{font-size:22px;margin-top:5px}.detail-art{grid-row:span 3;align-self:center}.detail-art>.portrait{height:115px}.detail-stats{margin-bottom:2px}.skill-box p{font-size:8px}.detail-actions{grid-column:span 2;margin-top:14px}.detail-actions>.button{min-height:35px}.journey-rounds{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:15px}.journey-rounds>span{aspect-ratio:1;font-size:8px;border-radius:4px}.journey-rounds .icon{height:12px;width:12px}.journey-panel>p{font-size:10px}.journey-tip{display:none}.fan-notice{grid-column:auto;font-size:8px}.app-footer{margin:0 14px;padding:16px 0 calc(20px + env(safe-area-inset-bottom));font-size:8px}.app-footer button{font-size:8px}.toast{font-size:11px;width:max-content;line-height:1.6;padding:12px 16px}.modal-backdrop{padding:14px}.modal{padding:30px 22px 24px;border-radius:14px;max-height:92dvh}.modal h2{font-size:25px}.modal>p{font-size:11px}.rules{margin:20px 0}.rules li{padding-left:36px;margin:17px 0}.rules span{font-size:10px}.rules b{font-size:11px}.modal .fine-print{font-size:9px}.roster-list{grid-template-columns:1fr;gap:8px}.roster-item>.portrait{width:60px;height:60px}.roster-item strong{font-size:13px}.roster-item>div>span{font-size:9px}.roster-item small{font-size:10px}.result-stats b{font-size:23px}.combat-name{font-size:5px}.combat-skill{font-size:7px}.combat-hp{height:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:801px){.battlefield{padding-inline:max(12%,calc((100% - 390px)/2))}.combat-layer{left:max(12%,calc((100% - 390px)/2));right:max(12%,calc((100% - 390px)/2))}.tile{aspect-ratio:1.55}.unit-token .portrait{width:80%}.bench-grid{max-width:600px}.bench-slot{max-height:65px}}.mobile-hud,.mobile-selection{display:none}@media(max-width:480px){.mobile-hud{display:flex;align-items:center;justify-content:space-between;background:#142334;border:1px solid #2b3d51;border-radius:8px;padding:5px 8px 5px 12px;margin-bottom:15px}.mobile-hud>span{display:flex;align-items:center;gap:5px}.mobile-hud .icon{width:14px;height:14px;color:var(--gold)}.mobile-hud>span:first-child .icon{color:var(--coral)}.mobile-hud b{font-weight:500;font-size:13px}.mobile-hud small{font-size:6px;color:#8b9db1;letter-spacing:.7px}.mobile-hud button{width:26px;height:28px}.mobile-hud button .icon{color:#9aafbd;width:13px;height:13px}.mobile-selection{display:flex;align-items:center;gap:6px;padding:8px;margin-bottom:12px;border:1px solid #42675b;border-radius:7px;background:#1d3434}.mobile-selection>strong{font-size:11px;font-weight:500}.mobile-selection>span{font-size:7px;color:#91b4a8;margin-right:auto}.mobile-selection .button{font-size:8px;padding:0 8px;min-height:30px;gap:4px}.mobile-selection .icon{width:11px;height:11px}}.shop-tools{display:flex;align-items:center;gap:7px}.shop-lock{height:32px;width:30px;border:1px solid var(--line);background:#172435}.shop-lock .icon{height:13px;width:13px}.shop-lock.locked{color:var(--gold);border-color:#716449;background:#3c3528}.shop-lock:disabled{opacity:.4}.three-arena-wrap{display:none;position:relative;height:490px;overflow:hidden;background:radial-gradient(ellipse,#23434c,#132636)}#arena-3d,.scene-controls{position:absolute;inset:0;width:100%;height:100%}#arena-3d canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scene-controls{pointer-events:none}.scene-cell{position:absolute;transform:translate(-50%,-50%);width:9%;height:10%;min-width:28px;min-height:28px;max-width:65px;background:none;border:1px solid transparent;border-radius:7px;pointer-events:auto}.scene-cell:not(:disabled):hover{border-color:#91dfbfaa;background:#6ce4bd12}.scene-cell[aria-pressed=true]{border-color:#99f1cd;background:#6ce4bd12;box-shadow:0 0 16px #6ce4bd22}.scene-cell:disabled{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.three-view-tag{position:absolute;bottom:13px;left:50%;transform:translate(-50%);font-size:7px;color:#8aadb7;letter-spacing:2px;white-space:nowrap;pointer-events:none}.battlefield.view-3d{padding:0!important}.view-3d .three-arena-wrap{display:block}.view-3d .board-grid,.view-3d .board-divider,.view-3d .combat-layer{display:none}.view-button{margin-left:auto;display:flex;align-items:center;gap:5px;background:#233a42;border:1px solid #3e6565;border-radius:5px;color:#a6e3d0;padding:4px 8px;font-size:10px;min-height:28px}.view-button .icon{width:12px;height:12px}.speed-button{margin-left:0}.evolution-path{padding:12px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.7}.evolution-path>span:not(.eyebrow){display:inline;font-size:9px;color:#92a3b9}.evolution-path>i{font-size:8px;color:#56798b;padding:0 3px;font-style:normal}.evolution-path .current-form{color:var(--mint)!important}.evolution-path>small{display:block;font-size:8px;color:#b2b899;margin-top:7px}.roster-item em{display:block;font-size:8px;color:#91b6a3;line-height:1.7;font-style:normal;margin-top:5px;max-width:215px}@media(max-width:1250px){.evolution-path{grid-column:span 2}}@media(max-width:800px){.three-arena-wrap{height:500px}.evolution-path{grid-column:auto}}@media(max-width:480px){.three-arena-wrap{height:430px}.scene-cell{width:13%;height:9%}.three-view-tag{font-size:6px;letter-spacing:1.4px;bottom:12px}.arena-toolbar{gap:7px}.view-button{font-size:9px;min-height:30px;padding:4px 6px;gap:3px}.view-button .icon{width:10px;height:10px}.speed-button span{display:none}.evolution-path{grid-column:span 2}.roster-item em{font-size:8px;max-width:210px}}@media(max-width:480px){.three-arena-wrap{height:350px}.three-view-tag{bottom:8px}}.mode-nav,.party-nav{display:flex;align-items:center;gap:7px;background:none;color:#adc5d1;font-size:10px;white-space:nowrap;padding:7px 8px}.mode-nav .icon{width:14px;height:14px}.party-nav{background:#21403d;border:1px solid #3b675c;border-radius:6px;color:#99e4c5}.in-party{color:var(--gold)}.match-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#193238;border:1px solid #34565b;border-radius:7px;padding:10px 12px;margin:0 0 12px;font-size:9px;color:#b1c7c9}.match-banner .icon{width:12px;height:12px;color:var(--coral);margin-right:4px}.match-banner>span:last-child{color:#9cc7b3;font-size:8px}.network-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#202e47;border:1px solid #435d7e;margin-bottom:12px;border-radius:7px;font-size:9px;color:#adc8ec}.network-status.disconnected{color:#e0bb88}.network-status b{margin-left:auto;font-size:9px;font-weight:500}.network-status button{background:none;color:var(--mint);font-size:9px}.leaderboard{padding:18px 13px}.leaderboard>.section-title{margin-bottom:15px}.standing{display:flex;gap:9px;align-items:center;padding:10px 7px;border-bottom:1px solid #2c3c4b;background:none;width:100%;text-align:left;border-radius:5px}.standing:hover:not(:disabled){background:#213848}.standing.you{background:#203c3d;border:1px solid #3a645a}.standing.eliminated{opacity:.45}.standing-rank{font-size:10px;color:#7b97ad;min-width:15px}.standing-info{flex:1;min-width:0}.standing strong{display:block;font-size:11px;font-weight:500}.standing-info strong i{font-size:6px;font-style:normal;color:var(--mint);margin-left:4px}.standing small{display:block;color:#8298ac;font-size:7px;margin-top:4px}.standing-hp{height:3px;background:#283b4a;display:block;margin-top:7px;border-radius:2px;overflow:hidden}.standing-hp i{display:block;height:100%;background:#73c5aa}.standing>b{font-size:12px;font-weight:500;color:#c0d7cf;display:flex;align-items:center;gap:4px}.standing>b .icon{width:10px;height:10px;color:#da9892}.round-report>p{font-size:10px;line-height:1.8;color:#91aabd}.round-report>.section-title>.icon{width:15px;height:15px;color:var(--gold)}.round-report>div:not(.section-title){display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-top:11px;color:#a6bccc}.round-report b{font-size:8px;font-weight:500}.round-report b.won{color:var(--mint)}.round-report b.lost{color:var(--coral)}.scout-team{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.scout-team>div{background:#213547;border:1px solid #3a5167;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:8px}.scout-team .portrait{width:90px;height:85px}.scout-team b{font-size:10px;font-weight:500}.scout-team small{font-size:10px;color:var(--gold);margin-top:5px}.modal h3{font-size:13px;font-weight:500}.scout-log{padding-left:16px;color:#9bb4c9;font-size:10px;line-height:1.8}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.mode-cards>button{background:#203746;border:1px solid #3f5b68;border-radius:12px;padding:20px 15px;text-align:left}.mode-cards>button:hover{border-color:var(--mint);background:#29473f}.mode-cards>button>span{display:grid;place-items:center;width:42px;height:42px;color:var(--mint);background:#2b524b;border:1px solid #48786a;border-radius:10px;margin-bottom:18px}.mode-cards strong{display:block;font-size:16px;font-weight:500}.mode-cards p{font-size:11px;line-height:1.8;color:#98afc0}.mode-cards b{color:var(--mint);font-size:10px;font-weight:500;display:block;margin-top:17px}.form-label{display:block;font-size:11px;color:#bbd1df;margin-top:20px}.form-label input,.join-party input{display:block;width:100%;background:#0e1c2b;border:1px solid #3b566a;padding:12px 13px;border-radius:7px;color:#e2edf4;font:inherit;font-size:13px;margin-top:9px;outline-color:var(--mint)}.server-hint{font-size:10px!important;color:#809eb5!important}.join-party{display:flex;gap:9px;margin-top:17px;align-items:center}.join-party input{margin:0;min-width:0;font-size:13px;letter-spacing:3px;text-transform:uppercase}.join-party .button{min-height:42px}.party-members{background:#1c3040;border:1px solid #354d5f;border-radius:9px;padding:7px 15px;margin:22px 0}.party-members>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #30495a}.party-members>div:last-child{border:0}.member-dot{width:6px;height:6px;background:#728397;border-radius:50%}.member-dot.connected{background:var(--mint)}.party-members strong{font-size:12px;font-weight:500}.party-members small{font-size:8px;color:#8eb3a8;margin-left:auto;letter-spacing:.5px}.room-code{letter-spacing:3px;color:var(--mint)}.party-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.party-mode-choice button{background:#213447;border:1px solid #3c5267;border-radius:8px;font-size:12px;padding:15px 10px}.party-mode-choice button.active{color:var(--mint);border-color:#65a58c;background:#28443f}.party-mode-choice small{display:block;font-size:9px;color:#8ca9b7;margin-top:7px}.leave-party{display:flex;width:100%;margin-top:12px}@media(max-width:1250px){.right-sidebar{grid-template-columns:1fr 1fr}.round-report{grid-column:auto}.topbar{gap:24px}.top-actions{gap:7px}.offline-status{display:none}}@media(max-width:800px){.mode-nav,.party-nav{font-size:9px}.main-nav{display:none}.leaderboard,.round-report{grid-column:auto}}@media(max-width:480px){.topbar{gap:5px}.brand-light{display:none}.brand small{letter-spacing:3px}.brand{font-size:12px}.top-actions{gap:3px}.mode-nav{font-size:9px;padding:5px 3px}.mode-nav .icon{display:none}.party-nav{font-size:8px;padding:7px 6px}.top-actions>.icon-button{width:24px}.top-actions>.icon-button[data-action=sound]{display:none}.topbar .brand-mark{width:28px;height:30px}.match-banner{font-size:9px;gap:8px;padding:9px}.match-banner>span:last-child{font-size:7px;max-width:140px;text-align:right;line-height:1.6}.round-pill{flex-direction:column;gap:5px}.round-pill strong{display:flex;align-items:center;gap:7px}.round-pill small{font-size:7px}.opponent-bar small{font-size:6px;max-width:235px;line-height:1.6}.enemy-label{display:none}.leaderboard{padding:17px 13px}.standing{padding:11px 9px}.standing strong{font-size:12px}.standing small{font-size:8px}.standing>b{font-size:14px}.standing-info{margin-right:15px}.standing-rank{font-size:11px}.standing-hp{margin-top:7px}.right-sidebar,.mode-cards{grid-template-columns:1fr}.mode-cards>button{padding:15px}.mode-cards>button>span{float:left;margin:0 13px 12px 0;width:35px;height:35px}.mode-cards strong{font-size:15px}.mode-cards p{font-size:10px;margin-bottom:10px}.mode-cards b{font-size:10px;margin-top:6px}.scout-team .portrait{width:75px;height:75px}.scout-team b{font-size:9px}.party-mode-choice button{font-size:11px;padding:12px 7px}.party-mode-choice small{font-size:8px}}.portrait{object-fit:contain}.network-locked [data-buy],.network-locked [data-action=reroll],.network-locked [data-action=xp],.network-locked [data-action=sell],.network-locked [data-action=bench],.network-locked [data-action=lock]{opacity:.4;pointer-events:none}.card-art>.portrait{filter:drop-shadow(0 8px 5px #0005)}@media(max-width:800px){.main-nav{display:flex}.main-nav .nav-current{display:none}.main-nav>button{font-size:9px;padding:0 3px}.main-nav{margin-left:auto;gap:0}.topbar{gap:8px}}[hidden]{display:none!important}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid #263c4b;background:#101d2b}.menu-header .brand{background:none;text-align:left;font-size:16px;white-space:nowrap}.menu-header nav{display:flex;gap:8px}.menu-header nav button{background:none;padding:12px;color:#91a8bc;font-size:12px}.menu-header nav button[aria-current]{color:var(--mint)}.home-screen{max-width:1120px;margin:0 auto;min-height:calc(100dvh - 100px);padding:48px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.home-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;font-weight:650;letter-spacing:-2px;margin:20px 0}.home-hero h1 em{color:var(--mint);font-style:normal}.home-hero>p{max-width:440px;color:#9fb3c5;line-height:1.9}.hero-team{display:flex;justify-content:center;max-width:430px;height:190px;background:radial-gradient(ellipse at bottom,#306e6266,transparent 70%)}.hero-team .portrait{width:37%;height:100%;margin:0 -2%;filter:drop-shadow(0 10px 12px #0007)}.home-choices{display:grid;gap:18px}.home-card{text-align:left;border:1px solid #3d675e;background:linear-gradient(120deg,#213e3e,#182e38);padding:26px;border-radius:16px}.home-card.online{background:linear-gradient(120deg,#26354c,#182737);border-color:#425a7d}.home-card>.icon{color:var(--mint);width:30px;height:30px;margin-bottom:17px}.home-card strong,.home-card span,.home-card b{display:block}.home-card strong{font-size:21px;font-weight:550}.home-card span{color:#9fb9c9;font-size:12px;margin:11px 0 24px;line-height:1.7}.home-card b{font-weight:500;color:var(--mint);font-size:12px}.text-button{background:none;color:var(--mint);padding:14px 4px;font-size:12px;text-align:left}.home-choices>.text-button{text-align:center}.back-button{display:block;margin-bottom:24px}.menu-page{max-width:640px;padding:24px 24px 60px;margin:0 auto}.menu-page h1{font-size:34px;letter-spacing:-1px;margin:12px 0 20px}.menu-page h2{font-size:18px;margin-top:30px;font-weight:500}.menu-page>p{color:#9fb3c5;line-height:1.9;font-size:13px}.menu-page>.button{margin:18px 8px 0 0}.menu-page .form-label{margin:22px 0}.menu-page.collection-page{max-width:1000px}.collection-page .roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.server-state{padding:10px 14px;background:#3e3326;border:1px solid #655539;border-radius:8px;font-size:11px!important}.server-state.configured{background:#1c3836;border-color:#37665b}.party-entry>.button{width:100%}.party-entry .join-party{margin-bottom:10px}body.in-arena{overflow:hidden;overscroll-behavior:none;background:#132636;min-width:320px}.in-arena #app{height:100dvh}.arena-screen{height:100dvh;display:grid;grid-template-rows:48px minmax(0,1fr) 112px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;background:#132636}.arena-hud{display:flex;align-items:center;gap:14px;padding:5px 14px;border-bottom:1px solid #375362;background:#101f2ded;z-index:4;min-width:0}.hud-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#213b49;border:1px solid #3c5a6b;color:#c7e4e4;padding:7px 10px;border-radius:6px;min-height:34px;font-size:11px;white-space:nowrap}.hud-button .icon{width:15px;height:15px}.arena-hud>.hud-button:first-child .icon{transform:rotate(180deg)}.arena-hud .round-pill{padding:0;background:none;border:0;border-radius:0;gap:6px;flex-direction:row}.arena-hud .round-pill>span{font-size:7px}.arena-hud .round-pill strong{font-size:21px;display:flex;align-items:center;gap:6px}.arena-hud .round-pill small{font-size:7px}.hud-stat{display:flex;gap:5px;align-items:center;font-size:16px}.hud-stat b{font-size:16px;font-weight:500}.hud-stat .icon{width:15px;height:15px}.hud-stat.health .icon{color:var(--coral)}.arena-hud .team-limit{font-size:10px;white-space:nowrap}.arena-hud .phase-pill{font-size:7px;margin-left:auto;padding:5px;white-space:nowrap}.arena-hud #party-countdown{font-size:9px;color:var(--mint);white-space:nowrap}.shop-toggle{color:var(--gold);border-color:#7d7050}.shop-toggle[aria-expanded=true]{background:#4d432b}.arena-stage{position:relative;min-height:0;overflow:hidden}.arena-stage>.board-shell,.arena-stage .battlefield,.arena-stage .three-arena-wrap{height:100%;width:100%;border:0;border-radius:0;margin:0}.arena-stage .three-arena-wrap{height:100%!important}.arena-stage .three-view-tag{display:none}.arena-stage .scene-cell{width:7%;height:12%;max-width:80px;min-width:25px;min-height:25px}.opponent-caption{position:absolute;top:12px;left:14px;z-index:2;pointer-events:none;max-width:45%;background:#10212bd9;padding:8px 10px;border:1px solid #42606b;border-radius:8px}.opponent-caption b{display:block;font-size:11px;font-weight:500}.opponent-caption span{display:block;font-size:8px;color:#99b8c4;margin-top:4px}.arena-utilities{position:absolute;right:12px;bottom:10px;z-index:2;display:flex;gap:7px;align-items:center}.arena-utilities .view-button,.arena-utilities .speed-button{margin:0;min-width:36px;min-height:34px}.arena-utilities .hud-button{font-size:10px}.arena-dock{display:flex;gap:18px;align-items:center;background:#101f2df5;border-top:1px solid #3b5d66;padding:9px 16px;z-index:4;min-height:0}.arena-dock .bench-section{margin:0;flex:1;min-width:0;max-width:760px}.arena-dock .section-title{margin-bottom:6px}.arena-dock .section-title h2{font-size:10px}.bench-hint{font-size:8px;color:#89aab8}.arena-dock .bench-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-width:none}.arena-dock .bench-slot{height:65px;max-height:none;aspect-ratio:auto;min-width:0;border-radius:5px}.arena-dock .bench-slot .portrait{height:100%;width:100%;margin:0}.arena-dock .bench-slot .token-name{display:block;font-size:7px;padding:2px}.arena-dock .bench-slot .token-stars{font-size:8px}.dock-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.dock-actions .button{min-height:43px;padding:7px 14px;font-size:11px;white-space:nowrap}.xp-button{display:flex;flex-direction:column;gap:4px}.xp-button span{font-size:8px;color:#a9bfbc}.selection-actions{display:flex;flex-wrap:wrap;gap:4px;max-width:150px}.selection-actions strong{width:100%;font-size:10px;font-weight:500;color:var(--mint)}.selection-actions .hud-button{font-size:9px;min-height:26px;padding:4px 6px}.shop-drawer{position:absolute;z-index:3;top:0;left:50%;transform:translate(-50%);width:min(820px,100%);max-height:100%;overflow:auto;padding:12px 16px;background:#112332f5;border:1px solid #55716b;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 18px 45px #0007}.shop-drawer .shop-section{margin:0}.shop-drawer .shop-title{margin-bottom:10px}.shop-drawer .shop-title .eyebrow{display:none}.shop-drawer .shop-title h2{font-size:15px}.shop-drawer .shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shop-drawer .shop-card{grid-column:auto!important;min-height:0}.shop-drawer .card-art{height:92px}.shop-drawer .card-art .portrait{height:90px}.shop-drawer .card-top{padding:6px 7px 0}.shop-drawer .card-info{padding:5px 8px 8px}.shop-drawer .card-top>span:first-child{font-size:8px}.shop-drawer .card-tribe{font-size:7px}.shop-drawer .card-bottom strong{font-size:10px}.shop-drawer .shop-footer{font-size:8px;margin-top:8px}.shop-drawer .sold{min-height:150px}.arena-stage .battlefield:not(.view-3d){display:flex;flex-direction:column;padding:20px max(30%,calc((100% - 400px)/2))!important;position:relative}.arena-stage .battlefield:not(.view-3d) .board-grid{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}.arena-stage .tile{aspect-ratio:auto;min-height:0}.arena-stage .unit-token .portrait{height:100%;width:auto;max-width:100%}.arena-stage .board-divider{height:16px;flex-shrink:0}.arena-stage .combat-layer{inset:20px max(30%,calc((100% - 400px)/2))}.arena-stage .combatant .portrait{height:100%}@media(max-width:760px){.menu-header{padding:16px;gap:8px}.menu-header .brand{font-size:12px;gap:8px}.menu-header .brand small{font-size:6px;letter-spacing:3px}.menu-header .brand-mark{width:30px;height:34px}.menu-header nav{gap:0}.menu-header nav button{font-size:10px;padding:10px 7px}.home-screen{grid-template-columns:1fr;gap:18px;min-height:0;padding:30px 22px}.home-hero h1{font-size:39px;letter-spacing:-1.5px}.home-hero>p{font-size:12px;margin-bottom:0}.hero-team{height:145px;margin:0 auto}.home-card{padding:19px}.home-card>.icon{float:left;margin:0 14px 12px 0}.home-card strong{font-size:18px}.home-card span{font-size:11px;margin:8px 0 15px}.home-card b{font-size:11px}.home-choices{gap:12px}.collection-page .roster-list{grid-template-columns:1fr}.menu-page h1{font-size:30px}.menu-page{padding:20px}.menu-page>p{font-size:12px}}@media(max-height:500px)and (orientation:landscape){.arena-screen{grid-template-rows:42px minmax(0,1fr) 90px}.arena-hud{gap:9px;padding:4px 9px}.arena-hud .round-pill strong{font-size:18px}.arena-hud .round-pill>span{display:none}.arena-hud .hud-button{font-size:10px;min-height:32px;padding:5px 8px}.arena-hud .phase-pill{font-size:6px}.arena-dock{padding:6px 10px;gap:10px}.arena-dock .bench-slot{height:51px}.arena-dock .bench-grid{gap:4px}.arena-dock .bench-slot .token-name{font-size:6px}.bench-hint{display:none}.dock-actions{gap:6px}.dock-actions .button{font-size:10px;padding:6px 10px}.opponent-caption{top:8px;left:10px;padding:6px 8px}.opponent-caption span{font-size:7px}.shop-drawer{padding:8px 12px}.shop-drawer .card-art{height:67px}.shop-drawer .card-art .portrait{height:65px}.shop-drawer .shop-title{margin-bottom:7px}.shop-drawer .shop-footer{display:none}.shop-drawer .sold{min-height:116px}.shop-drawer .card-top{padding-top:4px}.shop-drawer .card-info{padding-bottom:5px}.shop-drawer .card-tribe{display:none}.arena-utilities{right:8px;bottom:6px}.arena-stage .scene-cell{min-height:22px;min-width:22px}.modal-backdrop{padding:12px}.modal{max-height:94dvh}}@media(max-width:600px){.arena-screen{grid-template-rows:48px minmax(0,1fr) 162px}.arena-hud{gap:8px;padding:5px 8px}.arena-hud .round-pill small,.arena-hud .round-pill>span,.arena-hud .phase-pill,.arena-hud>.hud-button:first-child span{display:none}.arena-hud .round-pill strong{font-size:20px}.arena-hud .hud-stat b{font-size:13px}.arena-hud .hud-stat .icon{width:12px;height:12px}.arena-hud .team-limit{font-size:8px}.arena-hud .hud-button{font-size:9px;padding:5px 7px}.arena-hud>.hud-button:first-child{min-width:28px;padding:4px}.arena-hud .shop-toggle{margin-left:auto}.arena-hud #party-countdown{display:none}.arena-dock{display:grid;grid-template-rows:auto auto;gap:6px;padding:8px}.arena-dock .bench-section{max-width:none;width:100%}.arena-dock .bench-slot{height:56px}.arena-dock .bench-grid{gap:3px}.arena-dock .bench-slot .token-name{font-size:5px}.dock-actions{width:100%;justify-content:flex-end}.dock-actions .selection-actions{margin-right:auto;max-width:none;flex-wrap:nowrap;align-items:center}.selection-actions strong{width:auto;font-size:9px}.dock-actions .button{min-height:37px;font-size:10px;padding:5px 9px}.arena-stage .scene-cell{width:13%;height:8%}.opponent-caption{max-width:75%}.arena-stage .battlefield:not(.view-3d){padding:20px 15%!important}.arena-stage .combat-layer{inset:20px 15%}.shop-drawer{padding:10px}.shop-drawer .card-art{height:69px}.shop-drawer .card-art .portrait{height:66px}.shop-drawer .card-top>span:first-child,.shop-drawer .card-tribe{display:none}.shop-drawer .card-bottom{display:block}.shop-drawer .card-bottom strong{font-size:8px;display:block}.shop-drawer .card-info{padding:4px}.shop-drawer .card-bottom .coin{font-size:10px}.shop-drawer .shop-grid{gap:4px}.shop-drawer .shop-footer{display:none}.shop-drawer .sold{min-height:115px}.shop-drawer .sold strong{font-size:8px}.shop-drawer .sold small{display:none}}.arena-stage .tile>.unit-token{position:absolute;inset:0;min-height:0;max-height:100%;overflow:hidden}.arena-stage .tile .unit-token .portrait{margin:0;min-height:0;width:100%;height:100%}