@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0fc;background:#080e19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}html{background:#080e19}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin-top:0}button:focus-visible,input:focus-visible{outline:2px solid #f2bd69;outline-offset:3px}#app{position:relative;min-height:100vh;isolation:isolate}#app>main,#app>header,#app>footer{position:relative;z-index:2}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(40px);opacity:.58}.ambient-a{width:630px;height:630px;left:-240px;top:100px;background:radial-gradient(circle,#0d4662 0%,transparent 68%)}.ambient-b{width:600px;height:600px;right:-170px;top:-100px;background:radial-gradient(circle,#573619 0%,transparent 70%)}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.19;background-image:linear-gradient(#8ba5c2 1px,transparent 1px),linear-gradient(90deg,#8ba5c2 1px,transparent 1px);background-size:90px 90px;-webkit-mask-image:linear-gradient(to bottom,transparent 8%,black 95%);mask-image:linear-gradient(to bottom,transparent 8%,black 95%)}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,4vw,70px);border-bottom:1px solid #ffffff13;background:#0c1220cf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.identity{display:flex;align-items:center;gap:13px}.crest{height:42px;width:42px;display:grid;place-items:center;border:1px solid #cba15b99;color:#f5cb7f;font-size:26px;background:linear-gradient(145deg,#70502844,#131d29);transform:rotate(-3deg);box-shadow:0 0 26px #e2ae4c14}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;letter-spacing:1.3px;font-size:26px;line-height:1}.brand b{color:#eec27a}.brand-sub{font-size:9px;color:#8491a7;font-weight:800;letter-spacing:2px;margin-top:5px}.dot{color:#b58b4f}.header-right{display:flex;align-items:center;gap:24px}.live-pill{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#9fdac6;border:1px solid #43856b7a;border-radius:40px;padding:9px 14px;background:#19524330}.live-pill i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#53d49b;box-shadow:0 0 10px #37dc9e}.server{color:#717e92;font-size:10px;letter-spacing:1.4px;font-weight:700}.eyebrow{color:#e4b66d;font-weight:800;letter-spacing:2.3px;font-size:12px}.landing{max-width:1350px;margin:auto;padding:clamp(50px,8vw,120px) 28px;display:grid;grid-template-columns:1.17fr .83fr;gap:min(8vw,100px);align-items:center;min-height:calc(100vh - 158px)}.intro h1,.lobby-layout h1,.finish h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(60px,6.6vw,111px);line-height:.91;letter-spacing:-.7px;font-weight:900;margin:24px 0}.intro h1 em,.lobby-layout h1 em,.finish h1 em,.round-name h1 em{color:#f3be70;font-style:normal}.intro p{max-width:560px;font-size:17px;line-height:1.9;color:#a8b3c5}.feature-strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}.feature-strip span{font-weight:700;white-space:nowrap;font-size:11px;letter-spacing:.2px;color:#bfcbdc;border:1px solid #657b9338;border-radius:25px;background:#1e2d4029;padding:11px 14px}.entry-panel,.pane{border:1px solid #cbb17a38;background:linear-gradient(156deg,#192335e6,#0e1725f5 76%);box-shadow:0 25px 80px #0005,0 0 65px #f0a64409;position:relative;border-radius:5px}.entry-panel{padding:40px;overflow:hidden}.panel-highlight{height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#d6a75e,transparent)}.panel-label,.pane-top{color:#d3a869;letter-spacing:2px;font-weight:800;font-size:10px}.entry-panel h2{font-family:Barlow Condensed,sans-serif;letter-spacing:.5px;font-size:37px;margin:12px 0 31px}.entry-panel label{display:block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#91a0b3;margin:0 0 11px}.entry-panel input{width:100%;height:50px;border-radius:3px;background:#0b1320;border:1px solid #364357;color:#e9f1fb;padding:12px 16px;margin-bottom:14px;outline:none}.entry-panel input:focus{border-color:#d9ac66}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:800;letter-spacing:1px;font-size:11px;min-height:37px;border-radius:3px;transition:transform .15s ease,filter .15s ease,background .15s ease}.button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.button.gold{background:linear-gradient(135deg,#f4d49c,#dca652);color:#1d170e;box-shadow:0 3px 18px #f8b55c17}.button.outline{border:1px solid #ae8c59aa;color:#efc98b;background:#c9a15b10}.button.subtle{border:1px solid #3b4960;color:#aebbd0;background:#1b2939}.button.big{height:53px;width:100%;margin-top:9px;font-size:12px}.button.squared{padding:0 18px;height:49px;background:#e0b46f;color:#142130}.orline{display:flex;align-items:center;gap:12px;color:#7a889c;font-size:10px;letter-spacing:1px;font-weight:800;margin:27px 0 17px}.orline:before,.orline:after{content:"";flex:1;height:1px;background:#47566a66}.join-row{display:flex;gap:8px}.join-row input{min-width:0;margin:0;font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:5px;text-transform:uppercase}.entry-foot{font-size:10px;text-align:center;color:#75859b;margin:24px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1400px;padding:28px;font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:1px;color:#73849a}.footer span{font:700 10px Inter,sans-serif;color:#566579;letter-spacing:1px}.lobby-layout{max-width:1150px;margin:70px auto;padding:0 22px}.lobby-layout h1{font-size:70px;margin:14px 0}.lobby-desc{color:#abb8c9;line-height:1.7;margin:0 0 34px}.lobby-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:22px}.pane{padding:27px}.fine{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#7889a2;margin:27px 0 9px}.code-line{display:flex;align-items:center;gap:17px}.code-line strong{font-family:Barlow Condensed,sans-serif;font-size:51px;letter-spacing:9px;color:#f2cb82}.code-line button{padding:0 17px}.small-muted{color:#7d8ba1;font-size:11px;line-height:1.7}.divider{height:1px;background:#39485d6e;margin:27px 0}.lobby-counter{display:flex;justify-content:space-between;font-size:11px;color:#a3afc2;letter-spacing:1px;font-weight:800}.lobby-counter strong{color:#e8ba70}.lobby-slots{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.lobby-slot{display:flex;gap:12px;align-items:center;height:47px;padding:8px 11px;border:1px dashed #445065aa;background:#0e1725a3;color:#778499;font-size:12px}.lobby-slot.occupied{border-style:solid;border-color:#7b715a88;background:#2931474d;color:#dfe7f2}.lobby-slot .slot-number{font-family:Barlow Condensed,sans-serif;color:#54667d}.lobby-slot>span{color:#d4aa68;font-size:19px}.lobby-slot>b{margin-left:auto;font-size:9px;color:#e6bd7a}.start-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.start-icon{font-size:68px;color:#e4b86a;margin-bottom:12px;text-shadow:0 0 60px #d99c5277}.start-panel h2{font-family:Barlow Condensed,sans-serif;font-size:39px;margin:10px 0}.start-panel p{line-height:1.8;color:#acb9c9;font-size:13px}.start-facts{display:flex;align-self:stretch;justify-content:space-around;margin:22px 0 27px;padding:16px 0;border-block:1px solid #41506877}.start-facts div{display:flex;flex-direction:column;gap:4px}.start-facts strong{color:#eec77c;font-family:Barlow Condensed,sans-serif;font-size:31px}.start-facts small{font-size:9px;letter-spacing:1px;color:#8796aa;font-weight:800}.start-panel .button.subtle{border:0;margin-top:16px}.waiting{border:1px solid #4a5a70;color:#c9d4e3;padding:18px;width:100%;font-size:13px}.arena{max-width:1860px;padding:26px clamp(14px,2vw,34px) 50px;margin:auto}.status-row{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:22px}.round-name h1{font:900 49px/.92 Barlow Condensed,sans-serif;margin:8px 0}.round-name h1 span{font-size:25px;font-weight:600;color:#61748a}.phase-status{text-align:center;border:1px solid #b28a4b69;background:#c49b5112;padding:13px 25px;min-width:280px}.phase-label{color:#d6af70;font-size:11px;font-weight:900;letter-spacing:1.5px}.phase-status strong{display:block;font-family:Barlow Condensed,sans-serif;color:#f4cc8b;font-size:41px;line-height:1.15}.phase-status>span{color:#7d8ca0;font-size:10px}.currency-bar{display:flex;gap:18px}.currency-bar>div{min-width:85px;padding-left:19px;border-left:1px solid #41506b}.currency-bar span{font-size:9px;color:#7f8da1;letter-spacing:1.2px;font-weight:800;display:block;margin-bottom:5px}.currency-bar strong{font:800 26px Barlow Condensed,sans-serif;color:#f2cb86}.currency-bar>div:last-child strong{color:#f78c9b}.game-layout{display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr) minmax(195px,240px);gap:18px}.sidebar{background:#101928df;border:1px solid #3142598c;padding:17px;align-self:start;min-height:420px}.sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#d2dceb;font-weight:900;letter-spacing:.9px;padding-bottom:17px;border-bottom:1px solid #34405480}.sidebar-title span{color:#85c9a8;font-size:9px}.players-list{margin-top:5px}.player-entry{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #27394d}.player-entry.self{background:#e9b9660c;border-inline-start:2px solid #d8af6e;padding-left:5px}.player-entry.eliminated{opacity:.4}.rank{font:700 14px Barlow Condensed,sans-serif;color:#70849b}.player-avatar{width:30px;height:30px;display:grid;place-items:center;background:#293850;color:#ffcd8c;flex-shrink:0;border-radius:3px}.player-detail{min-width:0;flex:1}.player-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name i{font-size:8px;font-style:normal;color:#e6b66d}.health-track{background:#354156;height:4px;margin-top:7px;border-radius:5px;overflow:hidden}.health-track span{background:linear-gradient(90deg,#b6535d,#e58f80);display:block;height:100%;border-radius:5px}.health-num{font:700 14px Barlow Condensed,sans-serif;color:#e1a5a6}.health-num small{font-size:9px;color:#68798c}.side-footer{font-size:9px;color:#677e92;margin-top:25px;line-height:1.6;text-align:center}.game-center{min-width:0}.board-frame{position:relative;overflow:hidden;border:1px solid #7d664486;background:radial-gradient(ellipse at 50% 46%,#22435c,#102338 61%,#0c1828);box-shadow:inset 0 0 90px #0009,0 15px 60px #0003;padding:20px 25px 16px}.board-frame:after{content:"";position:absolute;pointer-events:none;inset:0;border:12px solid #b9a06e0c}.board-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;font-weight:900;letter-spacing:1.3px;font-size:12px;color:#d7bc8a}.board-header>div{font-size:10px;color:#c5d0df}.opponent-water{height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.38;pointer-events:none}.water-emblem{font-size:35px;color:#c69b62}.opponent-water p{font:800 10px Barlow Condensed,sans-serif;letter-spacing:4px;color:#9fb1ca;margin:2px}.board-grid{display:flex;flex-direction:column;gap:1px;width:min(100%,960px);margin:8px auto 0;padding:8px 2% 12px;perspective:700px}.board-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:93%;margin:0 auto;filter:drop-shadow(0 3px 2px #0007)}.board-row:nth-child(2n){transform:translate(7.1%)}.board-row:not(:first-child){margin-top:-5px}.board-cell{border:1px solid #9dbfd04f;color:#809db4;position:relative;display:grid;place-items:center;overflow:hidden;min-width:0;min-height:0;width:100%;aspect-ratio:1.18;background:linear-gradient(145deg,#43849d60,#0e3047d9);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:background .13s,filter .13s}.board-cell:before{content:"";position:absolute;inset:4px;clip-path:inherit;border:1px solid #9bd0c126;background:linear-gradient(160deg,#ffffff0b,transparent)}.board-cell:hover,.board-cell.can-place:hover{background:#4b8d9a94}.board-cell.selected{background:#d6a75b70;filter:drop-shadow(0 0 6px #d9a760)}.board-cell.filled{background:linear-gradient(145deg,#556e87b8,#213f5df0)}.tile-diamond{position:absolute;font-size:66px;opacity:.13;color:#c3dbf0}.empty-marker{font-size:9px;letter-spacing:2px;opacity:.46;font-weight:800}.unit-mini{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;pointer-events:none;max-width:100%;overflow:hidden}.unit-icon{font-size:32px;filter:drop-shadow(0 6px 6px #0009);line-height:1.2}.unit-small-name{font:800 13px Barlow Condensed,sans-serif;letter-spacing:.4px;color:#f1e5d0;margin-top:6px;white-space:nowrap;max-width:94%;overflow:hidden;text-overflow:ellipsis}.stars{font-size:11px;line-height:1.3;letter-spacing:1px;color:#ffc75e}.board-instructions{text-align:center;color:#aec2cb;font-size:11px;margin-top:19px;position:relative;z-index:1;min-height:15px}.bench-section{padding:16px 18px;border:1px solid #33445a;background:#111a29;margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:#e2d3b4;letter-spacing:1.2px;font-weight:900}.section-heading span{font-size:10px;letter-spacing:.8px;color:#8a98ab}.bench-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;margin-top:13px}.bench-slot{height:68px;min-width:0;display:grid;place-items:center;border:1px solid #44536b;background:#172639;color:#53677d;overflow:hidden;transition:.15s}.bench-slot:hover{background:#233850}.bench-slot.selected{border-color:#ebbb70;background:#795b373f}.bench-slot .unit-icon{font-size:26px}.bench-slot .unit-small-name{font-size:9px}.bench-slot .stars{font-size:8px}.bench-slot>span{font-size:18px}.shop-section{border:1px solid #3a4b60;background:#101927;margin-top:13px;padding:18px}.shop-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.shop-head small{color:#7a899c;font-size:10px;display:block;margin-top:7px}.shop-actions{display:flex;gap:7px;flex-wrap:wrap}.button.compact{font-size:10px;height:35px;padding:0 12px}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shop-unit{text-align:left;border:1px solid #7463479e;position:relative;overflow:hidden;min-width:0;padding:0;background:#1e293b;color:#e8edf7;transition:transform .15s,border .15s}.shop-unit:not(:disabled):hover{transform:translateY(-4px);border-color:#e5bc72}.shop-unit.tier-1{border-color:#6c839077}.shop-unit.tier-2{border-color:#4e9f9a9c}.shop-unit.tier-3{border-color:#b183caad}.shop-top{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;position:relative;z-index:1}.tier-badge{font-size:9px;font-weight:800;color:#a4b8c6;letter-spacing:1px}.tier-3 .tier-badge{color:#d6a3ee}.cost{font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:900;color:#eac27e}.character-art{height:98px;position:relative;display:grid;place-items:center;font-size:63px;background:radial-gradient(circle at 50% 80%,#47788942,#1b2b40 65%,transparent 99%);filter:drop-shadow(0 9px 8px #0005)}.tier-2 .character-art{background:radial-gradient(circle at 50% 80%,#358d8155,#1a293d 69%)}.tier-3 .character-art{background:radial-gradient(circle at 50% 80%,#7e5d9055,#1a293d 69%)}.shop-info{padding:0 10px 9px;display:flex;flex-direction:column;min-height:77px}.shop-info strong{font:800 19px Barlow Condensed,sans-serif;letter-spacing:.25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-info>span{color:#78899f;font-size:9px;margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-traits{display:flex;flex-wrap:wrap;gap:4px}.shop-traits small{font-size:8px;color:#b9c2d0;background:#33485b80;border-radius:2px;padding:3px 4px}.purchase-tag{text-align:center;padding:7px 2px;background:#cbaa6b1a;border-top:1px solid #9e86543a;color:#d7bc86;font-size:9px;font-weight:900;letter-spacing:.5px}.shop-unit.sold{display:grid;place-items:center;color:#5a6577;font-size:10px;min-height:220px;background:#0a121c}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:14px}.selected-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#a9b6c7;font-size:10px}.selected-actions .button{font-size:9px;padding:0 8px;min-height:29px}.ready{padding:0 18px;min-width:175px;min-height:42px;font-size:10px;white-space:nowrap}.trait-list{padding-top:10px}.trait-entry{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #263449;color:#7b8ca2}.trait-entry.active{color:#e3c38d}.trait-entry>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6071884b;background:#27374b;font-size:16px}.trait-entry div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.trait-entry strong{font-size:11px}.trait-entry small{font-size:8px}.trait-entry>b{font:800 17px Barlow Condensed,sans-serif}.last-fight{margin-top:32px}.fight-history{padding-top:14px;line-height:1.6;font-size:10px;color:#acbdd0}.fight-outcome{font-weight:900;color:#ed9a9f;letter-spacing:1px;margin-bottom:9px}.fight-outcome.win{color:#8fdfba}.fight-log{margin-top:10px;color:#708398}.fight-log p{margin:4px 0}.tips-box{padding:16px;background:#bd954914;border:1px solid #9d8a5b4f;margin-top:25px;color:#dbbd88;font-size:10px;line-height:1.8}.tips-box b{font-size:10px;letter-spacing:.8px}.tips-box p{margin:8px 0 0;color:#9aa9bd}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);z-index:10;padding:14px 22px;background:#25364d;color:#f4e9dc;border:1px solid #e5b978a8;border-radius:3px;box-shadow:0 15px 50px #0009;font-size:12px;max-width:90vw;text-align:center}.finish{max-width:750px;text-align:center;margin:12vh auto;padding:30px}.finish .trophy{font-size:100px;filter:drop-shadow(0 0 38px #dfa85370)}.finish h1{font-size:clamp(65px,9vw,110px)}.finish p{color:#b8c7d7;font-size:18px;margin:26px 0 36px}.finish .button{max-width:330px}@media(max-width:1430px){.game-layout{grid-template-columns:minmax(165px,195px) minmax(0,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:17px;min-height:0}.right-sidebar .last-fight{margin-top:0}.trait-list{padding-top:0}.tips-box{margin-top:0}.status-row{gap:15px}.currency-bar{gap:9px}.currency-bar>div{padding-left:10px;min-width:67px}}@media(max-width:1080px){.landing{grid-template-columns:1fr;max-width:650px;padding-top:65px}.intro h1{font-size:clamp(65px,11vw,95px)}.entry-panel{max-width:590px;width:100%}.game-layout{display:flex;flex-direction:column}.left-sidebar{order:2;min-height:0}.game-center{order:1}.right-sidebar{order:3;display:block;min-height:0}.players-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.player-entry{border:0}.side-footer{display:none}.status-row{flex-wrap:wrap}.phase-status{order:3;flex-basis:100%}.currency-bar{margin-left:auto}.lobby-layout{margin-top:44px}}@media(max-width:680px){.topbar{height:66px;padding:0 15px}.brand{font-size:20px}.brand-sub{font-size:7px;letter-spacing:1px}.crest{width:35px;height:35px;font-size:22px}.header-right .server{display:none}.live-pill{font-size:8px;letter-spacing:.5px;padding:7px 9px}.landing{padding:50px 17px 30px;gap:40px;min-height:auto}.intro h1{font-size:64px}.intro p{font-size:14px;line-height:1.75}.feature-strip{margin-top:20px;gap:8px}.feature-strip span{font-size:9px;padding:8px}.entry-panel{padding:25px 19px}.entry-panel h2{font-size:33px}.footer{padding:20px 16px;font-size:10px}.footer span{font-size:8px;text-align:right}.lobby-layout{margin:36px auto}.lobby-layout h1{font-size:54px}.lobby-columns{grid-template-columns:1fr}.pane{padding:20px}.code-line strong{font-size:40px;letter-spacing:5px}.arena{padding:19px 9px 35px}.status-row{gap:16px}.round-name h1{font-size:42px}.round-name .eyebrow{font-size:9px}.currency-bar{gap:10px}.currency-bar span{font-size:8px}.currency-bar strong{font-size:19px}.currency-bar>div{min-width:50px}.phase-status{min-width:0}.board-frame{padding:14px 8px}.board-grid{gap:0;padding:3px 0 8px}.board-row{gap:2px}.board-row:not(:first-child){margin-top:-2px}.board-cell{aspect-ratio:1.02}.board-cell .unit-small-name{display:none}.board-cell .unit-icon{font-size:25px}.board-cell .unit-small-name{font-size:10px}.board-cell .stars,.board-header{font-size:9px}.board-header>div{font-size:8px}.opponent-water{height:55px}.board-instructions{font-size:9px;padding-inline:5px}.bench-section,.shop-section{padding:11px}.bench-grid{gap:3px}.bench-slot{height:51px}.bench-slot .unit-icon{font-size:20px}.bench-slot .unit-small-name{display:none}.bench-slot .stars{font-size:7px}.shop-head{align-items:stretch;flex-direction:column}.shop-actions{justify-content:space-between}.shop-actions .button{flex:1;font-size:8px;padding:0 5px}.shop-grid{gap:4px}.shop-top{padding:6px 3px}.tier-badge{font-size:7px}.cost{font-size:15px}.character-art{height:70px;font-size:42px}.shop-info{padding:0 4px 6px;min-height:85px}.shop-info strong{font-size:13px}.shop-info>span{font-size:7px;min-height:15px}.shop-traits{gap:2px}.shop-traits small{font-size:7px;padding:2px}.purchase-tag{font-size:7px;min-height:24px;display:grid;place-items:center}.shop-unit.sold{min-height:180px;font-size:8px}.game-actions{flex-direction:column-reverse;align-items:stretch}.game-actions .ready{width:100%}.players-list{grid-template-columns:repeat(2,minmax(0,1fr))}.right-sidebar{display:block}.start-panel{padding:24px}.lobby-slots{grid-template-columns:1fr}.lobby-desc{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.signature-skill{margin-top:8px;display:flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid #d9b2734a;background:linear-gradient(110deg,#d9b27320,#8b5b3022);border-radius:4px;color:#f1cd91;font:700 10px Barlow Condensed,sans-serif;letter-spacing:.3px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.selected-skill{display:inline-block;margin-left:8px;padding:4px 7px;border:1px solid #d9b27370;border-radius:3px;background:#e4b76b19;color:#f1ca85;font-weight:700}.fight-log{max-height:175px;overflow:auto;scrollbar-width:thin}.fight-log p{border-left:2px solid #bea36c77;padding:3px 0 3px 8px}@media(max-width:700px){.signature-skill{font-size:8px;line-height:1.2;padding:4px;min-height:29px;margin-top:4px}.selected-skill{display:block;margin:6px 0 0}}.battle-live{position:relative;isolation:isolate;z-index:1;margin:13px auto 5px;max-width:780px}.battle-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;border:1px solid #d6af7138;background:#0b1725b8;color:#f1cd91;border-radius:6px 6px 0 0;font:800 11px Barlow Condensed,sans-serif;letter-spacing:.8px}.battle-hud>span{font:500 9px Inter,sans-serif;color:#96aabb;letter-spacing:0}.battle-viewport{min-height:360px;border:1px solid #608ba46e;border-top:0;border-radius:0 0 6px 6px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#316d8055 0%,transparent 65%),repeating-linear-gradient(130deg,transparent 0 27px,#71c4d807 28px 29px),linear-gradient(180deg,#081a2a,#13374a 50%,#0c2437);box-shadow:inset 0 0 55px #02070cb5}.battle-sea{display:flex;flex-direction:column;padding:13px 18px 15px;gap:7px}.fleet-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9eb8ca;font:800 9px Inter,sans-serif;letter-spacing:1.5px;margin:0 0 6px}.fleet-label b{font:800 16px Barlow Condensed,sans-serif;color:#e8f5ff;letter-spacing:.5px}.enemy-fleet .fleet-label b{color:#f3b7a7}.fighter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(51px,auto);gap:6px;max-width:560px;margin:auto;width:100%}.battle-map-label{max-width:650px;width:100%;margin:3px auto;color:#f2bba4;text-align:center;font:800 11px Barlow Condensed,sans-serif;letter-spacing:1.1px}.battle-map-label.own{color:#99e3de}.battle-position-grid{display:flex;flex-direction:column;gap:0;width:100%;max-width:900px;margin:0 auto;border:1px solid #5b9da663;border-radius:10px;padding:8px 1% 10px;background:linear-gradient(180deg,#2a374266,#133b4866,#2a374266)}.battle-combat-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:93%;margin:0 auto}.battle-combat-row.offset{transform:translate(7.1%)}.battle-combat-row:not(:first-child){margin-top:-7px}.battle-map-cell{height:clamp(50px,5vw,76px);min-width:0;border:1px solid #6c9ead4a;background:#153044a0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.battle-map-mid{background:#37687932;border-color:#c0ba8940}.battle-map-cell>.battle-tile{width:100%;height:100%;padding:4px 6px;gap:4px}.battle-map-cell>.battle-tile.empty{background:transparent;border:0}.battle-map-cell .fighter-portrait img{height:28px;max-width:31px;object-fit:contain}.battle-tile{height:57px;min-width:0;position:relative;display:flex;align-items:center;gap:7px;padding:6px 8px;background:linear-gradient(130deg,#163044dc,#102335c2);border:1px solid #5a9cb36d;border-radius:6px;box-shadow:inset 0 0 18px #4b98a414;transform:translateZ(0)}.battle-tile.foe{border-color:#b46c6582;background:linear-gradient(130deg,#39252fdc,#192636c2)}.battle-tile.empty{justify-content:center;color:#7891a37a;background:#07162456;border-style:dashed}.fighter-portrait{flex:none;font-size:25px;filter:drop-shadow(0 1px 6px #000b)}.fighter-name{font:800 12px Barlow Condensed,sans-serif;letter-spacing:.2px;color:#edf6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighter-health{position:absolute;bottom:10px;left:7px;right:7px;height:5px;background:#060f18;border:1px solid #bed6f31c;border-radius:8px;overflow:hidden}.fighter-health>span{display:block;height:100%;background:linear-gradient(90deg,#3ea879,#83e3a1);transition:width .14s ease-out}.battle-tile.foe .fighter-health>span{background:linear-gradient(90deg,#bf665b,#fa9d7a)}.fighter-mana{position:absolute;bottom:3px;left:7px;right:7px;height:4px;background:#071324;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 2px #97acff44}.fighter-mana>span{display:block;height:100%;background:linear-gradient(90deg,#5474da,#73d6ff);transition:width .14s ease-out}.fighter-stars{position:absolute;right:5px;top:2px;font-size:8px;letter-spacing:-2px;color:#e8c27c}.fighter-shield{position:absolute;top:-5px;left:4px;padding:1px 3px;background:#183e5de8;border:1px solid #6fcef3a3;border-radius:3px;color:#a9edff;font:800 9px Inter,sans-serif}.battle-tile.ko{opacity:.25;filter:grayscale(1);transform:scale(.93)}.battle-center{min-height:47px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;position:relative}.battle-crest{position:absolute;left:8px;font-size:22px;color:#cbac75b7;filter:drop-shadow(0 0 6px #dfae6688)}.battle-ticker{text-align:center;color:#fae3ae;font:800 12px Barlow Condensed,sans-serif;letter-spacing:1px;text-shadow:0 0 10px #e9a85752;max-width:85%}.battle-progress{height:3px;width:65%;max-width:250px;background:#070d18;border-radius:6px;overflow:hidden}.battle-progress span{display:block;height:100%;background:linear-gradient(90deg,#4da8ba,#f4c57b);transition:width .1s linear}.battle-foot{color:#92a8b8;text-align:center;padding:8px;font:700 9px Inter,sans-serif;letter-spacing:.6px}.battle-final{padding:7px;text-align:center;color:#f5b2a1;font:900 20px Barlow Condensed,sans-serif;letter-spacing:2px;background:#1c1828c9;border-top:1px solid #ab6e5f65}.battle-final.victory{color:#ffe6a7;background:#473b235e}.battle-wait{text-align:center;padding:90px 10px;display:grid;justify-items:center;gap:9px;color:#f0ca8b}.battle-wait>span{font-size:48px}.battle-tile.attacking.ally{animation:replay-lunge-up .25s cubic-bezier(.3,0,.1,1)}.battle-tile.attacking.foe{animation:replay-lunge-down .25s cubic-bezier(.3,0,.1,1)}.battle-tile.struck{animation:replay-hit .28s ease-out;border-color:#ffae78;z-index:2}.battle-tile.casting{box-shadow:0 0 15px #edc17496,inset 0 0 15px #f2b76e60}.battle-tile.recover{animation:replay-heal .35s ease-out}.damage-pop{position:absolute;right:10px;top:-13px;z-index:5;font:900 18px Barlow Condensed,sans-serif;color:#ff947f;text-shadow:0 0 8px #16050d;pointer-events:none;animation:replay-float .6s both}.heal-pop{color:#7ff0b7}.shield-pop{color:#91e8ff}.skill-flare{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translate(-50%);white-space:nowrap;z-index:6;max-width:180px;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;background:#271d19ee;border:1px solid #f9cd87ad;border-radius:4px;color:#ffe6b4;font:900 11px Barlow Condensed,sans-serif;box-shadow:0 0 15px #ffc87c31;pointer-events:none}@keyframes replay-lunge-up{50%{transform:translateY(-12px) scale(1.065)}}@keyframes replay-lunge-down{50%{transform:translateY(12px) scale(1.065)}}@keyframes replay-hit{40%{filter:brightness(2.3);transform:translate(4px)}}@keyframes replay-heal{50%{filter:drop-shadow(0 0 12px #63f4b0) brightness(1.3)}}@keyframes replay-float{0%{opacity:0;transform:translateY(7px)}20%{opacity:1}to{opacity:0;transform:translateY(-19px)}}@media(max-width:700px){.battle-sea{padding:7px 5px 9px;gap:5px}.battle-hud{font-size:9px;padding:6px}.battle-hud>span{display:none}.fighter-grid{gap:3px;grid-auto-rows:52px}.battle-tile{height:52px;padding:3px;flex-direction:column;gap:0;justify-content:center}.battle-position-grid{gap:3px;padding:3px}.battle-map-cell{height:43px}.battle-combat-row{gap:2px}.battle-combat-row:not(:first-child){margin-top:-4px}.battle-map-cell>.battle-tile{height:100%;padding:1px;gap:0}.battle-map-cell .fighter-portrait img{height:20px;max-width:28px}.battle-map-label{font-size:9px}.fighter-portrait{font-size:20px;line-height:1}.fighter-name{font-size:9px;max-width:100%}.fighter-health{bottom:8px;left:3px;right:3px;height:4px}.fighter-mana{bottom:2px;left:3px;right:3px;height:3px}.fleet-label{margin:0 2px 3px}.fleet-label b{font-size:13px}.fighter-stars{font-size:6px}.battle-ticker{font-size:10px}.battle-crest{left:0}.battle-foot{font-size:7px;line-height:1.6}.battle-viewport{min-height:315px}.damage-pop{font-size:15px}.skill-flare{max-width:110px;font-size:9px}}@media(prefers-reduced-motion:reduce){.battle-tile.attacking,.battle-tile.struck,.battle-tile.recover,.damage-pop{animation:none!important;transition:none!important}}.character-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden}.champion-portrait{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 11px 14px #0009);transition:transform .24s ease,filter .24s ease}.shop-unit:hover .champion-portrait{transform:scale(1.12) translateY(-3px);filter:drop-shadow(0 13px 20px #000b) saturate(1.15)}.character-art .fallback-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-size:68px;filter:drop-shadow(0 9px 14px #000a)}.unit-portrait{max-width:100%;max-height:66%;height:51px;width:auto;object-fit:contain;filter:drop-shadow(0 3px 6px #000a)}.bench-slot .unit-portrait,.board-cell .unit-portrait{height:50px}.fighter-portrait{display:flex;align-items:center;justify-content:center;width:38px;height:44px;overflow:visible}.fighter-portrait img{height:45px;max-width:44px;object-fit:contain;filter:drop-shadow(0 2px 5px #000c)}.shop-unit.tier-4{border-color:#c089db80;box-shadow:inset 0 2px #c089db}.shop-unit.tier-5{border-color:#efbf718f;box-shadow:inset 0 2px #ffc75a,0 0 22px #d7a34e1f}.shop-unit.tier-4 .tier-badge{color:#daa8ff}.shop-unit.tier-5 .tier-badge{color:#ffe09b}.shop-unit.tier-5 .character-art{background:radial-gradient(ellipse at 50% 100%,#ae79345c,transparent 65%)}.shop-unit.tier-4 .character-art{background:radial-gradient(ellipse at 50% 100%,#8243b45b,transparent 65%)}.poneglyph-section{position:relative;margin:12px 0;border:1px solid #d7b6787c;border-radius:9px;background:linear-gradient(120deg,#372a29,#101c30 48%,#151d30);padding:16px;box-shadow:0 0 25px #ffc7770a}.poneglyph-head{color:#ffda95;font:800 15px Barlow Condensed,sans-serif;letter-spacing:1.6px}.poneglyph-head small{display:block;color:#c2bed1;font:500 11px Inter,sans-serif;letter-spacing:0;margin-top:5px}.poneglyph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.poneglyph-option{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;min-width:0;min-height:135px;padding:12px;border:1px solid #cba6667a;border-radius:7px;background:linear-gradient(145deg,#384253,#142237);color:#f0e5cf;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.poneglyph-option:hover:not(:disabled),.poneglyph-option:focus-visible{transform:translateY(-3px);border-color:#ffdb88;background:linear-gradient(145deg,#53536a,#1b2a40)}.poneglyph-option span{font:900 10px Barlow Condensed,sans-serif;letter-spacing:1px;color:#e2b86d}.poneglyph-option strong{font:900 18px Barlow Condensed,sans-serif;line-height:1.05;color:#ffe0a0}.poneglyph-option small{font:500 11px/1.5 Inter,sans-serif;color:#c3cbdd}.poneglyph-option b{margin-top:auto;font:800 11px Barlow Condensed,sans-serif;letter-spacing:.5px;color:#eaca8d}.active-poneglyphs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 0}.active-poneglyphs span{padding:5px 8px;border-radius:5px;background:#c0a06722;border:1px solid #d0b27c59;font-size:11px;color:#e9d6b4}.poneglyph-section.small{padding:4px 10px 10px;border-color:#9d854748}.lobby-slot.occupied b{border-radius:3px}@media(max-width:900px){.poneglyph-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poneglyph-option{padding:8px;min-height:142px}.poneglyph-option strong{font-size:16px}}@media(max-width:600px){.poneglyph-grid{grid-template-columns:1fr}.poneglyph-option{min-height:91px}.poneglyph-option strong{font-size:20px}.unit-portrait{height:39px}.fighter-portrait img{height:34px}.fighter-portrait{height:36px;width:35px}}@media(prefers-reduced-motion:reduce){.champion-portrait,.poneglyph-option{transition:none!important}}.board-header-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.view-switch{background:linear-gradient(120deg,#2a5967,#112d3c);border:1px solid #6ac6ca;color:#c5f6f5;border-radius:5px;padding:6px 10px;font:800 11px Barlow Condensed,sans-serif;letter-spacing:.5px;cursor:pointer;box-shadow:inset 0 1px #adf8ff26;transition:background .18s,border-color .18s}.view-switch:hover,.view-switch:focus-visible{background:#326d7c;border-color:#bafaff;outline-offset:2px}.three-arena{position:relative;min-height:480px;isolation:isolate;background:linear-gradient(180deg,#0d2943,#0a3042 40%,#071720);overflow:hidden;border:1px solid #446876;border-radius:6px;box-shadow:inset 0 0 50px #05121ba8}.three-viewport{height:475px;width:100%;position:relative;touch-action:pan-y;overflow:hidden}.three-viewport>canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.three-arena-overlay{position:absolute;left:12px;top:10px;z-index:2;pointer-events:none;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #83bdba77;border-radius:5px;background:linear-gradient(100deg,#071c2bdd,#092735bb);box-shadow:0 4px 15px #06142066}.three-arena-overlay strong{color:#d5f8ed;font:800 11px Barlow Condensed,sans-serif;letter-spacing:1.05px}.three-arena-overlay small{color:#b8cbd2;font:600 9px Inter,sans-serif;letter-spacing:.25px}.three-status-dot{width:7px;height:7px;border-radius:50%;background:#76e3be;box-shadow:0 0 10px #58dfc4}.three-arena-footer{position:absolute;z-index:2;bottom:10px;left:11px;right:11px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;font:700 10px Barlow Condensed,sans-serif;letter-spacing:.3px;color:#cde4e0;text-shadow:0 1px 5px #000}.three-arena-footer>span{background:#071b28a8;border:1px solid #8dd6c533;border-radius:4px;padding:5px 7px}.three-board-fallback{display:none!important}.three-arena~.board-instructions{color:#a5d3d1}@media(max-width:900px){.three-viewport{height:400px}.three-arena{min-height:405px}.three-arena-overlay small{display:none}}@media(max-width:620px){.board-header-actions{gap:4px}.view-switch{padding:5px 7px;font-size:10px}.three-viewport{height:310px}.three-arena{min-height:315px}.three-arena-overlay{left:6px;top:6px;padding:5px 7px}.three-arena-overlay strong{font-size:9px}.three-arena-footer{left:5px;right:5px;bottom:6px;font-size:8px;gap:4px}.three-arena-footer>span{padding:3px 5px}}@media(prefers-reduced-motion:reduce){.view-switch{transition:none}}:root{--navy:#07121c;--navy-soft:#122433;--night:#060d16;--gold:#f1c87d;--gold-dim:#b98950;--teal:#6addd4;--chalk:#edf4f2;--muted:#a5bbbf;--outline:#53717c70;color:var(--chalk);background:#07121c}html{background:var(--navy)}body{background:radial-gradient(ellipse at 48% -12%,#164a58 0%,transparent 45%),radial-gradient(ellipse at 93% 34%,#39291f42 0%,transparent 33%),#07121c}#app{background:linear-gradient(155deg,#06121a3d,#09192318 55%,#07131c3d)}.ambient{opacity:.35}.grid-overlay{opacity:.1;background-size:106px 106px}h1,h2,h3,.brand,.round-name h1,.shop-info strong{letter-spacing:.012em}.topbar{height:74px;padding:0 clamp(16px,2.4vw,42px);background:linear-gradient(90deg,#0a1b2be8,#0b1823ef 60%,#182332ea);border-bottom:1px solid #daa96045;box-shadow:0 7px 38px #0006;position:sticky!important;top:0;z-index:50!important}.topbar:after{content:"";position:absolute;bottom:0;left:0;width:33%;height:1px;background:linear-gradient(90deg,#e2b66b,transparent)}.crest{border-radius:9px;width:43px;height:43px;background:radial-gradient(circle at 35% 18%,#5c654f88,#152a36 64%,#0c121d);border:1px solid #e0b56a9c;box-shadow:0 0 0 4px #b6a26a10,0 6px 14px #0008;font-size:26px;transform:none}.brand{display:flex;gap:8px;align-items:baseline;color:#f0f4f7;font-size:26px}.brand b{color:#f3c67b}.brand-edition{display:inline-flex;align-items:center;align-self:center;border-radius:3px;background:#e8bf7d15;border:1px solid #d5aa686b;color:#eac480;padding:3px 6px;font:900 9px Barlow Condensed,sans-serif;letter-spacing:1px}.brand-sub{color:#819aab;letter-spacing:1.65px;font-size:8px}.header-flag{color:#dfc797;font:900 11px Barlow Condensed,sans-serif;letter-spacing:1.3px}.live-pill{background:#14453422;border-color:#43886f80;color:#b6e6d4;letter-spacing:1px}.live-pill.is-connecting{border-color:#d8ac5d70;color:#f0c489;background:#8e632b23}.live-pill.is-connecting i{background:#eabf78;box-shadow:0 0 12px #cba24b}.live-pill.is-connected{border-color:#4eb99a9e;background:#19473735}.button{border-radius:7px;letter-spacing:.5px;min-height:40px}.button.gold{background:linear-gradient(140deg,#ffe6ad,#d6a45c 62%,#b78346);color:#201b18;box-shadow:inset 0 1px #fff5d3ad,0 4px 20px #e6b46f24;border:1px solid #f5d5a2}.button.outline{background:linear-gradient(110deg,#a3773a23,#29304177);color:#f1d09c;border:1px solid #bd9865a6}.button.subtle{background:#122332b5;border:1px solid #5d72817c;color:#d6e1e5}.button:not(:disabled):active,.shop-unit:not(:disabled):active{transform:translateY(1px)}.button:focus-visible,button:focus-visible{outline:2px solid #84e6db;outline-offset:3px}.entry-panel,.pane,.sidebar,.shop-section,.bench-section,.board-frame{border-radius:11px;box-shadow:0 10px 42px #02080e70}.entry-panel{border-color:#e3ba764d;padding:38px;background:linear-gradient(160deg,#1c3440e8,#111f2cf2 52%,#111924f6)}.entry-panel:before{content:"✧";position:absolute;font:900 240px/.8 Georgia,serif;right:-12px;top:22px;color:#b7a77c0c;pointer-events:none;transform:rotate(12deg)}.entry-panel h2{font-size:clamp(32px,3vw,43px);margin-bottom:7px;color:#f9e5c1}.entry-lead{font-size:12px;color:#a5bfcb;letter-spacing:.15px;margin-bottom:23px}.entry-panel input{border-radius:7px;background:#071722c4;border-color:#5370827f}.entry-panel label{color:#d0c2a9}.entry-foot{line-height:1.6}.landing{min-height:calc(100vh - 74px);gap:min(6vw,78px);padding-top:38px;padding-bottom:55px}.intro{position:relative;min-width:0}.intro h1{font-size:clamp(58px,6vw,92px);margin:20px 0 16px;line-height:.9;text-shadow:0 5px 30px #010608ad}.intro h1 em{background:linear-gradient(90deg,#ffe8ac,#d39c54,#f8d191);color:transparent;background-clip:text;-webkit-background-clip:text}.intro p{max-width:590px;font-size:15px;line-height:1.75;color:#afc3ce}.eyebrow{color:#efc87e}.feature-strip{margin-top:22px;gap:9px}.feature-strip span{background:#09253499;border-color:#5680816b;color:#cde0de}.landing-heroes{height:270px;display:flex;align-items:flex-end;gap:12px;position:relative;margin-top:26px;padding-bottom:20px}.landing-hero{position:relative;display:flex;align-items:end;justify-content:center;flex:1;height:200px;max-width:210px;min-width:0;isolation:isolate;border:1px solid #af945d8c;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 50% 66%,#3f8c8969,#102737 69%,#09121b);box-shadow:0 15px 25px #0008,0 0 0 3px #e4b8720c;transform:rotate(-5deg)}.landing-hero:after{content:"";position:absolute;inset:auto 0 0;height:65%;background:linear-gradient(0deg,#040e18ed,transparent);pointer-events:none;z-index:2}.landing-hero img{position:absolute;bottom:5px;height:98%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 13px #02060ebd)}.landing-hero strong{position:relative;z-index:3;width:100%;padding:7px;text-align:center;color:#ffe4a5;font:900 13px Barlow Condensed,sans-serif;letter-spacing:1px}.landing-hero.hero--ruffy{height:252px;transform:translateY(-5px);z-index:2;border-color:#e4b269cc;background:radial-gradient(ellipse at 50% 65%,#bd764a70,#423329 74%,#17171b);box-shadow:0 0 44px #f0b35c29,0 16px 28px #0008}.landing-hero.hero--shanks{transform:rotate(5deg);background:radial-gradient(ellipse at 50% 65%,#a04c5364,#251b36 75%,#121621)}.landing-hero-caption{position:absolute;right:0;bottom:1px;font:800 10px Barlow Condensed,sans-serif;color:#b3bdbc;letter-spacing:1.8px}.lobby-layout{max-width:1220px;margin-top:52px}.lobby-layout h1{color:#fbf0de}.lobby-slot{border-radius:7px;transition:border-color .2s,background .2s}.lobby-slot.occupied{border-color:#d0aa6b7b;background:#a38c531a}.code-line strong{letter-spacing:5px}.start-panel{background:radial-gradient(circle at 50% 12%,#a2783b20,transparent 45%),#132637}.start-icon{text-shadow:0 0 27px #f5b56187}.arena{max-width:1980px;padding:18px clamp(10px,1.5vw,28px) 55px}.status-row{min-height:91px;gap:20px;padding:12px 20px;margin-bottom:14px;border:1px solid #d0a9665c;border-radius:11px;background:linear-gradient(112deg,#172d39f2,#0f2630f1 40%,#101a2af0 76%,#182738f3);box-shadow:0 10px 35px #0106096b}.round-name{min-width:145px}.round-name .eyebrow{color:#caaf7e;letter-spacing:1.3px;font-size:10px}.round-name h1{font-size:42px;margin:5px 0 0;color:#f5eddf}.round-name h1 em{color:#ffcd7d}.phase-status{flex:1;max-width:450px;min-width:190px;padding:9px 16px;text-align:left;border:1px solid #7d877270;border-radius:8px;background:#091923b9}.phase-status strong{font-size:32px;color:#ffe0a6}.phase-status>span{display:block;color:#acbac5;font-size:10px;line-height:1.3}.phase-progress{height:5px;width:100%;background:#32414b;border-radius:20px;overflow:hidden;margin-top:8px}.phase-progress>i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#6ed9d2,#efd08c);box-shadow:0 0 10px #73edb76c;transition:width .1s linear}.phase-meta{display:flex;gap:13px;align-items:baseline}.phase-label{font-size:10px;color:#9edfd1}.currency-bar{gap:8px;align-items:stretch}.currency-bar>div{border-left:0;border-radius:8px;padding:8px 12px;min-width:90px;background:#0b1c2acb;border:1px solid #4d687566}.currency-bar span{color:#a4b9bf;font-size:9px;letter-spacing:.6px;margin-bottom:1px}.currency-bar strong{color:#ffe0a0;font-size:26px;line-height:1.08}.currency-bar>div:last-child strong{color:#ffab9b}.stat-sub{display:block;color:#85bdba;font:700 9px Inter,sans-serif;margin-top:5px}.stat-sub.health{color:#ebada8}.stat-sub.xp{height:4px;overflow:hidden;border-radius:10px;background:#324652;margin-top:7px}.stat-sub.xp i{display:block;height:100%;background:linear-gradient(90deg,#52a4d0,#7ee6d0)}.game-layout{grid-template-columns:minmax(184px,220px) minmax(0,1fr) minmax(198px,240px);gap:13px}.sidebar{border-color:#47657990;background:#0c1c29e8;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0}.sidebar-title{color:#ebd8b8;padding-bottom:12px;letter-spacing:.65px;font-size:11px}.left-sidebar,.right-sidebar{position:sticky;top:89px}.player-entry{padding:10px 0}.player-entry.self{background:#d5a75d17;border-radius:6px;padding:9px 5px}.player-avatar{border-radius:6px;background:#163845;color:#f7d597}.player-entry.self .player-name{color:#ffe0a5}.player-name{font-size:12px}.health-track{height:5px;background:#2c4352}.health-track span{background:linear-gradient(90deg,#df765a,#f8b283)}.health-num{font-size:16px}.sidebar-title.last-fight{margin-top:16px}.trait-entry{padding:10px 0}.trait-entry>span{border-radius:6px;flex:none;background:#183441}.trait-entry strong{font-size:12px;color:#d5e2dd}.trait-entry.active strong{color:#ffd993}.trait-entry.active>span{background:#8a612a42;border-color:#f3bc7060}.trait-entry small{font-size:10px;color:#8baaaa;line-height:1.3}.trait-entry>b{color:#e4cd9b}.trait-track{height:4px;background:#294451;border-radius:20px;overflow:hidden;margin-top:4px}.trait-track>i{height:100%;display:block;background:linear-gradient(90deg,#4b9d9c,#b1d8c5)}.trait-entry.active .trait-track>i{background:linear-gradient(90deg,#cc9654,#ffe1a4)}.tips-box{border-radius:8px;padding:12px;background:#c6a06a0e;border-color:#c3a26a35;line-height:1.65}.board-frame{padding:14px;border-color:#be98576e;background:radial-gradient(ellipse at 50% 35%,#1b48535a,#0b23349e 66%,#071622);box-shadow:0 20px 60px #0008,inset 0 1px #e9d2a624}.board-frame:after{border-width:5px;border-color:#dcaf6630}.board-header{display:flex;align-items:center;padding:5px 6px 13px;gap:12px}.board-header>span{font:900 17px Barlow Condensed,sans-serif;letter-spacing:.8px;color:#fff0c8}.board-header-actions{gap:8px}.board-header-actions>span{font-size:10px;color:#9cb8c1}.view-switch,.camera-switch{border:1px solid #729f9da0;border-radius:6px;padding:7px 9px;font:800 10px Barlow Condensed,sans-serif;letter-spacing:.5px;background:#1b3c4bb3;color:#bdece7;cursor:pointer}.view-switch:hover,.camera-switch:hover{background:#275368;border-color:#9ff3dd}.camera-switch.active{border-color:#edc37f;color:#ffdda7;background:#6a4a2a82}.camera-tools{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.three-arena{border-radius:9px;border-color:#8aa6a063;box-shadow:inset 0 0 70px #010e16a8}.three-viewport{height:clamp(430px,44vw,650px)}.three-arena{min-height:0}.three-arena-overlay{border-radius:7px;top:12px;left:12px;background:#061a27d9}.three-arena-footer{bottom:12px}.three-viewport canvas{cursor:grab}.three-viewport canvas:active{cursor:grabbing}.board-instructions{margin-top:12px;color:#acd7d4}.inspector{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:12px;padding:12px 16px;min-height:110px;border:1px solid #7eaaad8a;border-radius:10px;background:linear-gradient(112deg,#163d4add,#142c3be8 55%,#102331f2);box-shadow:inset 0 1px #cef5e719}.inspector.occupied{border-color:#d4a76788;background:linear-gradient(112deg,#233b43,#152e3d 58%,#152330)}.inspector-avatar{width:89px;height:90px;display:grid;place-items:center;border-radius:9px;border:1px solid #cfb07891;background:radial-gradient(circle at 55% 60%,#94704466,#1d3241);overflow:hidden}.inspector-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.inspector-avatar>.fallback-icon{font-size:39px}.inspector-copy{min-width:0}.inspector-label{display:block;color:#b8c9cf;font:900 9px Inter,sans-serif;letter-spacing:1.2px}.inspector h3{font:900 26px/.98 Barlow Condensed,sans-serif;margin:5px 0 6px;color:#ffe4b0}.inspector-copy>p{margin:0;font-size:11px;line-height:1.5;color:#b4c8ca}.inspector-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.inspector-chips span{background:#527b7f48;padding:4px 6px;border:1px solid #81aaae4c;border-radius:4px;color:#cde7e3;font:800 10px Barlow Condensed,sans-serif}.inspector-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:180px}.inspector-actions .button{font-size:10px;padding:6px 9px;min-height:32px}.inspector .selected-skill{margin-left:0;margin-top:6px}.inspector-empty-badge{font:900 28px Barlow Condensed,sans-serif;color:#82d0c9}.bench-section{padding:13px 15px;background:#0d2330ee;border:1px solid #42606a99}.section-heading{font:900 15px Barlow Condensed,sans-serif;color:#f4dfbb;letter-spacing:.6px}.section-heading span{font-size:10px;font-family:Inter,sans-serif}.bench-grid{margin-top:9px}.bench-slot{height:73px;border-radius:7px;background:#12304291;border-color:#5b859183}.bench-slot:hover{border-color:#86e5cd;background:#1d4a59}.bench-slot.selected{border-color:#ffdf99;box-shadow:0 0 13px #e5c47844}.shop-section{padding:15px;background:linear-gradient(180deg,#112b36ee,#0b1e2bee);border:1px solid #9e7d4d88}.shop-head{margin-bottom:13px}.shop-head .section-heading strong{font-size:21px}.shop-head small{color:#a3bac4;font-size:11px}.shop-actions{gap:7px}.shop-actions .button{min-height:40px;padding:0 13px;border-radius:7px}.key-hint{border:1px solid #b0b4a15c;border-radius:3px;color:#f2dfb7;font:800 10px Inter,sans-serif;padding:2px 5px;background:#152a36;margin-left:3px}.shop-odds{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 13px;padding:8px 12px;background:#07192395;border:1px solid #48626c80;border-radius:7px}.shop-odds .odds-label{font-size:10px;font-weight:800;color:#91b5b5;margin-right:5px}.shop-odds .odds-item{font:800 11px Barlow Condensed,sans-serif;color:#d6e6e5;padding:4px 8px;border-radius:4px;background:#23343e}.shop-odds .odds-item.tier-1{border-left:3px solid #99b0bd}.shop-odds .odds-item.tier-2{border-left:3px solid #68c9aa}.shop-odds .odds-item.tier-3{border-left:3px solid #a78ced}.shop-odds .odds-item.tier-4{border-left:3px solid #dc8ac6}.shop-odds .odds-item.tier-5{border-left:3px solid #edc778}.shop-grid{gap:9px}.shop-unit{min-height:236px;border-radius:8px;background:#102331;box-shadow:0 8px 16px #0004;isolation:isolate}.shop-unit:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:5px;background:linear-gradient(90deg,transparent,#93b4bc,transparent)}.shop-unit.tier-2:before{background:linear-gradient(90deg,transparent,#56c3ad,transparent)}.shop-unit.tier-3:before{background:linear-gradient(90deg,transparent,#c89bed,transparent)}.shop-unit.tier-4:before{background:linear-gradient(90deg,transparent,#eb88d3,transparent)}.shop-unit.tier-5:before{background:linear-gradient(90deg,transparent,#ffe49c,transparent);height:6px}.shop-top{padding:8px 10px}.character-art{height:127px;background:radial-gradient(ellipse at 50% 95%,#457b8152,transparent 68%)}.champion-portrait{object-position:center bottom;max-width:100%;height:100%;filter:drop-shadow(0 10px 9px #000c)}.shop-info{min-height:0;padding:9px 10px 10px;background:#0d1a25ad}.shop-info strong{font:900 22px/.95 Barlow Condensed,sans-serif;color:#f6eedf}.shop-info>span{font-size:10px;color:#adc0c6;margin:4px 0 8px}.shop-traits{gap:4px}.shop-traits small{font-size:9px;padding:3px 5px;border-radius:4px;color:#c8dedb;background:#33545e64}.signature-skill{margin-top:8px;padding:6px 7px;border-radius:4px;font-size:11px;white-space:nowrap}.purchase-tag{padding:8px 5px;font-size:10px;background:linear-gradient(90deg,#bc904a23,#a8743124);color:#f8d49a;letter-spacing:.7px}.shop-unit:not(:disabled):hover{border-color:#f6dc9b;box-shadow:0 12px 35px #0007,0 0 20px #e9bd6c24}.shop-unit.tier-5{box-shadow:0 0 18px #eab95d16}.game-actions{border-top:1px solid #6b849047;padding-top:13px;margin-top:14px}.selected-actions{font-size:11px;color:#a9c5c9}.ready{min-height:49px;font-size:12px;padding:0 22px;border-radius:7px}.ready:not(:disabled){box-shadow:0 3px 18px #e0b16c23}.poneglyph-section{border-radius:10px}@media(min-width:1650px){.game-layout{grid-template-columns:minmax(200px,245px) minmax(0,1fr) minmax(212px,255px)}.three-viewport{height:585px}}@media(max-width:1430px){.game-layout{grid-template-columns:minmax(178px,220px) minmax(0,1fr)}.right-sidebar{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:14px}.right-sidebar .trait-list{padding:0}.right-sidebar .tips-box{margin:0}}@media(max-width:1100px){.game-layout{display:flex;flex-direction:column}.right-sidebar{display:block}.left-sidebar{position:static;order:2}.game-center{order:1}.right-sidebar{order:3}.status-row{flex-wrap:wrap}.phase-status{order:2;max-width:none;flex:1 1 220px}.currency-bar{order:3;flex:1;justify-content:flex-end}}@media(max-width:700px){.topbar{height:63px;padding:0 12px}.brand{font-size:21px}.brand-edition,.header-flag,.server{display:none}.header-right{gap:7px}.live-pill{padding:7px 8px;font-size:8px;letter-spacing:0}.landing{padding:35px 15px}.intro h1{font-size:clamp(49px,10vw,78px)}.landing-heroes{height:200px;gap:7px}.landing-hero{height:150px;transform:none;border-radius:8px}.landing-hero.hero--ruffy{height:192px}.landing-hero.hero--shanks{transform:none}.landing-hero strong{font-size:10px}.landing-hero-caption{font-size:8px}.entry-panel{padding:26px 18px}.arena{padding:9px 7px 25px}.status-row{gap:8px;padding:10px;margin-bottom:9px}.round-name{min-width:110px}.round-name h1{font-size:37px}.phase-status{order:3;flex-basis:100%;padding:8px 10px}.phase-status strong{font-size:29px}.currency-bar{order:2;gap:5px;flex:1;justify-content:flex-end}.currency-bar>div{padding:6px;min-width:57px}.currency-bar strong{font-size:21px}.currency-bar span,.stat-sub{font-size:8px}.board-frame{padding:7px}.board-header{align-items:flex-start;flex-wrap:wrap;padding:6px 4px 10px}.board-header>span{font-size:15px}.board-header-actions{flex:1;justify-content:flex-end;gap:5px}.board-header-actions>span{display:none}.camera-tools{gap:3px}.camera-switch,.view-switch{padding:6px;font-size:9px}.three-viewport{height:370px}.three-arena{min-height:0}.three-arena-footer{font-size:9px}.inspector{grid-template-columns:61px minmax(0,1fr);gap:9px;padding:8px;min-height:79px}.inspector-avatar{width:58px;height:65px}.inspector-actions{grid-column:1/-1;max-width:none;width:100%}.inspector h3{font-size:21px}.inspector-copy>p{font-size:10px}.inspector-chips span{font-size:9px}.shop-head{flex-direction:column;align-items:stretch}.shop-actions{justify-content:space-between}.shop-actions .button{flex:1;padding:0 7px;font-size:9px}.shop-grid{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;padding:4px 3px 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ba926c #1c303c}.shop-unit{scroll-snap-align:start;min-height:234px}.character-art{height:105px}.shop-info strong{font-size:20px}.bench-grid{gap:4px}.bench-slot{height:60px}.bench-slot .unit-small-name{display:none}.bench-slot .unit-portrait{height:40px}.shop-odds{padding:7px;gap:4px}.shop-odds .odds-item{padding:3px 5px;font-size:10px}.game-actions{flex-wrap:wrap;gap:8px}.ready{width:100%}.players-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.brand-sub{font-size:6px}.currency-bar>div{min-width:47px;padding:5px}.currency-bar strong{font-size:18px}.camera-switch{font-size:8px}.shop-grid{grid-template-columns:repeat(5,140px)}}@media(prefers-reduced-motion:reduce){.landing-hero,.champion-portrait,.shop-unit{transition:none!important;animation:none!important}}.arena-side-label{position:absolute;z-index:3;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap;font:900 11px Barlow Condensed,sans-serif;letter-spacing:1.8px;padding:5px 17px;border-radius:5px;text-shadow:0 1px 8px #001a24;border:1px solid #d7b78235;background:#071b25bb}.arena-side-label.foe{top:51px;color:#f8b8aa;border-color:#d8756573}.arena-side-label.ally{bottom:43px;color:#9ae6d3;border-color:#69c8b185}.inspector-avatar>.inspector-portrait{height:100%;width:100%;object-fit:contain}.shop-unit.tier-5 .champion-portrait{filter:drop-shadow(0 0 10px #f0ba7255) drop-shadow(0 11px 14px #0009)}.shop-unit.tier-4 .champion-portrait{filter:drop-shadow(0 0 10px #bf83f455) drop-shadow(0 11px 14px #0009)}.board-instructions{line-height:1.6}@media(max-width:700px){.arena-side-label{font-size:9px;letter-spacing:.5px;padding:3px 6px}.arena-side-label.foe{top:40px}.arena-side-label.ally{bottom:38px}.three-arena-overlay{top:7px;left:7px}.inspector-copy .selected-skill{white-space:normal;line-height:1.4}}html:has(.fullscreen-match),body:has(.fullscreen-match){height:100%;overflow:hidden;overscroll-behavior:none}#app:has(>.fullscreen-match){height:100dvh;min-height:0;overflow:hidden;background:#061723}#app:has(>.fullscreen-match)>.topbar{position:fixed!important;top:0;right:0;left:0;z-index:90!important;height:54px;padding-inline:clamp(12px,2vw,30px);background:linear-gradient(90deg,#071924f5,#0d2731e8 60%,#081a29f5);border-bottom:1px solid #d6ae6559}#app:has(>.fullscreen-match) .topbar .crest{width:34px;height:34px;font-size:21px}#app:has(>.fullscreen-match) .topbar .brand{font-size:21px}#app:has(>.fullscreen-match) .topbar .brand-sub{display:none}#app:has(>.fullscreen-match) .topbar .live-pill{padding:6px 10px;font-size:9px}#app:has(>.fullscreen-match) .topbar .header-flag{font-size:10px}#app>.fullscreen-match{position:fixed!important;inset:0;z-index:2!important;display:block;width:100vw;height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden;isolation:isolate;background:#061927}.fullscreen-match .game-layout{display:block!important;position:absolute;inset:0;margin:0;padding:0;height:100%;width:100%;pointer-events:none}.fullscreen-match .game-center{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;min-width:0;pointer-events:none}.fullscreen-match .game-center>.board-frame{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;pointer-events:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#185166,#0d3346 51%,#071724)}.fullscreen-match .board-frame:after{border:none;box-shadow:inset 0 0 80px #0010209c}.fullscreen-match .board-frame>.three-arena{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.fullscreen-match .three-viewport{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;touch-action:none}.fullscreen-match .three-viewport>canvas{height:100%;width:100%;display:block}.fullscreen-match .three-arena-overlay{display:none}.fullscreen-match .arena-side-label.foe{top:175px}.fullscreen-match .arena-side-label.ally{bottom:265px}.fullscreen-match .three-arena-footer{display:none}.fullscreen-match .board-frame>.board-header{position:absolute;z-index:15;top:125px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:max-content;max-width:calc(100% - 360px);min-height:35px;gap:8px;margin:0;padding:5px 10px;border:1px solid #6ba3a561;border-radius:8px;background:#08202ce3;box-shadow:0 6px 24px #020d19a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fullscreen-match .board-header>span{font-size:12px;white-space:nowrap}.fullscreen-match .board-header-actions{display:flex;gap:5px;align-items:center;justify-content:center}.fullscreen-match .board-header-actions>span{font-size:9px;white-space:nowrap}.fullscreen-match .camera-tools{display:flex;flex-wrap:nowrap;gap:3px}.fullscreen-match .camera-switch,.fullscreen-match .view-switch{min-height:26px;padding:4px 7px;font-size:9px;white-space:nowrap}.fullscreen-match .board-frame>.board-grid{position:absolute;z-index:3;top:calc(50dvh - 25px);left:50%;transform:translate(-50%,-50%);width:min(72vw,calc((100dvh - 335px)*1.86),1200px);max-width:calc((100vw - clamp(356px,calc(27vw + 42px),468px))/1.075);height:auto;margin:0;padding:0;gap:0}.fullscreen-match .board-row{gap:3px}.fullscreen-match .board-row:nth-child(odd){transform:translate(-3.55%)}.fullscreen-match .board-row:nth-child(2n){transform:translate(3.55%)}.fullscreen-match .board-frame:not(:has(>.three-arena))>.board-instructions{display:none}.fullscreen-match .board-cell{aspect-ratio:1.2;border:1px solid #80d5d08c;background:linear-gradient(155deg,#26637b84,#0b354fd0);filter:drop-shadow(0 3px 6px #00141a54)}.fullscreen-match .board-cell.filled{background:radial-gradient(ellipse at center,#496f75b8,#14405fe6 75%)}.fullscreen-match .board-cell.can-place:hover{background:linear-gradient(155deg,#42bba7a9,#225e78ed)}.fullscreen-match .board-frame>.opponent-water{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);height:auto;opacity:.18;pointer-events:none}.fullscreen-match .board-frame>.board-instructions{position:absolute;z-index:13;left:50%;bottom:224px;transform:translate(-50%);width:max-content;max-width:min(660px,60vw);min-height:0;margin:0;padding:4px 10px;border:1px solid #639a9a6c;border-radius:20px;background:#061a26cf;color:#cde8e2;font-size:9px;line-height:1.35;text-align:center;pointer-events:none;box-shadow:0 3px 15px #01101f80}.fullscreen-match>.status-row{position:absolute;z-index:28;top:59px;left:50%;transform:translate(-50%);display:flex!important;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;width:min(1020px,calc(100% - 370px));height:58px;min-height:0;padding:6px 13px;margin:0;border:1px solid #61968a6c;border-radius:9px;background:linear-gradient(120deg,#071f2eea,#11313beb,#081d2ae8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 7px 24px #00101cb3}.fullscreen-match .round-name{min-width:max-content}.fullscreen-match .round-name .eyebrow{font-size:8px;letter-spacing:.5px}.fullscreen-match .round-name h1{font-size:26px;margin:2px 0 0}.fullscreen-match .round-name h1 span{font-size:13px}.fullscreen-match .phase-status{order:initial;flex:0 1 auto;min-width:165px;max-width:220px;padding:3px 9px;margin:0;border:0;border-radius:7px;background:#183c4580}.fullscreen-match .phase-label{font-size:9px}.fullscreen-match .phase-meta{gap:6px}.fullscreen-match .phase-meta strong{font-size:27px;line-height:1}.fullscreen-match .phase-meta>span{display:none}.fullscreen-match .phase-progress{height:3px;margin-top:3px}.fullscreen-match .currency-bar{order:initial;display:flex;flex-wrap:nowrap;gap:5px;margin:0}.fullscreen-match .currency-bar>div{min-width:69px;height:46px;padding:5px 8px;border-radius:6px}.fullscreen-match .currency-bar span{font-size:8px;line-height:1}.fullscreen-match .currency-bar strong{font-size:21px;line-height:1.05}.fullscreen-match .currency-bar .stat-sub{display:none}.fullscreen-match .left-sidebar,.fullscreen-match .right-sidebar{display:block!important;position:absolute!important;z-index:22;top:131px!important;width:clamp(156px,13.5vw,213px);min-width:0;max-height:max(130px,calc(100dvh - 425px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b8b91 #102a35;margin:0;padding:10px;border:1px solid #72978a60;border-radius:10px;background:#081a29d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 38px #02101bb0;pointer-events:auto}.fullscreen-match .left-sidebar{left:13px}.fullscreen-match .right-sidebar{right:13px}.fullscreen-match .sidebar-title{padding-bottom:7px;font-size:10px}.fullscreen-match .player-entry{gap:6px;padding:6px 0}.fullscreen-match .player-entry.self{padding:5px 3px}.fullscreen-match .player-avatar{width:25px;height:25px}.fullscreen-match .player-name{font-size:10px}.fullscreen-match .health-num{font-size:12px}.fullscreen-match .trait-list{padding-top:4px}.fullscreen-match .trait-entry{padding:5px 0;gap:6px}.fullscreen-match .trait-entry>span{width:25px;height:25px;font-size:13px}.fullscreen-match .trait-entry strong{font-size:11px}.fullscreen-match .trait-entry small{font-size:8px}.fullscreen-match .trait-entry b{font-size:12px}.fullscreen-match .side-footer,.fullscreen-match .tips-box,.fullscreen-match .right-sidebar>.last-fight,.fullscreen-match .right-sidebar>.fight-history{display:none}.fullscreen-match .hud-panel-close,.fullscreen-match .hud-shortcuts{display:none}.fullscreen-match .game-center>.shop-section,.fullscreen-match .game-center>.bench-section{position:absolute;left:50%;transform:translate(-50%);z-index:35;width:min(990px,calc(100vw - 385px));min-width:0;margin:0;border-radius:10px;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 40px #00121cbd}.fullscreen-match .game-center>.shop-section{bottom:max(8px,env(safe-area-inset-bottom));height:148px;display:grid;grid-template-columns:minmax(0,1fr) 149px;grid-template-rows:34px minmax(0,1fr);column-gap:9px;row-gap:4px;padding:8px;border:1px solid #b4925687;background:linear-gradient(180deg,#0e2938f1,#071b2af8)}.fullscreen-match .shop-head{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;height:33px;margin:0}.fullscreen-match .shop-head .section-heading{font-size:12px}.fullscreen-match .shop-head .section-heading strong{font-size:14px}.fullscreen-match .shop-head .section-heading>span,.fullscreen-match .shop-head small{display:none}.fullscreen-match .shop-actions{display:flex;flex-wrap:nowrap;gap:4px}.fullscreen-match .shop-actions .button{min-height:29px;height:29px;padding:0 7px;font-size:10px;white-space:nowrap}.fullscreen-match .shop-actions .key-hint{display:none}.fullscreen-match .shop-odds{position:absolute;z-index:1;top:13px;left:140px;right:312px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden;gap:4px;height:23px;margin:0;padding:0;border:0;background:transparent;pointer-events:none}.fullscreen-match .shop-odds .odds-label{display:none}.fullscreen-match .shop-odds .odds-item{padding:2px 5px;font-size:10px;white-space:nowrap}.fullscreen-match .shop-grid{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;height:100%;min-width:0;min-height:0;overflow:hidden;padding:0}.fullscreen-match .shop-unit{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;height:100%;margin:0;padding:0;border-radius:7px;box-shadow:none;text-align:center}.fullscreen-match .shop-unit:not(:disabled):hover{transform:translateY(-2px)}.fullscreen-match .shop-top{height:21px;min-height:21px;padding:3px 7px}.fullscreen-match .shop-top .cost{font-size:15px}.fullscreen-match .tier-badge{font-size:8px}.fullscreen-match .character-art{flex:1;min-height:0;height:auto;padding:0;font-size:36px}.fullscreen-match .champion-portrait{width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.fullscreen-match .shop-info{flex:none;min-height:22px;height:22px;padding:2px 4px 3px;text-align:center}.fullscreen-match .shop-info strong{display:block;font-size:13px;line-height:1.2}.fullscreen-match .shop-info>span,.fullscreen-match .shop-traits,.fullscreen-match .shop-info .signature-skill,.fullscreen-match .purchase-tag{display:none}.fullscreen-match .shop-unit.sold{min-height:0;height:100%}.fullscreen-match .game-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;margin:0;padding:0;border:0}.fullscreen-match .selected-actions{display:none}.fullscreen-match .game-actions .ready{min-width:0;width:100%;height:100%;min-height:0;padding:8px;border-radius:8px;font-size:13px;line-height:1.4;white-space:normal}.fullscreen-match .game-center>.bench-section{bottom:164px;width:min(785px,calc(100vw - 420px));height:58px;padding:5px 10px 6px;border:1px solid #5fa2a481;background:#0c2636e9}.fullscreen-match .bench-section>.section-heading{height:12px;line-height:1;font-size:11px}.fullscreen-match .bench-section>.section-heading span{font-size:9px}.fullscreen-match .bench-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;height:33px;min-height:0;margin:2px 0 0}.fullscreen-match .bench-slot{display:grid;width:100%;height:33px;min-width:0;min-height:0;padding:0}.fullscreen-match .bench-slot .unit-mini{max-height:32px}.fullscreen-match .bench-slot .unit-portrait{height:29px;max-width:100%;object-fit:contain}.fullscreen-match .bench-slot .unit-small-name,.fullscreen-match .bench-slot .stars{display:none}.fullscreen-match .game-center>.inspector.occupied{position:absolute;z-index:43;right:12px;bottom:252px;left:auto;width:min(310px,23vw);max-height:min(228px,34dvh);display:grid;grid-template-columns:62px minmax(0,1fr);gap:7px;align-items:center;margin:0;padding:8px;overflow-y:auto;pointer-events:auto;background:#0b2634f3;box-shadow:0 16px 40px #000b}.fullscreen-match .game-center>.inspector:not(.occupied){display:none}.fullscreen-match .inspector-avatar{width:60px;height:68px}.fullscreen-match .inspector h3{font-size:20px}.fullscreen-match .inspector-copy>p{font-size:10px}.fullscreen-match .inspector-copy .selected-skill{font-size:9px}.fullscreen-match .inspector-actions{grid-column:1/-1;max-width:none;display:flex;width:100%}.fullscreen-match .inspector-actions .button{min-height:28px;padding:4px 6px;font-size:9px}.fullscreen-match .game-center>.poneglyph-section:not(.small){position:absolute;z-index:70;top:49%;left:50%;transform:translate(-50%,-50%);width:min(780px,calc(100vw - 24px));max-height:min(70dvh,650px);overflow-y:auto;margin:0;padding:18px;border:1px solid #e4c088;background:#0b2534f8;pointer-events:auto;box-shadow:0 20px 100px #000d}.fullscreen-match .game-center>.poneglyph-section.small{position:absolute;z-index:18;left:50%;bottom:256px;transform:translate(-50%);width:min(560px,50vw);margin:0;padding:5px 10px;pointer-events:none}.fullscreen-match .poneglyph-section.small .active-poneglyphs{justify-content:center}.fullscreen-match .board-frame>.battle-live{position:absolute;inset:166px max(15vw,110px) 224px;width:auto;max-width:none;min-height:0;margin:0;display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.fullscreen-match .battle-hud{padding:5px 12px;font-size:10px}.fullscreen-match .battle-viewport{flex:1;min-height:0;overflow:hidden}.fullscreen-match .battle-sea{height:100%;min-height:0;gap:1px;padding:5px}.fullscreen-match .battle-center{min-height:29px}.fullscreen-match .battle-crest{font-size:13px}.fullscreen-match .battle-position-grid{flex:1;min-height:0;width:min(100%,720px);padding:2px 8px;justify-content:center}.fullscreen-match .battle-combat-row{gap:2px}.fullscreen-match .battle-combat-row:not(:first-child){margin-top:-5px}.fullscreen-match .battle-map-cell{height:clamp(30px,calc((100dvh - 395px)/8),56px)}.fullscreen-match .battle-map-label{font-size:8px;margin:0 auto}.fullscreen-match .battle-map-cell .fighter-name{display:none}.fullscreen-match .battle-map-cell .fighter-portrait{font-size:21px}.fullscreen-match .battle-map-cell .fighter-portrait img{max-height:28px}.fullscreen-match .battle-foot{font-size:8px;padding:4px}.fullscreen-match .battle-final{font-size:14px;padding:5px}@media(max-width:1100px){.fullscreen-match>.status-row{width:calc(100vw - 22px);top:58px}.fullscreen-match .board-frame>.board-header{max-width:calc(100vw - 20px);top:141px}.fullscreen-match .board-header-actions>span{display:none}.fullscreen-match .hud-shortcuts{position:absolute;z-index:46;top:119px;left:9px;right:auto;display:flex;align-items:center;gap:5px;pointer-events:auto}.fullscreen-match .hud-shortcut{min-height:28px;padding:4px 8px;border:1px solid #65aab176;border-radius:6px;background:#092637ed;color:#cae8e5;font:900 10px Barlow Condensed,sans-serif;letter-spacing:.3px;box-shadow:0 3px 10px #0008}.fullscreen-match .hud-shortcut.active{background:#427668;border-color:#c8e6a3;color:#fff4cb}.fullscreen-match .left-sidebar,.fullscreen-match .right-sidebar{display:none!important;top:151px!important;left:10px;right:auto;width:min(288px,calc(100vw - 20px));max-height:calc(100dvh - 385px);z-index:55;background:#082130f8}.fullscreen-match[data-hud-panel=players] .left-sidebar,.fullscreen-match[data-hud-panel=traits] .right-sidebar{display:block!important}.fullscreen-match .hud-panel-close{display:inline-grid;place-items:center;width:25px;height:25px;min-height:0;padding:0;margin-left:auto;border:1px solid #759da1a8;border-radius:5px;background:#163b49;color:#e1eee9;pointer-events:auto}.fullscreen-match .game-center>.shop-section{width:calc(100vw - 18px)}.fullscreen-match .game-center>.bench-section{width:min(760px,calc(100vw - 40px))}.fullscreen-match .board-frame>.board-grid{max-width:calc((100vw - 30px)/1.075);width:min(86vw,calc((100dvh - 330px)*1.86))}.fullscreen-match .game-center>.inspector.occupied{width:min(300px,calc(100vw - 28px));max-height:185px}.fullscreen-match .board-frame>.battle-live{inset:180px 14px 224px}.fullscreen-match .shop-odds{display:none}}@media(max-width:700px){#app:has(>.fullscreen-match)>.topbar{height:45px;padding-inline:9px}#app:has(>.fullscreen-match)>.topbar .crest{height:29px;width:29px;font-size:18px}#app:has(>.fullscreen-match)>.topbar .brand{font-size:17px}#app:has(>.fullscreen-match)>.topbar .header-flag,#app:has(>.fullscreen-match)>.topbar .server,#app:has(>.fullscreen-match)>.topbar .brand-edition{display:none}#app:has(>.fullscreen-match)>.topbar .live-pill{font-size:8px;padding:5px 8px}.fullscreen-match>.status-row{top:48px;height:51px;width:calc(100vw - 12px);padding:3px 6px;gap:4px}.fullscreen-match .round-name .eyebrow{display:none}.fullscreen-match .round-name h1{font-size:21px;margin:0}.fullscreen-match .round-name h1 span{display:none}.fullscreen-match .phase-status{min-width:82px;max-width:100px;padding:3px 5px}.fullscreen-match .phase-label{font-size:7px}.fullscreen-match .phase-meta strong{font-size:21px}.fullscreen-match .currency-bar{gap:2px}.fullscreen-match .currency-bar>div{min-width:0;height:40px;padding:4px 5px;border-radius:4px}.fullscreen-match .currency-bar span{font-size:7px}.fullscreen-match .currency-bar strong{font-size:16px}.fullscreen-match .hud-shortcuts{top:104px;left:5px}.fullscreen-match .hud-shortcut{font-size:9px;min-height:25px;padding:2px 5px}.fullscreen-match .board-frame>.board-header{top:105px;right:6px;left:auto;transform:none;gap:2px;max-width:calc(100vw - 170px);min-height:26px;padding:2px 4px}.fullscreen-match .board-header>span{display:none}.fullscreen-match .camera-tools{gap:2px}.fullscreen-match .camera-switch,.fullscreen-match .view-switch{font-size:8px;padding:3px 4px;min-height:22px}.fullscreen-match .camera-switch:not(.active){display:none}.fullscreen-match .board-frame>.board-grid{width:min(calc((100vw - 16px)/1.075),calc((100dvh - 305px)*1.75));max-width:calc((100vw - 16px)/1.075);top:41%}.fullscreen-match .board-cell{aspect-ratio:1.08}.fullscreen-match .board-cell .unit-icon{font-size:clamp(13px,4vw,24px)}.fullscreen-match .board-cell .unit-portrait{max-width:100%;max-height:80%;object-fit:contain}.fullscreen-match .board-row{gap:2px}.fullscreen-match .board-row:not(:first-child){margin-top:-2px}.fullscreen-match .board-frame>.opponent-water{display:none}.fullscreen-match .board-frame>.board-instructions{bottom:212px;padding:4px 8px;font-size:8px;max-width:90vw}.fullscreen-match .arena-side-label.foe{top:143px}.fullscreen-match .arena-side-label.ally{bottom:216px}.fullscreen-match .game-center>.shop-section{bottom:max(4px,env(safe-area-inset-bottom));height:135px;width:calc(100vw - 8px);grid-template-columns:minmax(0,1fr) 87px;grid-template-rows:28px minmax(0,1fr);gap:3px;padding:4px}.fullscreen-match .shop-head{height:27px;gap:3px}.fullscreen-match .shop-head .section-heading strong{font-size:12px}.fullscreen-match .shop-actions{gap:2px}.fullscreen-match .shop-actions .button{font-size:8px;height:25px;min-height:25px;padding:0 4px}.fullscreen-match .shop-grid{grid-template-columns:repeat(5,minmax(78px,1fr));gap:3px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#629999 #102838}.fullscreen-match .shop-unit{min-width:78px;scroll-snap-align:start}.fullscreen-match .shop-top{height:17px;min-height:17px;padding:2px 4px}.fullscreen-match .shop-top .cost{font-size:12px}.fullscreen-match .tier-badge{font-size:7px}.fullscreen-match .character-art{font-size:24px}.fullscreen-match .shop-info{min-height:18px;height:18px;padding:2px}.fullscreen-match .shop-info strong{font-size:11px}.fullscreen-match .game-actions .ready{font-size:10px;padding:4px;line-height:1.2}.fullscreen-match .game-center>.bench-section{bottom:144px;height:54px;width:calc(100vw - 8px);padding:3px 5px 5px}.fullscreen-match .bench-section>.section-heading{height:9px;font-size:9px}.fullscreen-match .bench-grid{height:34px;margin:1px 0 0;gap:2px}.fullscreen-match .bench-slot{height:34px;min-height:34px}.fullscreen-match .bench-slot .unit-portrait{height:28px}.fullscreen-match .game-center>.inspector.occupied{right:6px;left:6px;bottom:205px;width:auto;max-height:145px;padding:6px}.fullscreen-match .inspector-avatar{width:48px;height:50px}.fullscreen-match .inspector-copy>p,.fullscreen-match .inspector-chips{display:none}.fullscreen-match .inspector h3{font-size:16px}.fullscreen-match .game-center>.poneglyph-section.small{bottom:209px;width:calc(100vw - 15px)}.fullscreen-match .board-frame>.battle-live{inset:132px 5px 206px}.fullscreen-match .battle-position-grid{padding:1px 2px}.fullscreen-match .battle-combat-row{gap:1px}.fullscreen-match .battle-combat-row:not(:first-child){margin-top:-2px}.fullscreen-match .battle-map-cell{height:clamp(21px,calc((100dvh - 380px)/8),44px);padding:0}.fullscreen-match .battle-map-cell>.battle-tile{padding:0}.fullscreen-match .battle-map-cell .fighter-portrait img{max-height:20px}.fullscreen-match .battle-map-label{font-size:7px}.fullscreen-match .battle-viewport{min-height:0}.fullscreen-match .battle-foot{display:none}.fullscreen-match .left-sidebar,.fullscreen-match .right-sidebar{top:135px!important;max-height:calc(100dvh - 340px)}}@media(max-height:680px)and (min-width:701px){.fullscreen-match .board-frame>.board-grid{top:calc(50dvh - 14px);width:min(75vw,calc((100dvh - 365px)*2.1),900px)}.fullscreen-match .game-center>.shop-section{height:130px}.fullscreen-match .game-center>.bench-section{bottom:141px;height:53px}.fullscreen-match .bench-grid,.fullscreen-match .bench-slot{height:30px}.fullscreen-match .board-frame>.board-instructions{bottom:201px}.fullscreen-match .arena-side-label.ally{bottom:201px}}@media(max-height:550px){.fullscreen-match .shop-odds{display:none}.fullscreen-match .sidebar{max-height:130px}.fullscreen-match .game-center>.inspector.occupied{max-height:105px}.fullscreen-match .board-frame>.board-instructions{display:none}}@media(prefers-reduced-motion:reduce){.fullscreen-match .shop-unit,.fullscreen-match .board-cell{transition:none!important;animation:none!important}}.fullscreen-match .shop-actions .odds-toggle{display:none}@media(max-width:1100px){.fullscreen-match .shop-actions .odds-toggle{display:inline-flex;align-items:center}.fullscreen-match .shop-odds.odds-open{display:flex;position:absolute;z-index:76;top:auto;bottom:calc(100% + 9px);left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:calc(100vw - 18px);height:auto;min-height:38px;gap:4px;margin:0;padding:5px 8px;border:1px solid #7dc5c1a1;border-radius:8px;background:#082734f5;box-shadow:0 8px 26px #00111ccd;pointer-events:auto}.fullscreen-match .shop-odds.odds-open .odds-item{font-size:10px;padding:3px 5px}}@media(max-width:700px){.fullscreen-match .board-header-actions{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.fullscreen-match .board-header-actions::-webkit-scrollbar{display:none}.fullscreen-match .camera-switch:not(.active){display:inline-flex}}@media(max-width:440px){.fullscreen-match .shop-head .section-heading strong{font-size:0}.fullscreen-match .shop-head .section-heading strong:after{content:"SHOP";font-size:12px;letter-spacing:1px}}.local-play-button{margin-bottom:10px}.local-save-note{font-size:11px;line-height:1.4;color:#92b9c8;margin:0 0 14px}.unit-combat-stats{display:flex;flex-wrap:wrap;gap:4px 9px;color:#d3e4e1;font-size:10px;margin:4px 0}.selected-passive{display:block;color:#a9d4c2;font-size:9px;line-height:1.4;margin-top:5px}.combat-3d-result{position:absolute;z-index:25;top:43%;left:50%;transform:translate(-50%,-50%);padding:18px 30px;border:1px solid #8dc9cf88;border-radius:12px;background:#082332e8;box-shadow:0 12px 60px #00121dc9;color:#dce8ee;font-size:22px;font-weight:900;letter-spacing:2px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.combat-3d-result[hidden]{display:none}.combat-3d-result.victory{color:#ffe1a2;border-color:#e3bd74}.arenory-heroes .arenory-hero-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(62px,7vw,105px);padding-bottom:20px;filter:drop-shadow(0 10px 20px #0008)}.arenory-heroes .landing-hero:nth-child(2){height:250px;transform:translateY(-5px);border-color:#e4b269cc;background:radial-gradient(ellipse at 50% 65%,#bd764a70,#423329 74%,#17171b)}.arenory-heroes .landing-hero:nth-child(3){transform:rotate(5deg);background:radial-gradient(ellipse at 50% 65%,#704c9564,#251b36 75%,#121621)}@media(max-width:700px){.arenory-heroes .landing-hero:nth-child(2){height:190px}.arenory-heroes .landing-hero:nth-child(3){transform:none}}.fullscreen-match .bench-slot,.fullscreen-match .board-cell,.three-viewport canvas{touch-action:none}.fullscreen-match .unit-mini{cursor:grab;user-select:none;-webkit-user-select:none}.unit-drag-ghost{position:fixed;z-index:9999;pointer-events:none;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #dfbe69;border-radius:10px;background:#0c2439ed;color:#ffe9ac;box-shadow:0 14px 40px #0008;font-size:13px;transform:translate(-50%,-100%);white-space:nowrap}.unit-drag-ghost span{font-size:25px}.is-unit-dragging,.is-unit-dragging *{cursor:grabbing!important}.fullscreen-match .drag-over{outline:2px solid #f0cb76;outline-offset:-2px;filter:brightness(1.2)}.fullscreen-match .local-match-leave{padding:6px 9px;font-size:10px}@media(max-width:1100px){.fullscreen-match .desktop-match-menu{display:none}}.combat-playback{position:relative;isolation:isolate}.combat-playback .battle-center{flex:none;min-height:28px}.combat-stage{position:relative;flex:1;min-height:180px;width:min(100%,860px);margin:3px auto;isolation:isolate;overflow:visible}.combat-hex-grid,.combat-actors,.combat-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.combat-hex-row{display:contents!important}.combat-hex-cell{position:absolute;display:block;width:13.1%;height:12.1%;transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(155deg,#2254666b,#0c253d9c);box-shadow:inset 0 0 0 1px #86c5cc55;filter:drop-shadow(0 1px 2px #0008)}.combat-hex-cell.mid{background:linear-gradient(135deg,#5e665643,#173d506b)}.combat-effects{z-index:8;overflow:visible;filter:drop-shadow(0 0 3px #8ddaff60)}.combat-actor{--pose:0;--death-progress:0;position:absolute;z-index:4;width:9.7%;height:10.6%;min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:left 32ms linear,top 32ms linear,opacity .15s linear;opacity:1;filter:drop-shadow(0 4px 3px #0009);will-change:left,top;pointer-events:auto}.combat-ground-shadow{position:absolute;left:10%;bottom:2%;width:80%;height:23%;border-radius:50%;background:#0009;filter:blur(3px)}.combat-figure{position:relative;display:grid;place-items:center;flex:1;min-height:0;width:80%;max-height:65px;border-radius:40% 40% 30% 30%;background:radial-gradient(ellipse at 50% 30%,var(--unit-color),#0b1926 90%);border:1px solid color-mix(in srgb,var(--unit-accent) 68%,transparent);box-shadow:0 0 9px color-mix(in srgb,var(--unit-energy) 22%,transparent);transform-origin:50% 80%;transform:translate(calc(var(--pose)*0px));transition:transform .08s linear,filter .08s linear}.combat-unit-symbol{display:grid;place-items:center;font-size:clamp(20px,2.5vw,39px);line-height:1;width:100%;height:100%;overflow:hidden;text-shadow:0 1px 6px #000b}.combat-unit-symbol img{width:100%;height:100%;max-height:60px;object-fit:cover;border-radius:inherit;mix-blend-mode:screen}.combat-unit-weapon{position:absolute;right:-22%;top:27%;color:var(--unit-accent);font-size:clamp(18px,2vw,29px);line-height:1;text-shadow:0 0 7px var(--unit-energy);transform:rotate(calc(var(--aim) + 90deg));transform-origin:0 65%;z-index:2}.combat-unit-name{position:relative;z-index:3;width:130%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:800 clamp(7px,.65vw,10px) Inter,sans-serif;color:#e6f2f4;line-height:1.25;text-shadow:0 1px 4px #000;margin-top:1px}.combat-health,.combat-mana{position:relative;z-index:3;width:90%;height:4px;min-height:3px;background:#061522;border:1px solid #142b3d;border-radius:3px;overflow:hidden;flex:none;margin-top:1px}.combat-health i,.combat-mana i{display:block;height:100%;width:100%;transform-origin:left;transition:width .1s linear;background:linear-gradient(90deg,#48af96,#a3f5c4)}.combat-actor.foe .combat-health i{background:linear-gradient(90deg,#d06e55,#ffbb91)}.combat-mana{height:3px;min-height:2px}.combat-mana i{background:linear-gradient(90deg,#3a7bc6,#b6e5ff)}.combat-stars{position:absolute;bottom:-10px;left:0;right:0;text-align:center;color:#efcb80;font-size:8px;letter-spacing:1px}.combat-shield{position:absolute;right:-8%;top:-8%;color:#b4e6ff;font-size:9px;font-weight:900;text-shadow:0 1px 3px #00121e}.combat-status{position:absolute;left:0;right:0;top:-19px;color:#ffe3a6;font-size:13px;text-align:center;font-weight:900;text-shadow:0 0 5px #15394f}.combat-actor.has-shield .combat-figure{outline:1px solid #a9e6ffbd;box-shadow:0 0 12px #6fc9f882,inset 0 0 9px #b1ebff55}.combat-actor.moving .combat-figure{animation:combat-walk .22s ease-in-out infinite alternate}.combat-actor[data-action=attack] .combat-figure{transform:translate(calc(var(--pose)*2px)) translateY(calc(var(--pose)*-3px)) rotate(calc(var(--pose)*-8deg))}.combat-actor[data-action=attack][data-style=heavy] .combat-figure{transform:translateY(calc(var(--pose)*-8px)) rotate(calc(var(--pose)*12deg))}.combat-actor[data-action=attack][data-style=spin] .combat-unit-weapon{transform:rotate(calc(var(--pose)*320deg))}.combat-actor[data-action=attack][data-style=thrust] .combat-unit-weapon{transform:translate(calc(var(--pose)*9px)) rotate(calc(var(--aim) + 90deg))}.combat-actor[data-action=attack][data-style=shot] .combat-figure{transform:translateY(calc(var(--pose)*3px)) scaleX(calc(1 - var(--pose)*.08))}.combat-actor[data-action=cast] .combat-figure{filter:brightness(calc(1 + var(--pose)*.7));transform:translateY(calc(var(--pose)*-5px)) scale(calc(1 + var(--pose)*.09));box-shadow:0 0 20px var(--unit-energy)}.combat-actor[data-action=hit] .combat-figure{filter:brightness(calc(1 + var(--pose)*1.4));transform:rotate(calc(var(--pose)*8deg))}.combat-actor.defeated{opacity:calc(1 - var(--death-progress));pointer-events:none;z-index:2}.combat-actor.defeated .combat-figure{transform:translateY(calc(var(--death-progress)*13px)) rotate(calc(var(--death-progress)*68deg)) scale(calc(1 - var(--death-progress)*.35));filter:saturate(calc(1 - var(--death-progress)))}.combat-floating-number{position:absolute;z-index:14;pointer-events:none;color:#ffd8b7;font:900 clamp(10px,1.15vw,17px) Inter,sans-serif;text-shadow:0 2px 3px #00101d,-1px -1px 2px #00101d;white-space:nowrap;animation:combat-float .85s ease-out both;transform:translate(-50%,-90%)}.combat-floating-number.heal{color:#a1ffd1}.combat-floating-number.shield{color:#b4e5ff}.combat-floating-number.evade{color:#d4ebf6;font-size:9px}.combat-side-caption{text-align:center;font-size:8px;letter-spacing:1px;font-weight:800;color:#86c4bf;padding-top:6px;flex:none}.combat-result{position:absolute;z-index:22;top:40%;left:50%;transform:translate(-50%,-50%);padding:16px 30px!important;min-width:180px;border:1px solid #d8b38080;border-radius:10px;background:#082332ed!important;box-shadow:0 10px 50px #0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.combat-result[hidden]{display:none!important}.combat-result.victory{color:#ffe2a2!important}.combat-projectile-trail{opacity:.35;stroke-linecap:round}.combat-slash-trail{stroke-linecap:round;filter:drop-shadow(0 0 1px currentColor)}.combat-cast-marker{opacity:.65;transform-origin:center;animation:combat-marker .6s ease-in-out infinite alternate}.combat-effect.meteor .combat-cast-marker{stroke-width:.9;stroke-dasharray:.6 1}.combat-effect.wave .combat-cast-marker{stroke-width:1.2;stroke-dasharray:4 1}.combat-effect.nova .combat-cast-marker,.combat-effect.vortex .combat-cast-marker{stroke-width:1.1;stroke-dasharray:none}.combat-effect.shield .combat-cast-marker,.combat-effect.heal .combat-cast-marker,.combat-effect.aura .combat-cast-marker{stroke-dasharray:1 .5}.fullscreen-match .combat-playback{height:100%;padding:3px 10px 7px;gap:2px}.fullscreen-match .combat-stage{min-height:0;margin:0 auto}.fullscreen-match .combat-playback .battle-center{height:24px;min-height:24px;gap:2px}.fullscreen-match .combat-unit-name{display:block}.fullscreen-match .combat-playback .battle-ticker{font-size:10px}@keyframes combat-walk{0%{transform:translateY(-1px) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}@keyframes combat-float{0%{opacity:1;translate:0 0;scale:.85}18%{scale:1.15}to{opacity:0;translate:0 -35px;scale:1}}@keyframes combat-marker{0%{opacity:.35}to{opacity:.85}}@media(max-width:700px){.combat-actor{width:11.5%;height:10%;min-height:20px}.combat-unit-symbol{font-size:19px}.combat-unit-weapon{font-size:17px}.combat-unit-name{font-size:6px}.combat-health{height:3px}.combat-mana{height:2px}.combat-stars{font-size:6px;bottom:-7px}.combat-shield{font-size:7px}.combat-status{top:-13px;font-size:9px}.fullscreen-match .combat-playback{padding:0 4px 4px}.combat-side-caption{font-size:6px;padding-top:2px}.combat-result{font-size:14px!important;padding:9px 16px!important}.combat-floating-number{font-size:10px}}@media(prefers-reduced-motion:reduce){.combat-actor,.combat-figure,.combat-health i,.combat-mana i{transition:none!important}.combat-actor.moving .combat-figure,.combat-floating-number,.combat-cast-marker{animation:none!important}.combat-effect{filter:none}.combat-actor[data-action=cast] .combat-figure,.combat-actor.defeated .combat-figure{transform:none}}:root{--pirate-ink:#172e3d;--pirate-navy:#102e43;--pirate-deep:#071e31;--pirate-red:#ab3431;--pirate-gold:#e4b56a;--pirate-brass:#ad7940;--pirate-paper:#f3dfb4;--pirate-muted:#b7cbd0;--gold:#f0c480;--gold-dim:#be8a48;--teal:#65d2cb;--chalk:#fff4d9;--muted:#b8d0d3;--outline:#bb955b80;background:#0a3047;color:var(--chalk)}html{background:#0a3047}body{background:linear-gradient(90deg,#08283ce8,#08283c8a 47%,#0d354b24 77%),linear-gradient(0deg,#08283ce8,transparent 55%),url(/art/pirate-horizon.webp) center center/cover fixed no-repeat,#0a3047}#app{background:linear-gradient(180deg,#07223a12,#07213708 64%,#071e3199)}.ambient{opacity:.18}.ambient-a{background:radial-gradient(circle,#44b2b3,transparent 68%)}.ambient-b{background:radial-gradient(circle,#f9c477,transparent 68%)}.grid-overlay{opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480'%3E%3Cg fill='none' stroke='%23ecd3a0' stroke-width='0.7' opacity='.6'%3E%3Ccircle cx='240' cy='240' r='184'/%3E%3Ccircle cx='240' cy='240' r='174'/%3E%3Ccircle cx='240' cy='240' r='133' stroke-dasharray='2 9'/%3E%3Cpath d='M240 0v480M0 240h480M70 70l340 340M410 70L70 410M240 56l20 164 164 20-164 20-20 164-20-164-164-20 164-20z'/%3E%3Cpath d='M0 35c80-35 140 35 220 0s140 35 260 0M0 438c80-35 140 35 220 0s140 35 260 0'/%3E%3C/g%3E%3C/svg%3E");background-size:640px 640px;-webkit-mask-image:linear-gradient(180deg,transparent,#0007 45%,#000);mask-image:linear-gradient(180deg,transparent,#0007 45%,#000)}h1,h2,h3,.brand,.round-name h1,.shop-info strong{letter-spacing:.02em}.topbar,#app:has(>.fullscreen-match)>.topbar{background:linear-gradient(90deg,#0b2538f7,#143b4be8 48%,#092337f7);border-bottom:1px solid #dfb779;box-shadow:0 4px #04192368,0 8px 30px #041c325e,inset 0 -3px #bb874127;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar:after{width:100%;height:3px;background:repeating-linear-gradient(115deg,#d4b17b 0 3px,#8b6137 3px 5px,#f0ce92 5px 7px);opacity:.72;bottom:-3px}.crest{color:#f8d99b;background:radial-gradient(circle at 30% 15%,#567877,#183c4e 62%,#092638);border-color:#eac589;border-radius:50%;box-shadow:inset 0 0 0 3px #0b293d,inset 0 0 0 4px #d6aa6566,0 0 0 3px #d6aa6515}.brand{color:#fff0cc;text-shadow:1px 2px #051927;letter-spacing:1px}.brand b{color:#e8b66e}.brand-edition{color:#f4d6a1;border-color:#b68b56;border-radius:2px;background:linear-gradient(130deg,#7f362b77,#3d272b77);box-shadow:inset 0 1px #f4d5a61f}.brand-sub,.header-flag{color:#c8d5c9}.server{color:#a5b8b8}.live-pill,.live-pill.is-connected{background:#14505d70;border-color:#7aafa393;color:#d0eee2}.button,.view-switch,.camera-switch,.hud-shortcut{border-radius:5px;text-shadow:none}.button.gold{color:#fff2d0;background:linear-gradient(135deg,#c65443,#a43531 64%,#82282a);border-color:#f0c88c;box-shadow:inset 0 1px #ffdcb164,inset 0 -3px #68232279,0 4px 13px #3e131738;text-shadow:0 1px #662322}.button.gold:not(:disabled):hover{background:linear-gradient(135deg,#d2694d,#b83f34 62%,#94302f);filter:brightness(1.04);box-shadow:inset 0 1px #ffe6bd8a,inset 0 -3px #68232269,0 5px 18px #6d2d2345}.button.outline,.button.subtle,.fullscreen-match .view-switch,.fullscreen-match .camera-switch,.fullscreen-match .hud-shortcut{color:#f5dfb8;border-color:#bc9b6a9e;background:linear-gradient(145deg,#204858ed,#112f44f2);box-shadow:inset 0 1px #e8d8ac25,inset 0 -2px #031e3240}.button.outline:hover,.button.subtle:hover,.fullscreen-match .view-switch:hover,.fullscreen-match .camera-switch:hover{border-color:#efd09b;background:linear-gradient(145deg,#2d5d69,#173c50)}.fullscreen-match .camera-switch.active,.fullscreen-match .hud-shortcut.active{color:#ffe5b7;border-color:#e9bc77;background:linear-gradient(135deg,#99523a,#67392f)}button:focus-visible,.button:focus-visible,input:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}.button:disabled{filter:saturate(.6);opacity:.52}.intro h1,.lobby-layout h1,.finish h1{color:#fff3d3;text-shadow:2px 3px #0a2738,0 8px 34px #072035b8;font-weight:900}.intro h1 em,.lobby-layout h1 em,.finish h1 em{color:#f7cb7c;background:none;-webkit-text-fill-color:#f7cb7c;text-shadow:2px 3px #09283a,0 8px 28px #0720359c;filter:none}.intro p,.lobby-desc{color:#e0e8df;text-shadow:0 1px 4px #082b3d}.intro .eyebrow,.lobby-layout>.eyebrow,.finish>.eyebrow{color:#f4cf8c;letter-spacing:2.1px}.feature-strip span{color:#ffebc3;border-color:#e3bb7e70;background:#10384de6;box-shadow:inset 0 1px #f8dfaf16;border-radius:4px}.entry-panel,.pane{color:#263744;border-color:#b78e54;border-radius:5px;background:radial-gradient(ellipse at 9% 5%,#fff5d68c,transparent 65%),radial-gradient(ellipse at 95% 100%,#ad794b32,transparent 60%),repeating-linear-gradient(0deg,#60452704 0 1px,transparent 1px 4px),linear-gradient(110deg,#f4dfb8,#e9cf9d);box-shadow:inset 0 0 0 4px #fce9c85e,inset 0 0 0 5px #9b713a5c,0 17px 44px #05192f66;-webkit-backdrop-filter:none;backdrop-filter:none}.entry-panel:before{content:"✦";color:#876d4810;font-family:Georgia,serif;font-size:290px;top:15px;right:-30px}.panel-highlight{height:3px;background:linear-gradient(90deg,#663c2a,#c9a063,#684b32)}.entry-panel h2,.pane h2{color:#2a3540;text-shadow:0 1px #fff4d9}.entry-panel .panel-label,.entry-panel label,.pane-top,.fine{color:#7d4934}.entry-lead,.entry-foot,.local-save-note{color:#5d5c52}.entry-panel .entry-foot{color:#6d604b}.entry-panel input{color:#203b4b;border-color:#a7804fa6;background:#fff7e4a3;box-shadow:inset 0 2px 5px #5a402815,0 1px #fff1d7}.entry-panel input::placeholder{color:#827c68}.entry-panel input:focus{border-color:#af4937;outline-color:#ad4937}.entry-panel .orline{color:#826c4c}.entry-panel .orline:before,.entry-panel .orline:after{background:#ae8e5c65}.entry-panel .button.outline{color:#4f3f32;background:linear-gradient(140deg,#fff2d2bb,#dec39389);border-color:#ab8351;box-shadow:inset 0 1px #fff8e4}.entry-panel .button.squared{background:#183f53;color:#f3dbad;border:1px solid #d2ac71}.landing-heroes .landing-hero,.arenory-heroes .landing-hero:nth-child(2),.arenory-heroes .landing-hero:nth-child(3){border:1px solid #bc9256;border-radius:3px;background:radial-gradient(ellipse at 50% 48%,#a78e5f3b,transparent 70%),linear-gradient(125deg,#f4e0b8,#d3b67c);box-shadow:inset 0 0 0 5px #f9e8c3,inset 0 0 0 6px #a88b5c8c,0 15px 26px #0921367a}.landing-hero:before{content:"WANTED";position:absolute;top:12px;left:0;right:0;text-align:center;color:#3a3b36;font:900 clamp(20px,2.4vw,34px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:5px;z-index:4}.landing-heroes .landing-hero:after{height:25%;background:linear-gradient(0deg,#e8d1a9,transparent)}.arenory-heroes .arenory-hero-symbol{color:#3b4d4c;filter:drop-shadow(2px 5px 0 #8c694b29);padding-top:18px}.landing-hero strong{padding:9px;color:#3d392e;font-family:Barlow Condensed,Impact,sans-serif;font-size:15px;letter-spacing:1.6px;text-shadow:0 1px #fff1d7}.landing-hero-caption{color:#e2d9be;text-shadow:0 1px 4px #092438}.landing-heroes .crew-hero-portrait{position:absolute;inset:34px 0 14px;width:100%;height:calc(100% - 48px);object-fit:contain;object-position:center;filter:drop-shadow(2px 5px 2px #71562b44);mix-blend-mode:normal;transform:none}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .unit-mini{position:absolute;inset:2px 4%;display:grid;grid-template-rows:minmax(0,1fr) 12px 10px;justify-items:center;align-items:center;width:92%;height:auto;max-height:none;padding:0;overflow:visible}.fullscreen-match .board-cell .unit-portrait[src*="/crew/"]{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;transform:scale(1.16);transform-origin:center bottom;filter:drop-shadow(0 3px 2px #09213680)}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .unit-small-name{display:block;max-width:100%;margin:0;color:#fff2ce;font-size:11px;line-height:12px;text-shadow:0 1px 3px #082337}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .stars{font-size:10px;line-height:10px}.fullscreen-match .champion-portrait[src*="/crew/"]{position:absolute;top:3px;left:0;object-fit:contain;width:100%;height:auto;max-height:none;transform:translateY(calc(-1 * var(--crew-crown,28.125%)));filter:drop-shadow(1px 2px 1px #1d334345)}.champion-portrait[src$="/admiral.webp"]{--crew-crown:18.4375%}.champion-portrait[src$="/captain.webp"]{--crew-crown:19.375%}.champion-portrait[src$="/ironfist.webp"]{--crew-crown:24.0625%}.champion-portrait[src$="/leviathan.webp"]{--crew-crown:12.8125%}.champion-portrait[src$="/navigator.webp"]{--crew-crown:25.625%}.champion-portrait[src$="/oracle.webp"]{--crew-crown:20.625%}.champion-portrait[src$="/phantom.webp"]{--crew-crown:29.375%}.champion-portrait[src$="/reaper.webp"]{--crew-crown:15.625%}.champion-portrait[src$="/seer.webp"]{--crew-crown:21.875%}.champion-portrait[src$="/siren.webp"]{--crew-crown:19.0625%}.champion-portrait[src$="/stormrook.webp"]{--crew-crown:30.625%}.fullscreen-match .shop-unit:hover .champion-portrait[src*="/crew/"]{transform:translateY(calc(-1 * var(--crew-crown,28.125%)))}.lobby-counter,.lobby-counter strong,.code-line strong{color:#704332}.pane .small-muted{color:#686254}.pane .divider{background:#a2855659}.lobby-slot{border-color:#a88d5f80;background:#fff2d252;color:#7a735f;border-radius:3px}.lobby-slot.occupied{background:#fff6e480;border-color:#a17c46;color:#243e4d;box-shadow:inset 0 1px #fff7dc}.lobby-slot .slot-number{color:#a18b62}.lobby-slot>span{color:#8d4430}.lobby-slot>b{color:#ab4935}.start-panel{background:radial-gradient(ellipse at 50% 0,#fff0ca,#e6cb94)}.start-icon{color:#9b4b35;text-shadow:0 3px #fff0c0}.start-panel p,.start-facts small,.waiting{color:#685b44}.start-facts strong{color:#2a4654}.footer{color:#d9b47a;border-top:1px solid #e3bc7c3d}.footer span{color:#bad0cf}.finish .trophy{filter:drop-shadow(0 6px 0 #8b5d3238);text-shadow:0 0 65px #f3c77e65}.finish p{color:#e1eadd;text-shadow:0 1px 3px #0b293a}.fullscreen-match>.status-row{border-color:#bb955d;border-radius:5px;background:linear-gradient(105deg,#133b50fa,#12394cef 50%,#0b293ef5);box-shadow:inset 0 1px #ffe2a34a,inset 0 -3px #091e3066,0 6px 21px #031c3155;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-match .round-name .eyebrow{color:#cfa86d;letter-spacing:1px}.fullscreen-match .round-name h1{color:#fff0ce;text-shadow:0 2px #061d2f}.fullscreen-match .round-name h1 em{color:#f4c57a}.fullscreen-match .round-name h1 span{color:#9bb8be}.fullscreen-match .phase-status{border-radius:3px;background:linear-gradient(100deg,#a9854b18,#1d56601c);box-shadow:inset 2px 0 #c59c5c65}.fullscreen-match .phase-label{color:#c8e3d8}.fullscreen-match .phase-meta strong{color:#ffe3a3;text-shadow:0 2px #061e2d}.fullscreen-match .phase-progress{background:#092333}.fullscreen-match .phase-progress>i{background:linear-gradient(90deg,#47b8b0,#f3cf80);box-shadow:0 0 6px #8ce5cf40}.fullscreen-match .currency-bar>div{border-color:#bf9b604d;border-radius:4px;background:linear-gradient(140deg,#071e31b0,#1c3e4b9c);box-shadow:inset 0 1px #dfd4aa12}.fullscreen-match .currency-bar span{color:#b8c9c8}.fullscreen-match .currency-bar strong{color:#f9d78f}.fullscreen-match .currency-bar>div:last-child strong{color:#ffb194}.fullscreen-match .left-sidebar,.fullscreen-match .right-sidebar{color:#2c4350;border-color:#c29b62;border-radius:4px;background:radial-gradient(ellipse at 8% 0,#fff1ceac,transparent 65%),repeating-linear-gradient(0deg,#71512d05 0 1px,transparent 1px 4px),linear-gradient(115deg,#edd7adf7,#dfc18bf7);box-shadow:inset 0 0 0 3px #fff0ca70,inset 0 0 0 4px #9d774243,0 9px 22px #0d2c3f47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-color:#b58c53 #ddc291}.fullscreen-match .sidebar-title{color:#5c3e2c;font-family:Barlow Condensed,Impact,sans-serif;font-size:12px;font-weight:900;letter-spacing:1.3px;border-bottom-color:#a7895770}.fullscreen-match .sidebar-title span{color:#886e47}.fullscreen-match .player-entry{color:#2d4350;border-bottom-color:#a98c5b45;border-radius:2px}.fullscreen-match .player-entry.self{background:linear-gradient(100deg,#fff4d989,#fff6e32e);border-inline-start-color:#a94835;box-shadow:inset 0 0 0 1px #b78a4d4d}.fullscreen-match .player-entry .rank{color:#8c7046}.fullscreen-match .player-avatar{color:#f2dbad;border:1px solid #9d7949;border-radius:3px;background:linear-gradient(145deg,#5d776f,#233f4e);box-shadow:inset 0 0 0 2px #e9ce9860;filter:sepia(.18)}.fullscreen-match .player-name{color:#263b47;font-weight:900}.fullscreen-match .player-entry.self .player-name{color:#823b2d}.fullscreen-match .player-name i{color:#ac4c38}.fullscreen-match .health-track{background:#8d765a40;box-shadow:inset 0 1px #83644427}.fullscreen-match .health-track span{background:linear-gradient(90deg,#a33c31,#d16d45)}.fullscreen-match .health-num{color:#663c2c}.fullscreen-match .health-num small{color:#8a795e}.fullscreen-match .trait-entry{border-bottom-color:#ae90604d}.fullscreen-match .trait-entry>span{background:linear-gradient(145deg,#c8b083,#dcca9e);border-color:#a78b5a;color:#34545e;border-radius:3px}.fullscreen-match .trait-entry strong{color:#263f4d}.fullscreen-match .trait-entry small{color:#7b6b4f}.fullscreen-match .trait-entry b{color:#754d30}.fullscreen-match .trait-entry.active strong{color:#923b2d}.fullscreen-match .trait-entry.active>span{background:linear-gradient(150deg,#e6bc73,#cc9654);border-color:#b1783c;color:#75412c}.fullscreen-match .trait-track{background:#bfa17261}.fullscreen-match .trait-track>i{background:#719e96}.fullscreen-match .trait-entry.active .trait-track>i{background:linear-gradient(90deg,#ab4d35,#d89548)}.fullscreen-match .hud-panel-close{color:#5e432d;border-color:#ab8759;background:#f6e4bc}.fullscreen-match .board-frame>.board-header{color:#f8e5be;border-color:#d2ac70a3;border-radius:4px;background:linear-gradient(100deg,#12374af5,#0c293de8);box-shadow:inset 0 1px #fff1c328,0 4px 14px #06213966}.fullscreen-match .board-header>span{color:#ffebbf;letter-spacing:.8px}.fullscreen-match .board-header-actions>span{color:#bfd2cf}.fullscreen-match .arena-side-label{border-radius:2px;background:#102f42cf;box-shadow:0 2px 10px #08253a33;border-color:#d7b47c9e;text-shadow:0 1px #092334}.fullscreen-match .arena-side-label.foe{color:#ffd3aa;border-color:#c88460}.fullscreen-match .arena-side-label.ally{color:#d2eee1;border-color:#89b29d}.fullscreen-match .board-frame>.board-instructions{color:#e7e9d5;border-color:#bda57388;border-radius:3px;background:#0f3449e3;box-shadow:0 2px 10px #0823384d}.fullscreen-match .game-center>.bench-section{border:1px solid #bc955d;border-radius:5px;background:repeating-linear-gradient(0deg,#b2925830 0 1px,transparent 1px 9px),linear-gradient(115deg,#5a4334f5,#3f322df2 53%,#59412ff5);box-shadow:inset 0 1px #f5db9b5c,inset 0 0 0 3px #171c2240,0 6px 20px #0923345c;-webkit-backdrop-filter:none;backdrop-filter:none}.fullscreen-match .bench-section>.section-heading{color:#f6ddb0}.fullscreen-match .bench-section>.section-heading span{color:#d0bc92}.fullscreen-match .bench-slot{color:#c2a97d;border:1px solid #ba97566b;border-radius:3px;background:linear-gradient(140deg,#112e3bde,#132b37ba);box-shadow:inset 0 0 0 2px #071c2b42,inset 0 2px 7px #05151b5c}.fullscreen-match .bench-slot:hover{border-color:#e7c184;background:#244e59}.fullscreen-match .bench-slot.selected{border-color:#ffe1a1;background:#88684280;box-shadow:inset 0 0 0 1px #ffe6ac}.fullscreen-match .game-center>.shop-section{border-color:#b78b51;border-radius:6px;background:radial-gradient(ellipse at 50% 0,#3b626a30,transparent 78%),linear-gradient(110deg,#102f43f5,#0c293ded 65%,#123449f5);box-shadow:inset 0 1px #ffe0a453,inset 0 0 0 3px #061b2d4d,0 7px 25px #06243866}.fullscreen-match .shop-head .section-heading strong{color:#f5dcaa;letter-spacing:1px}.fullscreen-match .shop-odds .odds-item{color:#c4d7d5}.fullscreen-match .shop-unit{color:#2d3b41;border-color:#c6a169;border-radius:3px;background:linear-gradient(125deg,#f2deb9,#dcbf87);box-shadow:inset 0 0 0 2px #f9e9c34d;overflow:hidden}.fullscreen-match .shop-unit:not(:disabled):hover{border-color:#ffe0a5;box-shadow:0 0 0 1px #ffe6b1,inset 0 0 0 2px #fcebc8,0 0 18px #e9be6870;filter:brightness(1.04)}.fullscreen-match .shop-top{color:#5f472f;background:linear-gradient(90deg,#f5e6c3,#ddc28e);border-bottom:1px solid #b4976659;font-family:Barlow Condensed,Impact,sans-serif}.fullscreen-match .shop-top .tier-badge{color:#7e5131;letter-spacing:1.2px;font-weight:900}.fullscreen-match .shop-top .cost{color:#80512d;text-shadow:0 1px #fff2c7}.fullscreen-match .shop-unit.tier-2{border-color:#b79457}.fullscreen-match .shop-unit.tier-3{border-color:#a3794d}.fullscreen-match .shop-unit.tier-4{border-color:#8b6483}.fullscreen-match .shop-unit.tier-5{border-color:#dfb465}.fullscreen-match .character-art{background:radial-gradient(ellipse at 50% 80%,#f8e8bbab,transparent 70%),repeating-linear-gradient(100deg,#6b5c3c07 0 1px,transparent 1px 4px),linear-gradient(145deg,#d3bb89,#a9b59b)}.fullscreen-match .shop-unit.tier-2 .character-art{background:radial-gradient(ellipse at 50% 90%,#d8dcb0,#a5bba7 70%,#a1a885)}.fullscreen-match .shop-unit.tier-3 .character-art{background:radial-gradient(ellipse at 50% 90%,#e5c786,#b8b598 70%,#899c9d)}.fullscreen-match .shop-unit.tier-4 .character-art{background:radial-gradient(ellipse at 50% 90%,#e0bdd1,#9c9ca7 70%,#7a8d99)}.fullscreen-match .shop-unit.tier-5 .character-art{background:radial-gradient(ellipse at 50% 90%,#fce1a0,#bd8f62 70%,#8b6c5a)}.fullscreen-match .champion-portrait{filter:drop-shadow(0 3px 2px #37404059);mix-blend-mode:normal}.fullscreen-match .shop-info{background:linear-gradient(180deg,#edd8ae,#e0c38f);border-top:1px solid #b5945f85;box-shadow:inset 0 1px #fff2cc8c}.fullscreen-match .shop-info strong{color:#283e48;text-shadow:0 1px #fff4d7;font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;letter-spacing:.4px}.fullscreen-match .shop-unit.sold{color:#c0aa82;border-style:dashed;border-color:#b196638c;background:radial-gradient(ellipse at 50% 50%,#64746a33,transparent 75%),#183341;box-shadow:inset 0 0 0 4px #e0bc6b0c}.fullscreen-match .ready.button.gold{color:#fff0cd;background:linear-gradient(145deg,#c65643,#a23831 62%,#7d2928);border-color:#efd09a;box-shadow:inset 0 1px #ffdead73,inset 0 -4px #63211e70,0 3px 8px #031b2d40;text-shadow:0 1px #6a2924}.fullscreen-match .ready.button.gold:not(:disabled):hover{filter:brightness(1.1)}.fullscreen-match .game-center>.inspector.occupied{color:#f5e4bf;border-color:#bd965e;border-radius:5px;background:linear-gradient(120deg,#173d50f5,#0d2a3ff7);box-shadow:inset 0 1px #e9c3864d,0 13px 30px #061e324f}.inspector-avatar{border-color:#c39d64;background:radial-gradient(circle,#607564,#1a3b4a);border-radius:4px}.inspector h3{color:#ffdfaa;text-shadow:0 1px #061b2c}.inspector-label,.unit-combat-stats{color:#d3dfd5}.inspector-copy>p,.selected-passive{color:#b5d0c9}.inspector-chips span{background:#b18a4d19;border-color:#ba9d6259;color:#e9dfc5}.selected-skill{color:#f2cf96}.fullscreen-match .game-center>.poneglyph-section:not(.small){border-color:#c09252;border-radius:5px;color:#f5e7cc;background:linear-gradient(135deg,#214953f8,#102e43fc);box-shadow:inset 0 0 0 4px #deba6e20,0 20px 90px #041c32b3}.poneglyph-head{color:#f6d193}.poneglyph-head small{color:#c3d6ce}.poneglyph-option{color:#352f29;border:1px solid #b58b50;border-radius:4px;background:radial-gradient(ellipse at 50% 0,#fff0cf,#dcc08c);box-shadow:inset 0 0 0 3px #fff0c93d}.poneglyph-option>span{color:#997044}.poneglyph-option strong{color:#5d3d2a}.poneglyph-option small{color:#62583f}.poneglyph-option b{color:#994535}.poneglyph-option:hover{background:linear-gradient(135deg,#fff0c7,#edd099);border-color:#ffe4ad;transform:translateY(-2px)}.active-poneglyphs span{background:#153a48e8;border-color:#bd985e8c;color:#e9d4aa}.fullscreen-match .board-cell{border-color:#d5bb8275;background:linear-gradient(140deg,#3f77778a,#1b4a67d9);filter:drop-shadow(0 3px 2px #072f3f35)}.fullscreen-match .board-frame:not(:has(>.three-arena)){background:linear-gradient(180deg,#103b514f,#0a334887),url(/art/pirate-horizon.webp) center center/cover no-repeat,#143f55}.fullscreen-match .board-frame>.battle-live{border-color:#a7b69459;border-radius:5px;background:linear-gradient(180deg,#0b3448b5,#0a2a3d66);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fullscreen-match .board-cell.filled{background:radial-gradient(ellipse at center,#a4905c9e,#255973e8 80%)}.fullscreen-match .board-cell.can-place:hover{background:linear-gradient(145deg,#d0b779b0,#327880d4)}.fullscreen-match .board-cell .tile-diamond{color:#adcfca55}.fullscreen-match .battle-hud{color:#eedbb7;border-color:#b7925d5c;background:#103447d9}.fullscreen-match .battle-foot,.combat-side-caption{color:#cae1d9}.fullscreen-match .combat-stage{filter:drop-shadow(0 9px 15px #092a3f35)}.fullscreen-match .combat-hex-cell{background:linear-gradient(145deg,#4f8a8570,#1e576d8f);box-shadow:inset 0 0 0 1px #c3c18a60}.fullscreen-match .combat-hex-cell.mid{background:linear-gradient(135deg,#c8a66852,#35667466)}.combat-result,.combat-3d-result{color:#f6e4be!important;border-color:#e0b978!important;border-radius:4px;background:linear-gradient(130deg,#193f50f5,#0b293ff7)!important;box-shadow:inset 0 0 0 3px #dcb87a19,0 15px 45px #06243980!important}.combat-result.victory,.combat-3d-result.victory{color:#ffe09e!important}.unit-drag-ghost{color:#3e3528;background:linear-gradient(120deg,#f4dfb7f7,#e5c793f7);border-color:#ac7a41;border-radius:4px;box-shadow:inset 0 0 0 3px #fff0c970,0 15px 35px #05243c66}.fullscreen-match .drag-over{outline-color:#ffd795;filter:brightness(1.15)}.toast{color:#fde8c3;background:#12364cf5;border-color:#d5ab6d;border-radius:5px;box-shadow:0 9px 28px #061e32a1}@media(max-width:700px){.brand{letter-spacing:.7px}.intro h1{line-height:.94}.landing-hero:before{font-size:22px;letter-spacing:3px;top:10px}.landing-hero strong{font-size:10px;letter-spacing:.8px;padding:7px 3px}.entry-panel{box-shadow:inset 0 0 0 3px #fce9c85e,inset 0 0 0 4px #9b713a5c,0 12px 30px #05192f66}.fullscreen-match .sidebar-title{font-size:11px}.fullscreen-match .shop-info strong{letter-spacing:.1px}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .unit-mini{inset:0 4%;grid-template-rows:minmax(0,1fr) 8px 7px;padding:0}.fullscreen-match .board-cell .unit-portrait[src*="/crew/"]{transform:scale(1.3);transform-origin:center 65%}.fullscreen-match .board-cell .unit-portrait[src$="/leviathan.webp"]{transform:scale(1.15)}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .unit-small-name{font-size:8px;line-height:8px}.fullscreen-match .board-cell:has(.unit-portrait[src*="/crew/"]) .stars{font-size:7px;line-height:7px}}@media(prefers-reduced-motion:reduce){.poneglyph-option:hover{transform:none}}.quality-overlay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:24px;background:#03131fba;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overscroll-behavior:contain}.quality-dialog{display:flex;flex-direction:column;width:min(960px,100%);max-height:calc(100dvh - 48px);min-height:0;color:#eceddf;background:linear-gradient(150deg,#143c4e,#0c2537 75%);border:1px solid #d5ad70;border-radius:12px;box-shadow:0 28px 100px #0009,inset 0 0 0 4px #f2cf8f0a;overflow:hidden}.quality-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:19px 24px;border-bottom:1px solid #b5956047;background:linear-gradient(100deg,#25485788,#183b4b33)}.quality-head h2{margin:0;color:#ffdf9d;font:800 27px/1.1 Barlow Condensed,Impact,sans-serif;letter-spacing:1px}.quality-head p{margin:5px 0 0;color:#afc7cb;font-size:12px;line-height:1.4}.quality-close{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #bf9a6377;border-radius:6px;background:#062235;color:#f8ddb0;font-size:20px;cursor:pointer}.quality-close:hover{background:#345d65;border-color:#f1ce92}.quality-body{min-height:0;overflow:auto;padding:22px 24px 26px;overscroll-behavior:contain;scrollbar-color:#a88750 #102c3e}.quality-body :is(button,a):focus-visible,.quality-close:focus-visible,.quality-toolbar :is(button,a):focus-visible{outline:3px solid #a4ece0;outline-offset:3px}.quality-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.quality-toolbar button,.quality-tool{min-height:30px;padding:6px 10px;border:1px solid #bd9c6a88;border-radius:5px;background:linear-gradient(140deg,#214b5c,#112d40);color:#f4dfb8;font:700 11px/1.1 Barlow Condensed,sans-serif;letter-spacing:.6px;cursor:pointer}.quality-toolbar button:hover,.quality-tool:hover{border-color:#f1cc8d;background:#2a5a65}.quality-tool.has-discovery,.quality-toolbar .has-discovery{border-color:#efd09c;color:#ffe4ae;box-shadow:inset 0 0 14px #eab15a25}.quality-intro{padding:0 0 18px}.quality-eyebrow{display:block;font:800 10px/1.4 Barlow Condensed,sans-serif;letter-spacing:1.8px;color:#e6bd7d}.quality-intro h3{margin:8px 0 0;font:800 29px/1.1 Barlow Condensed,sans-serif;color:#fff0ca}.quality-intro p{max-width:720px;margin:8px 0 0;font-size:13px;line-height:1.65;color:#c2d2d1}.quality-notice{margin:0 0 20px;padding:12px 15px;border:1px solid #d3af6c55;border-radius:6px;background:#d3ae6412;color:#f4deb2;font-size:12px;line-height:1.5}.quality-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.quality-section-head h3{margin:0;color:#f7e4bc;font:700 21px/1.2 Barlow Condensed,sans-serif}.quality-section-head>span{font:700 10px/1.3 Barlow Condensed,sans-serif;color:#9fb9bd;letter-spacing:1px;white-space:nowrap}.quality-subtle{font-size:12px;line-height:1.55;color:#adc6cb;margin:6px 0 13px}.quality-draft,.quality-loadout,.quality-inventory{padding:0 0 22px;margin:0 0 20px;border-bottom:1px solid #d7b37a22}.quality-inventory{margin:0;padding-bottom:0;border-bottom:0}.quality-draft-grid,.quality-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quality-gear-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;min-width:0;margin:0;padding:17px 16px;border:1px solid #ba9a6470;border-radius:8px;background:radial-gradient(ellipse at 12% 0,#d1b77b17,transparent 75%),linear-gradient(145deg,#244650,#122e40);color:#f7e9c8;text-align:left;box-shadow:inset 0 1px #ebc98714}button.quality-gear-card{cursor:pointer}.quality-gear-card:hover{border-color:#e4be7b}.quality-gear-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #bd995755;border-radius:8px;background:linear-gradient(140deg,#d8b77522,#061d2e66);color:#efce90;font-size:24px}.quality-gear-card>strong{font:800 21px/1.15 Barlow Condensed,sans-serif;color:#ffe4ad}.quality-gear-card>strong em{font:700 13px Inter,sans-serif;color:#82d4c7;font-style:normal}.quality-gear-card>small{flex:1;font-size:11px;line-height:1.65;color:#c0d0cf}.quality-gear-card>b{align-self:flex-end;font:800 11px/1.2 Barlow Condensed,sans-serif;letter-spacing:1px;color:#8fddd0;margin-top:8px}.quality-choice{min-height:202px;transition:background .15s,border-color .15s}.quality-choice:hover:not(:disabled){background:radial-gradient(ellipse at 0 0,#e8c48a22,transparent 75%),#254b57}.quality-body button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.quality-crew-picker{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 11px;scrollbar-width:thin;scrollbar-color:#a88750 #102c3e}.quality-crew-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:3px;flex:0 0 91px;width:91px;min-height:108px;padding:7px 5px;border:1px solid #6b929766;border-radius:6px;color:#d7e0d6;background:linear-gradient(145deg,#244451,#102b3d);cursor:pointer}.quality-crew-choice>img{height:66px;width:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #05182299)}.quality-crew-choice>span{font-size:36px}.quality-crew-choice>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1.2 Barlow Condensed,sans-serif}.quality-crew-choice>small{font-size:9px;letter-spacing:1px;color:#f2c87a}.quality-crew-choice:hover{border-color:#b6d4cb}.quality-crew-choice.is-selected{border-color:#e6be7d;background:linear-gradient(145deg,#77634488,#1b414c);box-shadow:inset 0 0 0 1px #efcc8d6b}.quality-selected-gear{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #bb9d6540;border-radius:7px;background:#061c2c5c}.quality-selected-gear h4{margin:3px 0 5px;font:800 23px/1.1 Barlow Condensed,sans-serif;color:#ffebc3}.quality-selected-gear p{margin:0;font-size:12px;line-height:1.5;color:#bacdcd}.quality-selected-gear p strong{color:#f7d89e}.quality-action{align-self:flex-start;flex:none;padding:9px 11px;min-height:35px;border:1px solid #b9955e99;border-radius:4px;color:#ffdfaa;background:linear-gradient(135deg,#31565e,#17384a);font:800 11px/1.1 Barlow Condensed,sans-serif;letter-spacing:.7px;cursor:pointer}.quality-action:hover:not(:disabled){background:#3b6870;border-color:#e9c184}.quality-gear-card .quality-action{align-self:stretch;margin-top:5px;text-align:center}.quality-empty{display:flex;align-items:center;gap:16px;padding:18px;border:1px dashed #8ca9aa4f;border-radius:7px;background:#102b3d6b}.quality-empty>span{color:#bda676;font-size:28px}.quality-empty strong{font:700 20px Barlow Condensed,sans-serif;color:#dce2d1}.quality-empty p{margin:4px 0 0;color:#a6bfc2;font-size:12px;line-height:1.5}.quality-footnote{margin:13px 0 0;color:#8faeb6;font-size:10px;line-height:1.65}.quality-item-kind{font:700 8px/1.4 Inter,sans-serif;color:#94aeb8;letter-spacing:1px}.quality-gear-card.is-finished{border-color:#d5b87890;background:radial-gradient(ellipse at 5% 0,#d6b56926,transparent 75%),linear-gradient(145deg,#254751,#142c3f)}.quality-gear-card.is-finished .quality-item-kind{color:#e0c587}.quality-bundle-extra{display:block;align-self:stretch;padding:9px 10px;margin-top:3px;border:1px solid #8ab7b448;border-radius:4px;background:#80bdb20a;color:#b7ddd2;font:700 12px/1.3 Barlow Condensed,sans-serif}.quality-bundle-extra>small{display:block;margin-top:5px;color:#9db9c1;font:400 10px/1.55 Inter,sans-serif}.quality-build-summary{margin-bottom:10px}.quality-item-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quality-item-slot{display:grid;grid-template-columns:20px 28px minmax(0,1fr);align-content:start;align-items:center;gap:7px;min-width:0;min-height:126px;padding:12px;border:1px solid #829eaa50;border-radius:6px;background:linear-gradient(140deg,#203e4c88,#0b2334b8)}.quality-item-slot.is-empty{border-style:dashed;background:#0a213046}.quality-slot-number{display:grid;place-items:center;width:19px;height:19px;border:1px solid #829eaa44;border-radius:3px;color:#93adb9;font:700 10px Inter,sans-serif}.quality-slot-icon{font-size:23px;color:#e2c68b;text-align:center}.quality-item-slot>div{min-width:0}.quality-item-slot strong{display:block;color:#f1dfb6;font:700 15px/1.15 Barlow Condensed,sans-serif;overflow-wrap:anywhere}.quality-item-slot small{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#9fb7c0}.quality-item-slot .quality-action{grid-column:2/-1;align-self:end;text-align:center;font-size:10px;padding:7px;min-height:30px;margin-top:4px}.quality-slot-empty{grid-column:2/-1;color:#758f9d;font-size:11px;line-height:1.7}.quality-forge{padding:0 0 24px;margin:0 0 20px;border-bottom:1px solid #d7b37a22}.quality-forge .quality-section-head{align-items:center}.quality-forge .quality-section-head h3{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}.quality-forge-count{padding:3px 6px;border:1px solid #d4b46e44;border-radius:3px;color:#e1c27d;background:#c9ad5710;font:700 8px/1.3 Inter,sans-serif;letter-spacing:.5px}.quality-recipe-filter{flex:none;min-height:34px;padding:7px 10px;border:1px solid #7fa5ad66;border-radius:4px;color:#bdd8d7;background:#183b4c;font:700 10px/1.2 Barlow Condensed,sans-serif;letter-spacing:.7px;cursor:pointer}.quality-recipe-filter:hover{border-color:#b9dbd1;background:#294e5c}.quality-recipe-filter[aria-pressed=true]{border-color:#dbbc79;color:#f3d493;background:#6d5c342e}.quality-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quality-recipe{display:flex;flex-direction:column;gap:12px;min-width:0;padding:15px;border:1px solid #708b9a44;border-radius:7px;background:linear-gradient(145deg,#1a3949bb,#0d273a99)}.quality-recipe.is-available{border-color:#a6c5ac80;background:radial-gradient(ellipse at 0 0,#a8c58f15,transparent 80%),linear-gradient(145deg,#203e4bbb,#0d273a99)}.quality-recipe-cost{display:flex;align-items:center;gap:7px;min-height:35px;padding-bottom:9px;border-bottom:1px solid #a2b8b027}.quality-recipe-cost>span{min-width:0;flex:1;color:#a8bdc7;font:600 10px/1.4 Inter,sans-serif;overflow-wrap:anywhere}.quality-recipe-cost>span>small{display:block;margin-top:3px;color:#7895a3;font-size:9px;letter-spacing:.8px}.quality-recipe-cost>b{color:#718d9a;font-size:16px;font-weight:400}.quality-recipe.is-available .quality-recipe-cost>span>small{color:#a1cfb1}.quality-recipe-result{display:flex;align-items:center;gap:12px;flex:1}.quality-recipe-result>span{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #d0ac6359;border-radius:6px;background:#d2b36d0d;color:#edd095;font-size:22px}.quality-recipe-result>div{min-width:0}.quality-recipe-result strong{display:block;color:#edd8aa;font:700 21px/1.15 Barlow Condensed,sans-serif}.quality-recipe-result small{display:block;margin-top:5px;color:#b0c5cc;font-size:10px;line-height:1.6}.quality-recipe>.quality-action{align-self:stretch;margin-top:1px;text-align:center}.quality-streak-info{border-left:2px solid #c9ac6c6b;padding-left:10px}@media(max-width:700px){.quality-item-kind,.quality-bundle-extra{grid-column:2}.quality-bundle-extra{padding:8px;margin-top:3px;font-size:12px}.quality-item-slots{grid-template-columns:1fr}.quality-item-slot{grid-template-columns:19px 26px minmax(0,1fr) auto;min-height:64px;padding:10px;gap:7px}.quality-item-slot .quality-action{grid-column:4;margin:0;padding:7px 8px;min-height:34px;align-self:center}.quality-item-slot.is-empty{min-height:52px}.quality-slot-empty{grid-column:2/-1;font-size:10px}.quality-item-slot strong{font-size:16px}.quality-item-slot small{font-size:10px}.quality-recipe-grid{grid-template-columns:1fr}.quality-forge .quality-section-head{gap:8px}.quality-recipe-filter{max-width:135px;font-size:9px;min-height:36px;padding:7px 8px;letter-spacing:.3px}.quality-recipe{padding:13px;gap:10px}.quality-recipe-result strong{font-size:21px}}.quality-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.quality-guide-card{padding:18px;border:1px solid #a88e5d55;border-radius:8px;background:linear-gradient(145deg,#23455166,#102b3a88)}.quality-guide-icon{color:#dfbd7b;font-size:22px}.quality-guide-card h3{margin:8px 0 12px;color:#f7e4bc;font:800 23px/1.1 Barlow Condensed,sans-serif}.quality-guide-card p,.quality-controls p{font-size:12px;line-height:1.7;color:#b8ced1;margin:10px 0}.quality-guide-card small,.quality-controls>small{font-size:11px;line-height:1.7;color:#92b3ba}.quality-income{display:flex;align-items:center;gap:13px}.quality-income strong{font:800 42px/1 Barlow Condensed,sans-serif;color:#f4cf86}.quality-income span{max-width:110px;color:#d7b97f;font:800 10px/1.4 Barlow Condensed,sans-serif;letter-spacing:1px}.quality-trait-goals{list-style:none;padding:0;margin:0}.quality-trait-goals li{display:flex;flex-direction:column;gap:3px;padding:7px 0;border-bottom:1px solid #acbaab22}.quality-trait-goals strong{font-size:13px;color:#d4e1d6}.quality-trait-goals span{font:700 10px/1.4 Barlow Condensed,sans-serif;color:#a4c7c9;letter-spacing:.5px}.quality-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #a98e5c4a;border-radius:7px;overflow:hidden}.quality-milestones>div{display:flex;flex-direction:column;gap:6px;padding:16px 15px;background:#13344888;border-left:1px solid #a98e5c38}.quality-milestones>div:first-child{border-left:0}.quality-milestones b{font:800 18px Barlow Condensed,sans-serif;color:#e7c183;letter-spacing:1px}.quality-milestones strong{font-size:12px;color:#e4e4d0}.quality-milestones span{font-size:10px;line-height:1.5;color:#9abac0}.quality-controls{padding-top:22px}.quality-controls h3{margin:0;color:#f7e4bc;font:800 21px Barlow Condensed,sans-serif}.quality-keyboard{display:flex;flex-wrap:wrap;gap:8px 20px;padding:6px 0 14px}.quality-keyboard>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9c7cb}.quality-keyboard kbd{display:inline-block;min-width:25px;padding:4px 7px;border:1px solid #9ebfc154;border-bottom-width:3px;border-radius:4px;background:#193c4b;color:#e3e5ce;font:700 10px Inter,sans-serif;text-align:center}.battle-report{color:#d9e3de}.battle-report h3,.battle-report h4{font-family:Barlow Condensed,sans-serif;color:#f8dfaa}.battle-report-empty{padding:30px 20px;text-align:center;color:#a7c4c9;font-size:13px;line-height:1.7}.battle-report-note{color:#9fbac0;font-size:11px;line-height:1.55}@media(max-width:700px){.quality-overlay{padding:8px}.quality-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:8px}.quality-head{padding:13px 14px;gap:10px}.quality-head h2{font-size:23px}.quality-head p{font-size:10px}.quality-close{width:36px;height:36px}.quality-body{padding:16px 13px 20px}.quality-intro h3{font-size:25px}.quality-intro p{font-size:12px}.quality-draft-grid,.quality-inventory-grid{grid-template-columns:1fr}.quality-gear-card{padding:14px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px 12px}.quality-gear-icon{grid-column:1;grid-row:1/3;width:36px;height:36px;font-size:23px}.quality-gear-card>strong{grid-column:2;font-size:20px}.quality-gear-card>small{grid-column:2;font-size:11px}.quality-gear-card>b,.quality-gear-card .quality-action{grid-column:2;margin-top:5px}.quality-choice{min-height:0}.quality-crew-choice{flex-basis:82px;width:82px;min-height:100px}.quality-crew-choice>img{height:60px}.quality-selected-gear{align-items:flex-start;flex-direction:column;padding:13px;gap:12px}.quality-selected-gear .quality-action{align-self:stretch}.quality-section-head h3{font-size:20px}.quality-section-head>span{font-size:9px;white-space:normal;text-align:right}.quality-brief-grid{grid-template-columns:1fr;gap:11px}.quality-guide-card{padding:15px}.quality-milestones{grid-template-columns:1fr}.quality-milestones>div{border-left:0;border-top:1px solid #a98e5c38;padding:13px 15px;gap:4px}.quality-milestones>div:first-child{border-top:0}.quality-keyboard{gap:9px 14px}}@media(max-height:600px)and (min-width:701px){.quality-overlay{padding:12px}.quality-dialog{max-height:calc(100dvh - 24px)}.quality-head{padding:12px 20px}.quality-body{padding:15px 20px 18px}}@media(prefers-reduced-motion:reduce){.quality-choice{transition:none}}.quality-tools{position:fixed;z-index:25;right:14px;bottom:260px;display:grid;gap:6px;width:clamp(178px,calc(13.5vw - 7px),210px)}.quality-tools button{min-height:34px;padding:8px 10px;border:1px solid #b996626b;border-radius:5px;color:#e6d9b9;background:linear-gradient(135deg,#193d50f5,#0c2a3ef5);box-shadow:inset 0 1px #e0c88d18,0 3px 12px #031b2b22;font:800 12px/1.2 Barlow Condensed,sans-serif;letter-spacing:.5px;cursor:pointer}.quality-tools button:hover{border-color:#eac58b;background:#295565}.quality-tools button:focus-visible{outline:3px solid #98e3d7;outline-offset:2px}.quality-tools button:disabled{opacity:.45;cursor:not-allowed}.quality-tools .has-reward{border-color:#efc480;color:#ffdf9f;box-shadow:inset 3px 0 #f0c37d,inset 0 0 15px #f0c37d12}.battle-report-body{color:#d9e3de;min-width:0}.battle-report-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;margin-bottom:14px}.battle-report-heading h2{margin:0;color:#f5ddae;font:800 24px/1.2 Barlow Condensed,sans-serif}.battle-report-heading p{flex-basis:100%;margin:0;font-size:11px;color:#a3c1c7}.battle-report-outcome{display:inline-block;padding:5px 9px;border:1px solid #bfa77c77;border-radius:4px;color:#e4d7b7;background:#b29a5d13;font:800 13px/1.1 Barlow Condensed,sans-serif;letter-spacing:1px;text-transform:uppercase}.battle-report-outcome.victory{border-color:#8acbbb88;color:#9de2cc;background:#49a88b15}.battle-report-outcome.defeat{border-color:#c9827188;color:#f1b3a0;background:#aa52371a}.battle-report-legend,.battle-report-footnote{margin:0 0 18px;color:#8faeb8;font-size:10px;line-height:1.65}.battle-report-footnote{margin:16px 0 0}.battle-report-teams{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle-report-team{min-width:0;border:1px solid #9ab9b53b;border-radius:8px;background:#08243577;overflow:hidden}.battle-report-team.own{border-top:3px solid #78c7b6}.battle-report-team.foe{border-top:3px solid #ce8c77}.battle-report-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:14px 14px 9px;background:#2e4f571f}.battle-report-team-head h3{margin:0;color:#f4e1b8;font:800 22px/1.1 Barlow Condensed,sans-serif;overflow-wrap:anywhere}.battle-report-team-head>span{flex:none;color:#a2bbc1;font-size:10px}.battle-report-totals{display:flex;gap:12px;padding:4px 14px 13px;border-bottom:1px solid #bca06a2a;flex-wrap:wrap}.battle-report-totals>span{display:flex;align-items:baseline;gap:5px;font-size:9px;color:#91b1ba}.battle-report-totals strong{font:800 21px/1 Barlow Condensed,sans-serif;color:#d6d9bd}.battle-report-units{list-style:none;margin:0;padding:0 11px}.battle-report-unit{display:grid;grid-template-columns:35px minmax(65px,1fr) repeat(4,45px);gap:7px;align-items:center;padding:13px 0;border-bottom:1px solid #a9bca021;min-width:0}.battle-report-unit:last-child{border-bottom:0}.battle-report-portrait{display:grid;place-items:center;width:35px;height:43px;border:1px solid #d7b26d3b;border-radius:4px;background:linear-gradient(135deg,#7c7c5733,#c4a9791a);overflow:hidden}.battle-report-portrait img{display:block;width:100%;height:100%;object-fit:contain}.battle-report-portrait>span{font-size:23px}.battle-report-unit.defeated .battle-report-portrait{filter:saturate(.5)}.battle-report-identity{min-width:0}.battle-report-identity>strong{display:block;overflow-wrap:anywhere;color:#d6e0d5;font:700 12px/1.15 Barlow Condensed,sans-serif}.battle-report-identity>span{display:block;margin-top:3px;color:#8faeb8;font-size:8px;line-height:1.5}.battle-report-mvp{display:inline-block;padding:2px 3px;margin-left:2px;border:1px solid #e3b66e55;border-radius:3px;color:#f8d48f;font:800 8px/1 Inter,sans-serif;background:#cda25718;vertical-align:middle}.battle-report-bar{width:100%;height:3px;border-radius:2px;background:#9ab2a522;margin-top:5px;overflow:hidden}.battle-report-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#478c91,#8cd6c3)}.foe .battle-report-bar i{background:linear-gradient(90deg,#a76353,#dcb092)}.battle-report-number{text-align:right;min-width:0}.battle-report-number>strong{display:block;color:#efdcba;font:800 17px/1 Barlow Condensed,sans-serif;letter-spacing:.2px}.battle-report-number>small{display:block;margin-top:4px;color:#8caab3;font-size:8px;line-height:1}.battle-report-details{grid-column:1/-1;color:#8caeb8;font-size:9px;line-height:1.6}.battle-report-details summary{cursor:pointer;width:max-content;color:#90b7bf}.battle-report-details[open]>span{display:block;margin:5px 0;padding:7px 9px;border-radius:3px;background:#17394a;color:#b4cad0}@media(max-width:1100px){.quality-tools{inset:187px auto auto 50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 20px);display:flex;gap:5px}.quality-tools button{min-height:28px;padding:6px 9px;font-size:11px}}@media(max-width:700px){.quality-tools{top:171px;left:6px;right:6px;transform:none;width:auto;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.quality-tools button{min-height:30px;padding:6px 3px;letter-spacing:.2px;font-size:11px}.battle-report-teams{grid-template-columns:1fr;gap:14px}.battle-report-heading{gap:8px 10px}.battle-report-heading h2{font-size:22px}.battle-report-team-head{padding:12px 12px 9px}.battle-report-team-head h3{font-size:21px}.battle-report-totals{padding:4px 12px 12px;gap:13px}.battle-report-unit{grid-template-columns:34px minmax(0,1fr) 52px 52px;gap:7px;padding:12px 0}.battle-report-portrait{grid-column:1;grid-row:1/3}.battle-report-identity{grid-column:2;grid-row:1/3}.battle-report-number:nth-child(3){grid-column:3;grid-row:1}.battle-report-number:nth-child(4){grid-column:4;grid-row:1}.battle-report-number:nth-child(5){grid-column:3;grid-row:2}.battle-report-number:nth-child(6){grid-column:4;grid-row:2}.battle-report-identity>strong{font-size:13px}.battle-report-number>strong{font-size:18px}.battle-report-number>small{font-size:8px}}.fullscreen-match .shop-unit.shop-combines{border-color:#ffe0a0;box-shadow:inset 0 0 0 1px #efcb85,0 0 13px #e7b75746}.fullscreen-match .shop-unit.shop-combines .tier-badge{color:#75431f;font-weight:900;letter-spacing:.4px}.fullscreen-match .shop-top .tier-badge{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.interest-warning{display:inline-block;vertical-align:middle;padding:2px 3px;margin-left:3px;border:1px solid #b35d464d;border-radius:3px;background:#b65f4820;color:#9c3729;font:800 8px/1 Barlow Condensed,sans-serif;letter-spacing:0;white-space:nowrap}.unit-mini>.unit-equipment{position:absolute;top:0;right:1px;z-index:4;display:grid;place-items:center;width:15px;height:15px;padding:0;border:1px solid #eac78599;border-radius:3px;background:#153545ed;color:#f7d792;font:800 10px/1 Inter,sans-serif;pointer-events:none;text-shadow:none}.selected-equipment{display:inline-block;margin:3px 0;padding:3px 6px;border:1px solid #dfbb754d;border-radius:3px;background:#d4ad6b12;color:#edcf98;font-size:10px;line-height:1.3}.arena-loading{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);padding:15px 20px;border:1px solid #d4b27c70;border-radius:7px;background:#0c2b40e8;color:#f2d79e;box-shadow:0 8px 24px #05172555;font:800 17px/1.4 Barlow Condensed,sans-serif;letter-spacing:1px;text-align:center}.quality-head>div:first-child{min-width:0;margin-right:auto}.quality-head>div>small{display:block;margin-bottom:5px;color:#a9c3c8;font:700 9px/1.3 Barlow Condensed,sans-serif;letter-spacing:1.4px}.quality-head .quality-clock{flex:none;padding:7px 9px;border:1px solid #c9a36355;border-radius:4px;background:#061f31;color:#f4d18f;font:800 24px/1 Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums}@media(max-width:700px){.quality-head{gap:8px}.quality-head h2{font-size:21px}.quality-head>div>small{font-size:8px;letter-spacing:.7px}.quality-head .quality-clock{padding:6px;font-size:21px}.interest-warning{padding:2px;margin-left:2px;font-size:7px}.unit-mini>.unit-equipment{width:12px;height:12px;font-size:8px}.arena-loading{padding:12px 14px;font-size:14px}}.fullscreen-match{--hud-gold:#d5b475;--hud-text:#e9e8db;--hud-muted:#9cabb8;--hud-surface:#0c1824;--hud-edge:#314451}#app:has(>.fullscreen-match)>.topbar{background:linear-gradient(90deg,#08111bf5,#162331f2 55%,#08111bf5);border-bottom-color:#7c6b4a}#app:has(>.fullscreen-match)>.topbar:after{height:1px;background:#dfc28a66}.fullscreen-match>.status-row{border-color:#8b7856;border-radius:4px;background:linear-gradient(110deg,#111e2cf7,#0a1421f7);box-shadow:inset 0 1px #eee0b51c,0 5px 24px #0007;gap:14px}.fullscreen-match .round-name .eyebrow{color:#9cabb8;font-family:Inter,sans-serif;font-size:7px;letter-spacing:1.2px}.fullscreen-match .round-name h1{font-weight:700;letter-spacing:.2px}.fullscreen-match .round-name h1 em{color:#f0d393}.fullscreen-match .phase-status{background:transparent;box-shadow:none;padding:2px 8px;height:46px;flex:0 1 190px;min-width:150px;max-width:220px;border-left:1px solid #b79a6144;border-radius:0}.fullscreen-match .phase-label{font-size:8px;line-height:1.2;color:#b8c5cc;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-match .phase-meta strong{color:#f5e6bd;font-weight:700;font-variant-numeric:tabular-nums}.fullscreen-match .phase-meta>span{display:block;min-width:0;max-height:22px;overflow:hidden;font:500 7px/1.4 Inter,sans-serif;color:#93a9b9;letter-spacing:.15px}.fullscreen-match .phase-progress{background:#182736;border-radius:1px}.fullscreen-match .phase-progress>i{background:linear-gradient(90deg,#568d99,#d9bd7f);box-shadow:none}.fullscreen-match .currency-bar>div{background:#09131dc2;border-color:#35424e;border-radius:3px;box-shadow:inset 0 1px #dbe7ee0a}.fullscreen-match .currency-bar{flex:0 0 auto;margin-left:auto}.fullscreen-match .currency-bar span{font-family:Inter,sans-serif;font-size:7px;color:#9eaebc;letter-spacing:.9px}.fullscreen-match .currency-bar strong{font-weight:700;color:#f1cf86;font-variant-numeric:tabular-nums}.fullscreen-match .currency-bar>div:last-child strong{color:#efb4a4}.fullscreen-match .currency-bar .stat-sub.xp{display:block;height:2px;min-height:0;margin:3px 0 0;padding:0;background:#283b4d;border-radius:1px}.fullscreen-match .currency-bar .stat-sub.xp>i{display:block;height:100%;background:#89a6c6;border-radius:1px}.tactical-round-track{display:flex;align-items:center;flex:0 1 230px;gap:5px;list-style:none;padding:0;margin:0;min-width:170px}.tactical-round-step{position:relative;flex:1;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 4px;min-width:0;color:#758a9d}.tactical-round-step:after{content:"";position:absolute;left:calc(100% - 3px);top:11px;width:9px;height:1px;background:#3a4b57}.tactical-round-step:last-child:after{display:none}.tactical-round-step>span{font-size:10px;color:#78939d}.tactical-round-step>strong{font:700 17px/1.2 Barlow Condensed,sans-serif;color:#a5b5c3}.tactical-round-step>small{grid-column:1/-1;font:500 8px/1.3 Inter,sans-serif;white-space:nowrap;color:#8596a5;letter-spacing:.1px}.tactical-round-step.is-current>strong,.tactical-round-step.is-current>span{color:#f1cf86}.tactical-round-step.is-current>small{color:#e2d0ac}.tactical-round-step.is-equipment:not(.is-current)>span{color:#74c9be}.tactical-round-step.is-relic:not(.is-current)>span{color:#b397d4}.fullscreen-match .left-sidebar,.fullscreen-match .right-sidebar{color:var(--hud-text);background:linear-gradient(135deg,#142330f5,#0a1521f2);border-color:#4d5553;border-radius:4px;box-shadow:inset 0 1px #d8c49a18,0 8px 25px #0005;scrollbar-color:#65767d #101e2a}.fullscreen-match .sidebar-title{color:#c9bb9c;font-size:10px;font-weight:600;letter-spacing:1.1px;border-color:#71818b36}.fullscreen-match .player-entry{border-color:#9eb8c015}.fullscreen-match .player-entry .rank{color:#85929c;font-size:12px}.fullscreen-match .player-entry.self{border-color:#d9bd8152;background:linear-gradient(90deg,#d0b67414,transparent);box-shadow:inset 2px 0 #d2b271}.fullscreen-match .player-avatar{border-color:#596971;background:linear-gradient(140deg,#3d5360,#182a37);color:#d9d5c5;box-shadow:inset 0 1px #fff1}.fullscreen-match .player-name{color:#d6dee2;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.fullscreen-match .player-name i{color:#e6c982;font-size:7px;letter-spacing:.4px}.fullscreen-match .health-num{color:#ded8c6;font-weight:700}.fullscreen-match .health-num small{color:#8b9ca8}.fullscreen-match .health-track{background:#273941;box-shadow:none;border-radius:1px;height:3px}.fullscreen-match .health-track span{background:linear-gradient(90deg,#638c86,#9cba9c);border-radius:1px}.fullscreen-match .trait-entry{border-color:#a3b4b61a}.fullscreen-match .trait-entry>span{border-color:#5b6b703f;background:linear-gradient(135deg,#344d58,#1a2b38);color:#c0b69b;box-shadow:inset 0 0 0 2px #08121b55}.fullscreen-match .trait-entry strong{color:#d6dfe0;font-weight:600;letter-spacing:.2px}.fullscreen-match .trait-entry small{color:#8096a5;letter-spacing:.3px}.fullscreen-match .trait-entry b{color:#afbfc5}.fullscreen-match .trait-entry.active>span{color:#edd18f;border-color:#b49a60;background:linear-gradient(135deg,#6c5b36,#2c302a)}.fullscreen-match .trait-entry.active strong,.fullscreen-match .trait-entry.active b{color:#f0d598}.fullscreen-match .trait-track{background:#283a45}.fullscreen-match .trait-track>i{background:#546e78}.fullscreen-match .trait-entry.active .trait-track>i{background:#beaa73}.fullscreen-match .hud-panel-close{color:#e1d2ae;border-color:#657279;background:#142a39}.fullscreen-match .game-center>.shop-section{border-color:#9e8558;border-radius:5px;background:linear-gradient(115deg,#152331fa,#09121efa);box-shadow:inset 0 1px #ebd8a32e,inset 0 0 0 3px #0002,0 8px 35px #0008}.fullscreen-match .shop-head .section-heading strong{color:#c7b89b;font-size:12px;font-weight:600;letter-spacing:1.5px}.fullscreen-match .shop-actions .button{background:linear-gradient(#263748,#162535);border-color:#667071;color:#ded3b9;border-radius:3px;box-shadow:inset 0 1px #fff1}.fullscreen-match .shop-actions .button.gold{background:linear-gradient(#715b34,#493e29);border-color:#b19a65;color:#f7dfaa}.fullscreen-match .shop-odds .odds-item{font-family:Inter,sans-serif;font-size:8px;color:#aab8c0;font-weight:500}.fullscreen-match .shop-unit{--rarity:#91a8b3;--rarity-soft:#91a8b32b;position:relative;isolation:isolate;color:#eff1ed;border:1px solid var(--rarity);border-bottom-width:3px;border-radius:4px;background:#101e2b;box-shadow:inset 0 0 0 1px #f3e4bb0a}.fullscreen-match .shop-unit.tier-2{--rarity:#5cbb8a;--rarity-soft:#5cbb8a2b;border-color:var(--rarity)}.fullscreen-match .shop-unit.tier-3{--rarity:#589ed9;--rarity-soft:#589ed92b;border-color:var(--rarity)}.fullscreen-match .shop-unit.tier-4{--rarity:#ad7bd4;--rarity-soft:#ad7bd42b;border-color:var(--rarity)}.fullscreen-match .shop-unit.tier-5{--rarity:#e0b45f;--rarity-soft:#e0b45f2b;border-color:var(--rarity)}.fullscreen-match .shop-unit:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 1px #edf6ef28;pointer-events:none}.fullscreen-match .shop-unit:not(:disabled):hover{border-color:#f0d296;filter:brightness(1.09);box-shadow:0 0 0 1px #d9bb7a66;transform:translateY(-1px)}.fullscreen-match .shop-unit:focus-visible{outline:2px solid #f2d89e;outline-offset:-3px}.fullscreen-match .shop-top{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:3px;height:23px;min-height:0;padding:3px 4px;border:0;background:linear-gradient(#07121ec7,#07121e00);color:#d8e4e7}.fullscreen-match .shop-top .tier-badge{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:14px;color:#d5dce1;letter-spacing:.5px;text-shadow:0 1px 3px #000}.fullscreen-match .shop-top .cost{display:flex;align-items:center;gap:3px;padding:1px 4px;color:#efdcab;background:#08111fe8;border:1px solid #ad945b77;border-radius:3px;font-size:12px;line-height:1.1;text-shadow:none;white-space:nowrap}.fullscreen-match .character-art,.fullscreen-match .shop-unit:is(.tier-2,.tier-3,.tier-4,.tier-5) .character-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;background:radial-gradient(ellipse at 50% 18%,var(--rarity-soft),transparent 80%),linear-gradient(145deg,#314858,#152432);overflow:hidden}.fullscreen-match .shop-info{position:absolute;z-index:4;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;height:auto;min-height:0;margin:0;padding:18px 6px 4px;background:linear-gradient(transparent,#08121ef2 35%,#07111cfb);border:0;box-shadow:none;text-align:left}.fullscreen-match .shop-info strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1eee3;font-size:14px;line-height:1.1;font-weight:700;letter-spacing:.15px;text-shadow:0 1px 3px #000}.fullscreen-match .shop-info .tactical-role{display:inline;font-family:Inter,sans-serif;font-size:8px;line-height:1.1;font-weight:500;letter-spacing:.2px;color:#a5bec9}.fullscreen-match .shop-info .shop-traits{display:flex;flex-wrap:nowrap;gap:4px;min-width:0;max-height:10px;overflow:hidden}.fullscreen-match .shop-info .shop-traits small{padding:0;background:none;border:0;color:var(--rarity);font-family:Inter,sans-serif;font-size:8px;line-height:10px;white-space:nowrap;letter-spacing:0}.fullscreen-match .shop-info>span,.fullscreen-match .shop-info .signature-skill{display:none}.fullscreen-match .shop-unit.shop-combines{border-color:#f1d58e;box-shadow:inset 0 0 0 1px #e8c86a55,0 0 13px #e5bd5122}.fullscreen-match .shop-unit.shop-combines .tier-badge{color:#ffe09b;background:#63522bd9;padding:0 3px;border-radius:2px;letter-spacing:.2px}.fullscreen-match .shop-unit.sold{background:repeating-linear-gradient(135deg,#15212c 0 7px,#121d27 7px 14px);border-color:#53616b4d;color:#72838c}.fullscreen-match .shop-unit.sold:before{display:none}.fullscreen-match .champion-portrait[src*="/crew-shop/"],.fullscreen-match .shop-unit:hover .champion-portrait[src*="/crew-shop/"]{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;transform:none}.fullscreen-match .interest-warning{margin-left:0;padding:0;color:#e1aa8f;background:none;font-size:6px;line-height:1}.fullscreen-match .game-actions .ready,.fullscreen-match .game-actions .ready.button.gold{border-radius:4px;border-color:#cfb475;background:linear-gradient(145deg,#6f5a35,#3f3828);box-shadow:inset 0 1px #ead6a142,inset 0 -3px #1b1c1670;color:#f7e3b5;font-weight:700;letter-spacing:.7px}.fullscreen-match .game-actions .ready.button.gold:not(:disabled):hover{background:linear-gradient(145deg,#907444,#57472e)}.fullscreen-match .game-actions .ready.outline{background:linear-gradient(145deg,#295a55,#163e3e);border-color:#6fa99a;color:#ccede0}.fullscreen-match .game-center>.bench-section{background:linear-gradient(#172634f2,#0b1723f2);border-color:#62665b;border-radius:4px;box-shadow:inset 0 1px #c5b58a20,0 6px 20px #0006}.fullscreen-match .bench-section>.section-heading{color:#c5bba1;letter-spacing:1.2px;font-size:10px}.fullscreen-match .bench-section>.section-heading span{color:#8fa2ae}.fullscreen-match .bench-slot{position:relative;background:linear-gradient(#0a1420e8,#101f2bf2);border-color:#435665;border-radius:2px;box-shadow:inset 0 1px #a8bec912;transition:background-color .15s,border-color .15s}.fullscreen-match .bench-slot:after{content:"";position:absolute;inset:2px;border:1px solid #5f72800e;pointer-events:none}.fullscreen-match .bench-slot:hover{border-color:#c5b17f;background:#233947}.fullscreen-match .bench-slot.selected{border-color:#e0c784;background:#4c472b;box-shadow:inset 0 0 0 1px #e9d59455}.fullscreen-match .bench-slot>span{color:#566d7c;font-size:14px;font-weight:400}.fullscreen-match .bench-slot .unit-portrait{filter:drop-shadow(0 2px 2px #0008)}.fullscreen-match .board-frame>.board-header{background:linear-gradient(110deg,#122331ef,#091522ef);border-color:#6a6a53;border-radius:3px;box-shadow:inset 0 1px #ead4a21a,0 4px 15px #0004}.fullscreen-match .board-header>span{color:#d8c9aa;font-weight:600;font-size:11px;letter-spacing:.8px}.fullscreen-match .camera-switch,.fullscreen-match .view-switch{border-color:#55676d;color:#aebec8;background:#182c3b;border-radius:2px}.fullscreen-match .camera-switch.active{background:#76623e;border-color:#cfb779;color:#f4e1b8}.fullscreen-match .quality-tools button{background:linear-gradient(#182b3a,#0d1b28);border-color:#617074;border-radius:3px;color:#c0c8c8;box-shadow:inset 0 1px #fff1}.fullscreen-match .quality-tools .has-reward{color:#f0d395;border-color:#c3a670;box-shadow:inset 3px 0 #d1b177,inset 0 0 12px #b8a16a12}.fullscreen-match .arena-side-label{background:#0c1c29dc;border-color:#6f726059;color:#bbcdc8;letter-spacing:1.6px;font-weight:600;box-shadow:0 3px 10px #0003}@media(max-width:1100px){.tactical-round-track{display:none}}@media(max-width:700px){.fullscreen-match>.status-row{gap:4px}.fullscreen-match .currency-bar span{font-size:6px;letter-spacing:.4px}.fullscreen-match .phase-status{padding:3px 5px;height:40px;min-width:82px;max-width:100px;flex:0 1 100px}.fullscreen-match .phase-meta>span{display:none}.fullscreen-match .game-center>.shop-section{grid-template-rows:39px minmax(0,1fr)}.fullscreen-match .shop-head{height:39px;gap:3px}.fullscreen-match .shop-head .section-heading strong{font-size:10px;letter-spacing:.5px}.fullscreen-match .shop-actions{gap:3px}.fullscreen-match .shop-actions .button{min-height:39px;height:39px;padding:0 5px;font-size:8px}.fullscreen-match .shop-unit{min-width:96px}.fullscreen-match .shop-grid{grid-template-columns:repeat(5,minmax(96px,1fr));scroll-snap-type:x mandatory;scrollbar-color:#7e8f95 #121f2b}.fullscreen-match .shop-top{height:20px;padding:2px 3px}.fullscreen-match .shop-top .tier-badge{font-size:6px;max-width:calc(100% - 25px);line-height:12px}.fullscreen-match .shop-top .cost{padding:1px 3px;font-size:11px}.fullscreen-match .shop-info{padding:14px 4px 3px;gap:0}.fullscreen-match .shop-info strong{font-size:12px}.fullscreen-match .shop-info .tactical-role{font-size:6px}.fullscreen-match .shop-info .shop-traits small{font-size:6px;line-height:8px}.fullscreen-match .shop-info .shop-traits{max-height:8px;gap:3px}.fullscreen-match .game-center>.bench-section{padding:2px 4px}.fullscreen-match .bench-grid{height:39px;margin-top:1px}.fullscreen-match .bench-slot{height:39px;min-height:39px}.fullscreen-match .quality-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.fullscreen-match .quality-tools button{min-height:39px;height:39px;font-size:9px;padding:5px 3px;letter-spacing:.15px}}@media(max-height:680px)and (min-width:701px){.fullscreen-match .shop-info{padding-top:13px}.fullscreen-match .shop-info .tactical-role{display:none}.fullscreen-match .shop-info strong{font-size:12px}.fullscreen-match .shop-info .shop-traits small{font-size:6px;line-height:8px}}@media(prefers-reduced-motion:reduce){.fullscreen-match .shop-unit,.fullscreen-match .shop-unit .champion-portrait{transition:none}}.scout-view{color:#c1cbd0;font-size:12px;line-height:1.65}.scout-intro{margin:0 0 12px;max-width:750px}.scout-next{margin:0 0 14px;padding:9px 12px;border:1px solid #bfa06455;background:#d1b6750b;color:#a9b8c2;font-size:10px;letter-spacing:1px}.scout-next strong{color:#edd39c;margin-left:5px}.scout-captains{display:flex;gap:7px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#697c87 #132635}.scout-captains button{flex:0 0 123px;min-width:0;padding:9px 10px;display:grid;gap:4px;text-align:left;color:#b4c1ca;background:#142b3a;border:1px solid #496171;border-radius:4px;cursor:pointer}.scout-captains strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.scout-captains small{color:#879dab;font-size:8px;white-space:nowrap}.scout-captains button.selected{color:#f0d396;border-color:#c5a768;background:#5d51252b}.scout-captains button:focus-visible{outline:2px solid #89cfc9;outline-offset:2px}.scout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.scout-summary small{font-size:8px;letter-spacing:1.5px;color:#b8a37d}.scout-summary h3{margin:0;color:#ede3c7;font:700 26px Barlow Condensed,sans-serif}.scout-summary>span{font-size:10px;letter-spacing:.6px;color:#92adb9;text-align:right}.scout-board{max-width:670px;margin:0 auto;padding:16px 25px 12px;background:radial-gradient(ellipse at center,#23495b,#0c1d2b);border:1px solid #526a7144;border-radius:6px}.scout-rank{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.scout-rank:nth-child(odd){transform:translate(-3.5%)}.scout-rank:nth-child(2n){transform:translate(3.5%)}.scout-rank+.scout-rank{margin-top:-4px}.scout-cell{position:relative;aspect-ratio:1.07;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#344d5c55;min-width:0}.scout-cell.occupied{background:radial-gradient(ellipse,#c3a45d50,#39576e66);box-shadow:inset 0 0 15px #d9b76128}.scout-cell img{position:absolute;inset:2px 0 12px;width:100%;height:calc(100% - 14px);object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}.scout-cell small{position:absolute;bottom:4px;font-size:9px;line-height:1;color:#f2d08b;letter-spacing:1px}.scout-cell>span{font-size:25px}.scout-cell>i{color:#8ea6b430;font-style:normal}.scout-orientation{text-align:center;font-size:9px;letter-spacing:1px;color:#879eab;margin:7px 0 14px}.scout-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;color:#8ba3b0}.scout-traits>span{padding:4px 9px;background:#b99c5914;border:1px solid #c7a65555;color:#d9c596;border-radius:3px;font-size:10px}.scout-footnote{margin:16px 0 0;color:#8ba4b0;font-size:11px}@media(max-width:700px){.scout-board{padding:12px 14px}.scout-rank{gap:2px}.scout-rank+.scout-rank{margin-top:-2px}.scout-cell small{font-size:7px;bottom:2px}.scout-summary>span{max-width:115px;font-size:9px}.scout-next{font-size:9px;letter-spacing:.4px}.scout-next strong{display:block;margin-left:0}}.fullscreen-match .currency-bar strong .economy-next{display:inline-block;margin-left:5px;padding:2px 3px;color:#95d1aa;border:1px solid #789d7855;border-radius:3px;background:#608c6820;font:700 9px/1.1 Inter,sans-serif;vertical-align:middle;cursor:pointer}.fullscreen-match .currency-bar strong .economy-next:hover{color:#d0f2d3;border-color:#b5cf9c;background:#55764a66}.fullscreen-match .currency-bar strong .economy-next:focus-visible{outline:2px solid #c0e7d7;outline-offset:2px}.fullscreen-match .unit-equipment{max-width:95%;white-space:nowrap;font-size:9px;letter-spacing:-.4px}.fullscreen-match .selected-equipment{line-height:1.5;max-height:32px;overflow:auto}.fullscreen-match .trait-entry{width:100%;text-align:left;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}.fullscreen-match .trait-entry:hover{background:#d1b67512}.fullscreen-match .trait-entry:focus-visible{outline:2px solid #d2bd83;outline-offset:-2px}.trait-guide-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.trait-guide-tabs button{padding:8px 11px;border:1px solid #49616d;background:#142c3b;color:#b5c9cf;border-radius:4px;cursor:pointer;font-size:11px}.trait-guide-tabs button[aria-pressed=true]{color:#f1d49a;border-color:#bc9b61;background:#9b824027}.trait-guide-tabs b{margin-left:5px;color:#fff1c9}.trait-guide-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #7c75553b;padding-bottom:13px}.trait-guide-heading>span{display:grid;place-items:center;width:52px;height:52px;font-size:26px;background:#af92462b;border:1px solid #ad965a6b;border-radius:7px;color:#e8c578}.trait-guide-heading h3{font:700 32px Barlow Condensed,sans-serif;margin:2px 0;color:#f1dbb2}.trait-guide-heading small{font-size:8px;letter-spacing:1.4px;color:#92bfb4}.trait-guide-heading>strong{margin-left:auto;font:700 25px Barlow Condensed,sans-serif;color:#ebcd8b}.trait-guide-rules{color:#d1dfdb;font-size:13px;line-height:1.7}.trait-guide-next,.trait-guide-footnote{font-size:11px;line-height:1.6;color:#91aeb8}.trait-guide h4{margin:22px 0 12px;color:#e7d3a9;font:700 21px Barlow Condensed,sans-serif}.trait-guide-members{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trait-guide-member{min-width:0;display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #5267775b;border-radius:5px;background:#0c24349c}.trait-guide-member>img{width:56px;height:78px;object-fit:contain;flex:none}.trait-guide-member>div{min-width:0;flex:1}.trait-guide-member strong{display:block;color:#e3e5d8;font:700 19px Barlow Condensed,sans-serif}.trait-guide-member small{display:block;font-size:10px;color:#99b5be}.trait-guide-member p{font-size:9px;color:#8daaaa;margin:5px 0}.trait-guide-member>b{font-size:8px;color:#899ea9;max-width:55px;letter-spacing:.5px}.trait-guide-member.is-deployed{border-color:#c6ae6b;box-shadow:inset 2px 0 #d3be83}.trait-guide-member.is-deployed>b{color:#cce8b4}.trait-guide-member.tier-4 strong{color:#ceafe8}.trait-guide-member.tier-5 strong{color:#ecc785}.trait-guide-open{margin-top:18px}@media(max-width:700px){.fullscreen-match .currency-bar strong .economy-next{font-size:7px;margin-left:2px;padding:2px 1px}.scout-cell small{letter-spacing:0}}@media(max-width:600px){.trait-guide-members{grid-template-columns:1fr}.trait-guide-member>img{height:65px}.trait-guide-heading h3{font-size:28px}}