:root{font-family:Arial,Helvetica,sans-serif;color:#e8ecdd;background:#0c1a20;font-synthesis:none;--ink: #0c1a20;--panel: #11242b;--line: #526c6355;--muted: #91a8a5;--gold: #d8bf8b;--aqua: #91d9ca;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ccedb6;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.icon{width:24px;height:24px;flex-shrink:0}.hidden{display:none!important}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:var(--gold);line-height:1.5}.muted{color:var(--muted)}kbd{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 5px;background:#d5ddbe10;border:1px solid #d7e6bf22;border-radius:3px;color:#d1dbc4}.btn{padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #70827865;background:linear-gradient(120deg,#1e3436,#182c31);font-size:12px;letter-spacing:1.4px;font-weight:700;transition:background .18s,transform .18s,border-color .18s}.btn:hover:not(:disabled){border-color:#c6d6ad;transform:translateY(-1px);background:#294544}.btn.primary{background:linear-gradient(115deg,#d9c598,#bca475);color:#15282a;border-color:#f0deb0;box-shadow:0 7px 25px #0003,inset 0 1px #fff5}.btn.primary:hover:not(:disabled){background:linear-gradient(115deg,#f4dfb2,#cfb582);box-shadow:0 8px 35px #d5c08922}.text-button{background:none;padding:8px 0;color:#b7c6b7;display:flex;align-items:center;gap:8px;letter-spacing:1.2px;font-size:10px}.text-button:hover{color:#f6e4b9}.text-button .icon{width:17px;height:17px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #76948840;background:#0b1e27aa;border-radius:3px;color:#b9cab9}.icon-button .icon{width:19px;height:19px}.icon-button:hover{color:#edd9a9;border-color:#afc5ad}.status-dot,.tiny-dot{width:6px;height:6px;background:#8fdec4;box-shadow:0 0 10px #8fdec455;border-radius:50%;display:inline-block;flex-shrink:0}.tiny-dot.red{background:#e38f9b;box-shadow:0 0 10px #e38f9b55}.wordmark{display:flex;gap:13px;align-items:center;font-size:14px;letter-spacing:5px;font-weight:600}.brand-mark{width:34px;height:40px;color:#ddc695;flex-shrink:0}.wordmark .brand-mark{width:28px;height:34px}#game{position:fixed;inset:0;z-index:0}#game canvas{display:block}#app{position:relative;z-index:1;min-height:100vh}.boot,.loading-screen{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse at 50% 50%,#254641,#0b1821 65%);z-index:100}.boot h1{font:72px var(--serif);letter-spacing:13px;margin:20px}.boot p,.loading-screen p{font-size:12px;color:var(--muted);margin-top:20px}.loading-screen .brand-mark{width:48px;height:60px;margin:0 auto 26px;display:block}.loading-screen h1{font:42px var(--serif);margin:14px 0}.loading-track{height:2px;width:280px;margin:28px auto;background:#8ea89c22;position:relative;overflow:hidden}.loading-track:after{content:"";position:absolute;width:40%;height:100%;background:#d7c593;animation:loading 1.2s ease-in-out infinite}@keyframes loading{0%{left:-40%}to{left:100%}}.menu-root{height:100vh;overflow:hidden;background:radial-gradient(ellipse at 73% 42%,#223c3e,#11282d 35%,#0b1c25 73%)}.menu-grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.32' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.menu-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;border-bottom:1px solid #7ba59717;z-index:2}.menu-header nav{display:flex;align-items:center;gap:40px}.nav-button{background:none;font-size:10px;letter-spacing:2px;color:#aabeb1;padding:12px 0}.nav-button:hover{color:#e6d3aa}.menu-layout{height:calc(100vh - 182px);display:grid;grid-template-columns:45% 55%;align-items:center;max-width:1700px;margin:auto;padding:10px 7% 28px;position:relative;z-index:1}.menu-copy{z-index:2}.menu-copy>.eyebrow{display:flex;align-items:center;gap:11px;color:#adc3b0;font-size:10px}.menu-copy h1{font:clamp(80px,8.4vw,139px)/.82 var(--serif);letter-spacing:-5px;color:#e9e4d1;margin:36px 0 26px;text-shadow:0 5px 40px #0003}.menu-copy h1 span{display:block;margin-left:-4px;color:#d2bf98}.title-rule{font-size:10px;letter-spacing:5px;color:#9bb3a8;display:flex;align-items:center;gap:18px;max-width:325px}.title-rule span{height:1px;background:#b8c7a855;flex:1}.menu-intro{font:23px/1.4 var(--serif);color:#d4dcce;margin-top:32px}.menu-description{max-width:360px;font-size:12px;line-height:1.8;color:#8ca8a6;margin-top:12px}.play-button{width:285px;justify-content:space-between;margin-top:29px;font-size:15px;letter-spacing:4px;padding:20px 26px}.button-arrow{font-size:24px;font-weight:400;line-height:1}.play-caption{display:flex;gap:10px;align-items:center;color:#738e8d;font-size:8px;letter-spacing:1.5px;margin-top:16px}.play-caption .status-dot{width:4px;height:4px}.menu-art{height:100%;position:relative;display:grid;place-items:center;min-height:440px}.map-frame{width:120%;max-width:740px;transform:rotate(-8deg);animation:float 9s ease-in-out infinite}.arena-illustration{width:100%;filter:drop-shadow(0 45px 30px #06151ed9)}.art-center-mark{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 24px #b7e9c8)}.art-center-mark .brand-mark{width:50px;height:75px;color:#e0edca}.orbit{border:1px solid #83ae9c18;border-radius:50%;position:absolute;pointer-events:none}.orbit:before{content:"";position:absolute;left:26%;top:6%;width:5px;height:5px;background:#c4d7b4;border-radius:50%;box-shadow:0 0 20px #bfdbc3}.orbit-a{width:110%;aspect-ratio:1;transform:rotate(-20deg)}.orbit-b{width:130%;aspect-ratio:1;transform:rotate(130deg);border-style:dashed;opacity:.5}.map-tag{position:absolute;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#a3b8aa;padding:10px;background:#13292d88;border-bottom:1px solid #698d7c33}.tag-top{top:14%;right:2%}.tag-bottom{bottom:24%;left:2%}.art-caption{position:absolute;bottom:6%;left:25%;text-align:center;display:flex;flex-direction:column;gap:10px}.art-caption span{font-size:9px;letter-spacing:3px;color:#b9c5a7}.art-caption small{font:italic 15px var(--serif);color:#76968e}.menu-footer{height:78px;position:absolute;bottom:0;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7893842b;color:#7c958d;font-size:8px;letter-spacing:1.7px}.menu-footer>div{display:flex;align-items:center;gap:24px}.version{color:#b1c1ab;padding:4px 7px;border:1px solid #768b6844}.ambient-orb{position:absolute;pointer-events:none;background:#a2bea80b;border-radius:50%;filter:blur(20px)}.orb-one{width:600px;height:600px;top:-200px;right:5%}.orb-two{width:200px;height:200px;bottom:0;left:35%}@keyframes float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-7deg)}}.select-root{height:100vh;overflow:auto;background:radial-gradient(ellipse at 50% 30%,#1d3639,#0b1b24 80%)}.page-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #7c9b8622}.header-label{font-size:9px;letter-spacing:3px;color:#748e89}.select-main{max-width:1580px;padding:35px 5% 26px;margin:0 auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-heading h1{font:38px var(--serif);margin-top:10px;color:#e3e5d2}.section-heading p{font-size:11px;color:#89a19a;line-height:1.8}.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.hero-card{position:relative;text-align:left;overflow:hidden;background:#11282b;border:1px solid #67827742;padding:0;transition:transform .2s,border-color .2s;box-shadow:0 8px 24px #0002}.hero-card:hover{transform:translateY(-4px);border-color:var(--hero-color)}.hero-card.selected{border-color:#d4c398;box-shadow:0 0 30px #d4c3980d}.portrait{display:block;width:100%;height:auto}.hero-card>.portrait{height:218px;object-fit:cover}.hero-number{position:absolute;top:13px;left:14px;font-size:9px;letter-spacing:2px;color:#b0c3ac;z-index:1}.hero-card-caption{padding:14px 17px 20px;background:linear-gradient(#11282bee,#102329)}.hero-card-caption>span{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:var(--hero-color)}.hero-card h2{font:29px var(--serif);margin:7px 0;color:#e6e7d7}.hero-card small{font-size:9px;color:#809d96}.selection-check{position:absolute;bottom:18px;right:13px;font-size:14px;color:#778e82}.selected .selection-check{color:#e4cd94}.hero-details{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid #839e8133;margin-top:29px;padding-bottom:26px;gap:40px}.hero-summary h2{font:30px var(--serif);margin-top:9px;display:flex;align-items:baseline;gap:13px}.hero-summary h2 span{font:italic 13px var(--serif);color:#8ea99c}.hero-summary p{max-width:440px;font-size:11px;line-height:1.7;color:#94aaa1;margin-top:12px}.hero-summary .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-summary .eyebrow span{margin:0 8px;color:#5d7874}.stat-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;max-width:350px;margin-top:18px}.stat-bars>div{display:flex;align-items:center;gap:10px}.stat-bars label{width:47px;font-size:9px;color:#a4b6a7}.stat-bars span{height:3px;background:#b2c3a320;flex:1}.stat-bars i{height:100%;display:block;background:#a9bd99}.difficulty{margin-top:17px;color:#7d9b93;font-size:8px;letter-spacing:1.5px}.difficulty span{margin-left:10px;color:#c9c08f}.ability-preview{border-left:1px solid #7e9d7b2b;padding-left:35px;position:relative}.preview-tabs{display:flex;gap:13px;float:left;margin-right:23px}.preview-tab,.passive-preview{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center;width:57px;height:65px;padding:10px 10px 20px;color:#819e99;background:#11282e;border:1px solid #78927f44}.preview-tab .icon{width:31px;height:31px}.preview-tab.active{color:var(--hero-color);border-color:var(--hero-color);background:#294046}.preview-tab kbd{position:absolute;bottom:-1px;right:-1px;padding:2px 5px}.passive-preview{border:0;background:none;color:#b7b895;padding:4px 0 12px;width:43px}.passive-preview span{font-size:7px;position:absolute;bottom:0;letter-spacing:1px}.ability-description{clear:both;padding-top:18px}.ability-description h3{font:22px var(--serif);margin:5px 0 8px}.ability-description p{font-size:11px;line-height:1.6;color:#a4b9ad;max-width:540px}.ability-description .eyebrow{font-size:8px}.ability-meta{display:flex;gap:15px;margin-top:12px;color:#73948e;font-size:9px}.passive-line{font-size:9px;color:#76948a;line-height:1.6;margin-top:15px;max-width:550px}.passive-line strong{color:#b8c3a1;margin-right:5px}.selection-footer{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.match-note{display:flex;gap:14px;align-items:center;color:#b3c3ac;font-size:10px;letter-spacing:1.5px}.match-note .icon{width:29px;height:29px;color:#8cae9c}.match-note small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#748e86;margin-top:6px}.start-button{min-width:255px;justify-content:space-between;font-size:12px}.start-button span{font-size:22px;font-weight:400}.match-root{pointer-events:none;height:100vh;overflow:hidden}.match-root button,.match-root canvas,.match-root a,.match-root [data-tip]{pointer-events:auto}.hud-top{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-start}.hud-brand{display:flex;gap:10px;align-items:center;filter:drop-shadow(0 2px 4px #0008)}.hud-brand .brand-mark{width:25px;height:31px}.hud-brand>span{font-size:12px;letter-spacing:3.5px;font-weight:600}.hud-brand small{display:block;color:#a0b5a1;font-size:7px;letter-spacing:2.1px;margin-top:6px}.match-score{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:29px;background:linear-gradient(#0b1c25ee,#11282cdf);padding:12px 28px 13px;clip-path:polygon(0 0,100% 0,96% 80%,89% 100%,11% 100%,4% 80%);min-width:285px;border-bottom:2px solid #a3ac7c80}.match-score>span{font:32px var(--serif);min-width:28px;text-align:center}.blue-score{color:#94e0d1}.red-score{color:#e39a9e}.match-score>div{text-align:center}.match-score #match-clock{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#dfdfcb}.match-score small{display:block;font-size:6px;letter-spacing:1.4px;margin-top:7px;color:#aab69b;white-space:nowrap}.match-score i{color:#526e67;font-style:normal;margin:0 5px}.hud-top-right{display:flex;gap:8px;align-items:center}.local-badge{font-size:7px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;margin-right:9px;text-shadow:0 1px 5px #000}.local-badge .status-dot{width:4px;height:4px}.hud-top-right .icon-button{background:#0d232baa}.objective-tracker{position:absolute;top:105px;left:28px;width:214px;padding:17px 17px 13px;background:linear-gradient(90deg,#0c2329e8,#102b2cac);border-left:2px solid #b9c08c77;border-bottom:1px solid #75988233;box-shadow:0 6px 20px #0001}.objective-tracker .eyebrow{font-size:7px;letter-spacing:1.7px}.objective-tracker h3{font:16px var(--serif);margin-top:7px;color:#e4e5ca}.objective-tracker>p{font-size:8px;line-height:1.7;color:#a4bda7;margin-top:7px}.neutral-timers{margin-top:14px;padding-top:12px;border-top:1px solid #9bb18c26;display:grid;gap:10px}.neutral-timers>span{display:flex;gap:7px;align-items:center;font-size:8px;color:#a8b89c}.neutral-timers .icon{width:15px;height:15px;color:#cbbb90}.neutral-timers b{margin-left:auto;font-size:8px;color:#d6cdab;font-weight:500}#structure-progress{display:flex;gap:13px;margin-top:13px}#structure-progress>span{display:flex;align-items:center;gap:3px}#structure-progress small{font-size:6px;color:#99ac96;margin-right:3px}#structure-progress i{width:4px;height:8px;display:block;transform:skew(-10deg);background:#8c969077}#structure-progress .broken{background:#cfbe8e}#team-buffs{font-size:7px;color:#d4cf91;letter-spacing:.5px}#team-buffs span{display:block;margin-top:10px}.kill-feed{position:absolute;top:83px;right:25px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.kill-feed>div{padding:10px 13px;font-size:10px;background:#0c242adc;color:#c3d9ba;border-left:2px solid #a0d4ba;max-width:380px;box-shadow:0 3px 12px #0002}.kill-feed .enemy{border-color:#d69499;color:#dcc0b9}.target-panel{position:absolute;top:92px;left:50%;transform:translate(-50%);width:270px;background:#0d252bed;border:1px solid #859a7755;font-size:10px;padding:10px 12px 15px;display:flex;justify-content:space-between;gap:10px}.target-panel>b{font-size:9px;color:#c4b791;font-weight:400;white-space:nowrap}.target-panel>span{max-width:145px;font-size:9px}.target-panel>i{height:3px;background:#de9294;position:absolute;bottom:0;left:0}.match-hint{position:absolute;bottom:213px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.25px;color:#c7d7ba;background:#0b232bc9;padding:9px 14px;white-space:nowrap;border-radius:3px;text-shadow:0 1px 1px #102a25}.match-hint span{margin:0 6px;color:#688b77}.match-hint kbd{font-size:8px;padding:2px 4px}.toast{position:absolute;bottom:265px;left:50%;transform:translate(-50%);padding:13px 23px;border:1px solid #d6c89866;background:#10292af0;color:#f0dfb9;font-size:12px;max-width:650px;box-shadow:0 5px 25px #0005;text-align:center}.bottom-hud{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.panel{background:linear-gradient(135deg,#112930f5,#0b1e27f7);border:1px solid #77947c66;box-shadow:0 8px 35px #0007,inset 0 1px #cee5bc0a}.stats-panel{width:242px;padding:13px 14px 10px;flex-shrink:0}.stats-title{display:flex;justify-content:space-between;align-items:center;color:#a7b998;font-size:7px;letter-spacing:1.3px;border-bottom:1px solid #7e9c7233;padding-bottom:10px}.stats-title #kda{color:#d7dbc0;font-size:10px;letter-spacing:1px}#stats-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 5px;margin-top:13px;margin-bottom:12px}#stats-values>span{font-size:11px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px;color:#dde3cb}#stats-values .icon{width:13px;height:13px;color:#a4b797}#stats-values small{font-size:6px;color:#708e87}.inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.item-slot{border:1px solid #77917640;width:100%;height:32px;background:#0d2028;position:relative;color:#738e84;display:grid;place-items:center;border-radius:2px}.item-slot.filled{color:#cbbb93;background:linear-gradient(#405443,#233932);border-color:#7b967970}.item-slot .icon{width:23px;height:23px}.item-slot kbd{font-size:7px;padding:0 2px;position:absolute;bottom:-2px;right:-1px;background:#10262d;border-color:#76936d55}.item-slot>b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;background:#0a2028c9}.utility-bar{display:flex;justify-content:space-between;gap:9px;margin-top:11px}.utility-button{display:flex;align-items:center;justify-content:space-between;gap:7px;background:none;color:#a8bcaa;font-size:8px;padding:0}.utility-button .icon{width:15px;height:15px;color:#9fc2af}.utility-button kbd{padding:1px 4px;font-size:8px}.hero-hud{display:flex;width:548px;flex-shrink:0;padding:11px 14px 12px 10px;gap:13px;position:relative;border-top-color:#c8bb8777;margin-bottom:0}.hero-hud:before,.hero-hud:after{content:"";position:absolute;top:-3px;width:32px;height:5px;border-top:2px solid #c4bd90}.hero-hud:before{left:-1px;border-left:2px solid #c4bd90}.hero-hud:after{right:-1px;border-right:2px solid #c4bd90}.hero-hud-identity{width:95px;position:relative;flex-shrink:0;padding-top:6px}.hero-hud-identity>.portrait{height:103px;width:92px;border:1px solid #89947d8c;object-fit:cover}.level-badge{position:absolute;left:-7px;top:-4px;background:#172e33;border:1px solid #c9bc8c;color:#ead9a7;min-width:25px;height:25px;text-align:center;line-height:23px;border-radius:50%;font-size:11px;font-weight:700}.hero-label{margin-top:10px;text-align:center}.hero-label b{font:18px var(--serif);color:#e0e0c7}.hero-label small{display:block;font-size:6px;letter-spacing:1px;color:#8fa79c;text-transform:uppercase;margin-top:4px}.hero-vitals{flex:1;min-width:0}.vitals-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.1px;color:#85ae9f;margin-bottom:7px;height:8px}.vitals-top #skill-points{color:#f1d58f}.vital{position:relative;height:16px;margin-bottom:4px;background:#071922;border:1px solid #243c3a;overflow:hidden}.vital i{display:block;height:100%;transition:width .15s ease-out}.vital.hp i{background:linear-gradient(90deg,#78a97f,#afcb8b);box-shadow:inset 0 1px #e8ffbe44}.vital.mana{height:12px}.vital.mana i{background:linear-gradient(90deg,#466e91,#79a6bb);box-shadow:inset 0 1px #e0f8ff33}.vital span{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:#f1f5db;font-weight:600;text-shadow:0 1px 3px #0a222a}.mana span{font-size:7px}.xp-track{height:3px;margin:7px 0 18px;background:#172e33}.xp-track i{display:block;height:100%;background:#d7be81;transition:width .3s}.ability-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.ability-wrap{position:relative}.ability-slot{width:59px;height:54px;background:radial-gradient(ellipse at 30% 0,#4f7064,#1e3b40 95%);border:1px solid #77977f;position:relative;display:grid;place-items:center;color:#c0dbc0;box-shadow:inset 0 0 15px #8ba5860a;overflow:hidden}.ability-slot>.icon{width:34px;height:34px}.ability-slot:hover,.ability-slot.armed{border-color:#edf5bc;color:#f6f0cb;box-shadow:0 0 13px #e1dc9a44}.ability-slot.unlearned{background:#11262b;color:#466763;border-color:#34554e}.ability-slot.no-mana{filter:saturate(.3)}.ability-slot kbd{position:absolute;bottom:0;right:0;background:#0c2229;border-color:#728d6966;line-height:10px;padding:2px 4px;font-size:9px;z-index:3}.cooldown-cover{position:absolute;inset:0;display:none;background:conic-gradient(#05131dde var(--cooldown),transparent var(--cooldown))}.on-cooldown .cooldown-cover{display:block}.cooldown-number{position:absolute;inset:0;display:grid;place-items:center;font-size:21px;color:#f3eed6;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #001521}.unlearned .cooldown-number{font-size:10px;color:#8aaca2}.ability-ranks{display:flex;gap:3px;justify-content:center;height:3px;margin-top:6px}.ability-ranks i{width:7px;height:2px;background:#56756577}.ability-ranks .learned{background:#d5cb8b}.passive-slot{background:none;color:#b0bea1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;margin:0 4px 7px 0;padding:0;width:43px}.passive-slot .icon{width:28px;height:28px}.passive-slot small{font-size:5px;letter-spacing:1px;color:#93a991}.passive-slot b{position:absolute;top:-9px;right:-1px;font-size:11px;color:#e6cb89}.upgrade-button{position:absolute;top:-24px;left:0;right:0;width:100%;height:18px;background:linear-gradient(90deg,#81794e,#d0bd7e,#81794e);border:1px solid #e5d9a4;color:#243830;line-height:13px;font-size:19px;font-weight:500;z-index:3;box-shadow:0 0 12px #ccb87720}.upgrade-button:hover{background:#f4e3a5}.map-panel{width:237px;flex-shrink:0}.shop-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#102b30ee,#11252cee);border:1px solid #81977777;border-bottom:0;padding:9px 10px;pointer-events:auto}.gold-count{display:flex;align-items:center;gap:7px;color:#e1c891;font-size:13px;font-variant-numeric:tabular-nums}.gold-count .icon{width:16px;height:16px}.shop-button{display:flex;align-items:center;gap:10px;color:#d4c18e;font-size:9px;letter-spacing:1.4px;font-weight:700;background:none}.shop-button kbd{font-size:8px;line-height:10px;padding:1px 4px}.minimap-wrap{padding:5px;background:#0c232b;border:1px solid #81977799;position:relative;box-shadow:0 5px 30px #0005}.minimap-wrap canvas{width:100%;display:block;aspect-ratio:1;cursor:crosshair;border:1px solid #81a28044}.map-corner{position:absolute;width:13px;height:13px;border-color:#d2c796}.map-corner.tl{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}.map-corner.br{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}.camera-controls{display:flex;align-items:center;justify-content:space-between;color:#7d9e8c;font-size:7px;letter-spacing:1px;padding:7px 2px 0}.camera-button{background:none;color:#b5c8ac;font-size:7px;letter-spacing:1px;padding:0}.respawn-banner{position:absolute;left:50%;top:32%;transform:translate(-50%);text-align:center;padding:24px 42px;background:#0b1923dd;border-top:1px solid #db9e9966;border-bottom:1px solid #db9e9966;min-width:360px}.respawn-banner>span{font-size:11px;letter-spacing:3px;color:#daaeaa}.respawn-banner>b{font:54px var(--serif);color:#e6d4b8;display:block;margin:10px}.respawn-banner>small{font-size:10px;color:#93a69c}.recall-banner{position:absolute;bottom:270px;left:50%;transform:translate(-50%);width:300px;padding:12px;background:#0e2831e8;border:1px solid #94c5af55}.recall-banner>span{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#b5dfca}.recall-banner>i{position:absolute;left:0;bottom:0;height:3px;background:#a0e9d7}.debug-panel{position:absolute;top:340px;left:25px;background:#091921ed;color:#b8dac0;font:10px/1.7 monospace;padding:12px;pointer-events:auto}.debug-panel button{padding:2px 7px;font-size:9px;background:#38574a;border:1px solid #819777;margin-left:8px}#modal-host{pointer-events:auto}.modal-backdrop,.scoreboard-backdrop,.shop-backdrop,.result-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04121ccc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:25px;z-index:100}.modal-card{background:linear-gradient(140deg,#183036f9,#0d222bf9);border:1px solid #849a7680;box-shadow:0 30px 100px #0008;max-height:94vh;overflow:auto;position:relative}.modal-card:before{content:"";position:absolute;top:0;left:25px;right:25px;height:1px;background:linear-gradient(90deg,transparent,#d3c39788,transparent)}.modal-card>header{padding:26px 30px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #78957540}.modal-card h2{font:30px var(--serif);margin-top:7px;color:#e7e5cf}.modal-card>header .eyebrow{font-size:8px;letter-spacing:2px}.modal-card>footer{padding:20px 30px;border-top:1px solid #78957540;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8aa799}.pause-card{width:390px;padding:45px 40px;display:flex;flex-direction:column;text-align:center;align-items:stretch;gap:13px}.pause-card h2{font-size:36px;margin:0}.pause-card p{font:italic 15px var(--serif);color:#8da999;margin:0 0 20px}.pause-card .text-button{margin:10px auto 0}.settings-modal{width:880px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:25px 32px}.settings-grid h3{color:#c7c9a9;font-size:11px;letter-spacing:1.3px;margin:0 0 14px}.settings-grid h3:not(:first-child){margin-top:28px}.setting-row{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:15px;font-size:11px;color:#a9bdb0}.setting-row>span{min-width:115px;flex:1}.setting-row input[type=range]{width:115px;height:3px;accent-color:#c3c18c;cursor:pointer}.setting-row output{width:36px;text-align:right;font-size:10px;color:#d4d0a9}.setting-row input[type=checkbox]{appearance:none;width:32px;height:17px;background:#263f3b;border:1px solid #68847377;border-radius:15px;position:relative;cursor:pointer}.setting-row input[type=checkbox]:checked{background:#9eae83;border-color:#c2c598}.setting-row input[type=checkbox]:before{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#849c8a;transition:left .15s}.setting-row input[type=checkbox]:checked:before{left:17px;background:#1e3937}.setting-row select{background:#102830;border:1px solid #78937566;color:#c3d0b7;padding:6px 10px;text-transform:capitalize;font-size:10px;min-width:110px;cursor:pointer}.keybindings{display:grid;gap:7px}.keybindings>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#94ae9c}.keybindings kbd{font-size:8px}.settings-modal footer .btn{padding:12px 32px}.info-modal{width:900px}.how-grid{padding:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.how-grid article{position:relative}.how-grid article>span{position:absolute;right:3px;top:0;color:#58786a;font:20px var(--serif)}.how-grid .icon{width:34px;height:34px;color:#c8bc8e;margin:0 0 16px}.how-grid h3{font:19px var(--serif);color:#dadcc0;margin-bottom:12px}.how-grid p,.how-extra p{font-size:11px;line-height:1.8;color:#96b0a3}.how-grid b,.how-extra b{color:#c8d7b9;font-weight:500}.how-extra{padding:0 30px 30px;display:grid;gap:15px}.info-modal footer{justify-content:flex-end}.about-copy{padding:30px 40px;font-size:13px;line-height:1.8;color:#a8c0af;max-width:730px;margin:auto}.about-copy>.brand-mark{width:55px;height:68px;display:block;margin:6px auto 27px}.about-copy p+p{margin-top:17px}.about-copy strong{color:#e2d6ae;font-family:var(--serif);font-size:19px}.about-copy .muted{font-size:10px;margin-top:28px}.tooltip{position:fixed;z-index:500;width:285px;padding:16px;background:linear-gradient(130deg,#233c3bf9,#112830fa);border:1px solid #8a9f7899;box-shadow:0 8px 30px #0008;pointer-events:none;color:#c6d3b9}.tooltip strong{font:19px var(--serif);color:#e0d6ae}.tooltip p{font-size:11px;line-height:1.7;margin:10px 0;color:#b0c5b5}.tooltip small{display:block;font-size:9px;line-height:1.7;color:#91b29c;border-top:1px solid #79937944;padding-top:10px}.shop-backdrop{background:#061721aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:center}.shop-modal{width:1040px;overflow:hidden}.shop-modal>header{padding:22px 28px 19px}.shop-modal h2{font-size:28px}.shop-notice{padding:12px 28px;font-size:9px;letter-spacing:.3px;color:#b4c6a5;background:#8ab89109;border-bottom:1px solid #81916f33}.shop-layout{display:grid;grid-template-columns:160px 1fr 240px;min-height:350px}.shop-categories{padding:14px 0;border-right:1px solid #81916f33;display:flex;flex-direction:column;gap:2px}.category-button{padding:12px 23px;font-size:10px;color:#8fae9e;background:none;text-align:left;border-left:2px solid transparent}.category-button:hover{color:#d8ddbb;background:#96c29309}.category-button.active{color:#e7dab1;background:#8199791c;border-left-color:#d4c28b}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:19px;align-content:start;overflow-y:auto;max-height:390px}.shop-item{position:relative;background:#1d3637;border:1px solid #6c866a55;display:flex;flex-direction:column;align-items:center;padding:12px 5px 15px;gap:9px;text-align:center;min-height:125px}.shop-item.selected,.shop-item:hover{border-color:#cabc8b;background:#2b4440}.shop-item-icon{color:#c3c599;display:grid;place-items:center;width:43px;height:43px;background:radial-gradient(#526248,#29443b);border:1px solid #8ea17655}.shop-item-icon>.icon{width:30px;height:30px}.shop-item>b{font-size:9px;font-weight:400;color:#c9d4b9;line-height:1.3}.shop-item>small{display:flex;align-items:center;gap:3px;font-size:10px;color:#d1bd85}.shop-item>small>.icon{width:11px;height:11px}.afford-label{font-size:5px;letter-spacing:1px;color:#8ba491;position:absolute;bottom:3px}.shop-inspect{border-left:1px solid #81916f33;padding:22px;display:flex;align-items:center;flex-direction:column;text-align:center}.inspect-icon{width:58px;height:58px;display:grid;place-items:center;background:#435540;border:1px solid #bdbe8e77;color:#ddd6a9;margin-bottom:14px}.inspect-icon .icon{width:40px;height:40px}.shop-inspect>.eyebrow{font-size:7px;letter-spacing:1px;color:#819d8b}.shop-inspect h3{font:23px var(--serif);color:#e2d7b1;line-height:1.2;margin:7px 0 12px}.shop-inspect ul{padding:0;margin:0;list-style:none;font-size:10px;line-height:1.8;color:#b9d3a4}.shop-inspect p{font-size:10px;color:#8faf9e;line-height:1.7;margin-top:14px}.inspect-cost{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:20px;color:#dac490;font-size:16px}.inspect-cost>.icon{width:17px;height:17px}.shop-inspect .btn{width:100%;margin-top:14px;padding:13px 8px;font-size:9px;letter-spacing:1px}.shop-modal>footer{padding:16px 25px}.shop-modal>footer .eyebrow{font-size:7px;letter-spacing:1px}.shop-modal>footer small{font-size:6px;color:#819b86;margin-left:13px;letter-spacing:1px}.shop-inventory{display:flex;gap:9px;margin-top:10px}.shop-owned{width:67px;display:flex;flex-direction:column;align-items:center}.shop-owned>span{width:39px;height:36px;display:grid;place-items:center;background:#10272d;border:1px solid #728d6d4d;color:#bdc195}.shop-owned>.empty-slot{color:#4e7263}.shop-owned .icon{width:27px;height:27px}.shop-owned>button{background:none;color:#d6c394;font-size:8px;white-space:nowrap;margin-top:5px}.shop-wallet{display:flex;gap:8px;align-items:center;font-size:21px;color:#d3c293}.shop-wallet>.icon{width:22px;height:22px}.scoreboard-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061923b3}.scoreboard{width:950px}.scoreboard>header{padding:20px 28px}.scoreboard h2{font-size:27px}.score-team{padding:12px 27px 17px}.score-team+.score-team{border-top:1px solid #738c7333}.score-team-title{display:flex;justify-content:space-between;color:#9ed5be;font-size:9px;letter-spacing:2px;margin:3px 0 12px}.red-team .score-team-title{color:#dcafb0}.score-team-title b{font-size:9px;font-weight:500}.score-table-head,.score-row{display:grid;grid-template-columns:2fr .6fr .95fr .5fr .7fr 1.8fr;gap:12px;align-items:center}.score-table-head{font-size:7px;letter-spacing:1px;color:#799c8b;border-bottom:1px solid #738c7333;padding-bottom:8px}.score-row{padding:5px 0;border-bottom:1px solid #708c7417;font-size:11px;color:#b6cdb7;min-height:46px}.score-row.you{background:#bcd59f0a;margin:0 -8px;padding:5px 8px;border-left:2px solid #d4cf93}.score-hero{display:flex;gap:10px;align-items:center}.score-hero>.portrait{width:32px;height:38px;object-fit:cover;border:1px solid #8ca57b66}.score-hero b{font-size:11px;font-weight:500;color:#d7dfc6}.score-hero em{font-size:6px;font-style:normal;letter-spacing:1px;margin-left:5px;color:#dcd391}.score-hero small{display:block;font-size:8px;margin-top:4px;color:#7e9f8e}.score-items{display:flex;gap:5px}.score-items>span{width:27px;height:28px;display:grid;place-items:center;background:#294239;border:1px solid #8d9f733d;color:#c5c596}.score-items .icon{width:20px;height:20px}.scoreboard>footer{padding:13px 28px;font-size:8px;letter-spacing:.5px;justify-content:center}.result-backdrop{background:radial-gradient(ellipse at 50% 40%,#254e46f2,#091923f5 70%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.result-backdrop.defeat{background:radial-gradient(ellipse at 50% 40%,#493538f2,#111922f5 70%)}.result-card{max-width:660px;width:100%;text-align:center;padding:20px}.result-sigil .brand-mark{width:58px;height:73px;filter:drop-shadow(0 0 25px #d5cb9766);margin-bottom:23px}.result-card>.eyebrow{font-size:9px;letter-spacing:4px;color:#adbe9d}.result-card h1{font:79px var(--serif);letter-spacing:11px;color:#e4d4a9;margin:14px 0 12px}.result-rule{height:1px;max-width:400px;background:linear-gradient(90deg,transparent,#cabc84,transparent);margin:auto}.result-card>p{font:italic 16px var(--serif);color:#a5b99f;margin:21px 0 30px}.result-hero{display:flex;align-items:center;gap:15px;text-align:left;padding:17px 0;border-top:1px solid #88977740;border-bottom:1px solid #88977740}.result-hero>.portrait{width:42px;height:49px;object-fit:cover;border:1px solid #b7b17b88}.result-hero>span{font:22px var(--serif);color:#d5d6b9}.result-hero small{display:block;font:9px Arial;margin-top:6px;color:#8ca78e}.result-hero>b{margin-left:auto;font-size:18px;font-weight:400;color:#d1c696;letter-spacing:2px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 20px;padding:27px 0}.result-stats>div{display:flex;flex-direction:column;gap:8px}.result-stats b{font:25px var(--serif);color:#dbdcc0}.result-stats span{font-size:7px;letter-spacing:1.6px;color:#86a48d}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:12px}.result-actions .btn{min-width:190px;font-size:10px}@media(min-width:1700px){.select-main{padding-top:48px}.roster{gap:19px}.hero-card>.portrait{height:270px}.hero-card-caption{padding:19px 21px 23px}.hero-card h2{font-size:33px}.hero-details{margin-top:35px;gap:55px;padding-bottom:35px}.hero-summary p,.ability-description p{font-size:12px}.hero-hud{width:625px;padding:14px 19px;gap:20px}.hero-hud-identity{width:104px}.hero-hud-identity>.portrait{width:103px;height:118px}.ability-slot{width:66px;height:61px}.ability-slot>.icon{width:39px;height:39px}.ability-row{gap:14px}.stats-panel{width:265px}.map-panel{width:270px}.match-hint{bottom:237px}.bottom-hud{bottom:24px;left:30px;right:30px}.objective-tracker{width:236px}.objective-tracker h3{font-size:18px}.objective-tracker p{font-size:9px}}@media(max-height:820px){.menu-header{height:80px}.menu-layout{height:calc(100vh - 138px);padding-bottom:12px}.menu-copy h1{font-size:100px;margin:27px 0 20px}.menu-intro{font-size:20px;margin-top:24px}.menu-description{font-size:11px}.play-button{padding:16px 25px;margin-top:22px}.menu-footer{height:58px}.menu-art{min-height:400px}.page-header{height:68px}.select-main{padding-top:21px;padding-bottom:18px}.section-heading{margin-bottom:20px}.section-heading h1{font-size:30px}.hero-card>.portrait{height:166px}.hero-card-caption{padding:10px 14px 15px}.hero-card h2{font-size:25px;margin:5px 0}.hero-card small{font-size:8px}.hero-details{margin-top:22px;padding-bottom:20px;gap:30px}.hero-summary h2{font-size:25px}.hero-summary p{font-size:10px;margin-top:9px}.stat-bars{margin-top:12px;gap:8px 20px}.difficulty{margin-top:12px}.preview-tab{height:52px;width:48px;padding:8px 9px 17px}.preview-tab .icon{width:26px;height:26px}.preview-tabs{gap:10px}.ability-description{padding-top:12px}.ability-description h3{font-size:19px}.ability-description p{font-size:10px}.ability-meta{margin-top:8px}.passive-line{font-size:8px;margin-top:10px}.selection-footer{padding-top:18px}.start-button{padding:13px 25px}.modal-card{max-height:95vh}.how-grid{padding-top:20px;padding-bottom:20px}.settings-grid{padding-top:18px;padding-bottom:18px}.settings-grid h3:not(:first-child){margin-top:19px}.settings-modal>header{padding:18px 28px}.settings-modal>footer{padding:13px 28px}.scoreboard>header{padding:14px 24px}.score-team{padding-top:10px;padding-bottom:12px}.score-row{min-height:39px;padding:3px 0}.score-hero>.portrait{height:31px;width:27px}.score-team-title{margin-bottom:8px}.result-sigil .brand-mark{width:42px;height:53px;margin-bottom:12px}.result-card h1{font-size:62px;margin:12px 0}.result-card>p{margin:16px 0 21px}.result-stats{gap:20px;padding:22px 0}.result-hero{padding:12px 0}.shop-layout{min-height:315px}.item-grid{max-height:327px}.shop-inspect{padding:17px}.shop-inspect .inspect-icon{width:48px;height:48px;margin-bottom:10px}.shop-inspect h3{font-size:20px}.shop-modal>header{padding:17px 26px}.shop-item{min-height:116px;padding-top:9px}.shop-modal>footer{padding:12px 25px}}@media(max-width:1350px){.menu-layout{padding-left:7%;padding-right:6%}.menu-copy h1{font-size:105px}.menu-art .map-frame{width:120%}.menu-header nav{gap:28px}.select-main{padding-left:4%;padding-right:4%}.hero-card-caption{padding-left:12px}.hero-card small{font-size:8px}.hero-summary h2 span{font-size:11px}.hero-details{grid-template-columns:39% 61%;gap:25px}.ability-preview{padding-left:24px}.bottom-hud{bottom:13px;left:15px;right:15px;gap:12px}.stats-panel{width:206px;padding:10px}.map-panel{width:209px}.hero-hud{width:509px;padding:10px;gap:9px}.hero-hud-identity{width:83px}.hero-hud-identity>.portrait{width:81px;height:99px}.hero-label b{font-size:17px}.hero-label small{font-size:5px}.ability-slot{width:57px;height:51px}.ability-row{gap:8px}.ability-slot>.icon{width:30px;height:30px}.passive-slot{width:34px}.item-slot{height:29px}#stats-values{gap:10px 3px}#stats-values>span{font-size:10px;gap:4px}#stats-values .icon{width:11px;height:11px}#stats-values small{font-size:5px}.utility-bar{gap:5px}.utility-button{gap:5px;font-size:7px}.utility-button .icon{width:13px;height:13px}.match-hint{bottom:196px;font-size:8px}.objective-tracker{top:91px;left:20px;width:205px;padding:13px}.hud-top{left:20px;right:20px}.hud-brand>span{font-size:10px}.hud-top-right .local-badge{font-size:7px}.stats-title{font-size:6px}.neutral-timers>span{font-size:7px}.shop-modal{width:990px}}@media(max-width:1100px){.bottom-hud{transform:scale(.85);transform-origin:center bottom;width:117%;left:-8.5%}.objective-tracker{transform:scale(.85);transform-origin:top left}.menu-copy h1{font-size:88px}.menu-header nav{gap:20px}.menu-art .tag-top,.menu-art .tag-bottom{display:none}.hero-card>.portrait{height:140px}.hero-card h2{font-size:22px}.hero-card-caption>span{font-size:7px}.hero-details{grid-template-columns:40% 60%;gap:18px}.hero-summary h2 span{display:none}.section-heading p{font-size:10px}.select-main{padding-left:3%;padding-right:3%}.shop-layout{grid-template-columns:135px 1fr 210px}.item-grid{grid-template-columns:repeat(3,1fr)}.settings-modal{max-width:90vw}.how-grid{gap:16px}.how-grid h3{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.multiplayer-menu-button{display:flex;align-items:center;justify-content:center;gap:11px;width:285px;padding:14px 10px;margin-top:11px;border:1px solid #83aa9666;background:#17343acc;font-size:10px;letter-spacing:1.6px;color:#c7e4cc;transition:background .2s,border-color .2s}.ping-actions{display:flex;gap:6px;margin-top:14px}.ping-actions button{flex:1;border:1px solid #87b5a64d;background:#143632;color:#b7dfc3;padding:8px 3px;font-size:8px;letter-spacing:1px}.ping-actions button:last-child{color:#f4b0a0;border-color:#edaa8752}.ping-actions button:hover{background:#37554b}.ping-actions kbd{margin-left:4px}.team-ping-notice{display:block;margin-top:8px;color:#b4c8ad;line-height:1.5;font-size:8px;min-height:24px}.multiplayer-menu-button .icon{width:18px;height:18px;color:#a4d8bd}.multiplayer-menu-button>span{font-size:6px;letter-spacing:1px;color:#779f91;border-left:1px solid #7d9e7244;padding-left:11px}.multiplayer-menu-button:hover{background:#2b4c46;border-color:#c4cf9c}.menu-copy .play-caption{margin-top:12px}.multiplayer-root{height:100vh;overflow:auto;background:radial-gradient(ellipse at 50% 20%,#24423f,#0a1b24 80%)}.mp-main{max-width:1320px;margin:auto;padding:32px 40px 70px}.mp-heading{margin-bottom:27px}.mp-heading h1,.room-heading h1{font:40px var(--serif);color:#e1e5ce;margin:10px 0 13px}.mp-heading p,.room-heading p{font-size:12px;line-height:1.8;color:#99b3a2}.mp-profile{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:end;margin-bottom:27px;padding:20px 25px;background:#10282d80;border:1px solid #829a6d33}.mp-profile>label{display:flex;flex-direction:column;gap:11px;font-size:9px;letter-spacing:1.8px;color:#c2c799}.mp-profile input{padding:13px 14px;color:#dce5c9;border:1px solid #85a16c66;background:#09232c;font-size:15px;outline-color:#cbcb93;width:100%}.mp-profile .eyebrow{font-size:8px;letter-spacing:1.5px}.mp-hero-picker{display:flex;gap:9px;margin-top:9px}.mp-hero-picker>button{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid #779c753d;background:#16332f;color:#a6c8af;transition:border-color .15s,background .15s}.mp-hero-picker>button.selected{border-color:#d0c68e;background:#3d5142;color:#e6ddb6}.mp-hero-picker>button:hover{border-color:#c8d49d}.mp-hero-picker .portrait{width:33px;height:39px;object-fit:cover}.mp-hero-picker span{font-size:11px}.mp-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mp-entry-card{border:1px solid #9daf774f;padding:29px;background:linear-gradient(140deg,#203c39aa,#112a31d9);display:flex;flex-direction:column;align-items:stretch}.mp-entry-card .eyebrow{font-size:8px}.mp-entry-card h2{font:31px var(--serif);color:#e0dfbf;margin:8px 0 12px}.mp-entry-card p{font-size:12px;color:#99bba6;line-height:1.7;max-width:390px}.mode-choice{display:grid;gap:10px;margin:22px 0}.mode-choice>button{display:flex;align-items:center;gap:15px;text-align:left;padding:14px;border:1px solid #85a37444;background:#102c31;color:#a1beaa}.mode-choice>button.selected{border-color:#b7c38a;color:#e4dfb4;background:#314a3d}.mode-choice .icon{width:26px;height:26px}.mode-choice span{font-size:10px;letter-spacing:1px}.mode-choice small{font-size:10px;letter-spacing:0;display:block;margin-top:6px;color:#91ac96}.mp-entry-card>.btn{margin-top:auto;font-size:11px;justify-content:space-between;padding:16px 20px}.code-label{font-size:9px;letter-spacing:2px;color:#a4b68e;margin-top:30px}.mp-entry-card>#mp-code{width:100%;height:75px;padding:8px 20px 8px 32px;border:1px solid #79967488;background:#0a242d;text-align:center;font:40px/1.2 var(--serif);letter-spacing:13px;color:#e5dba9;margin:14px 0 32px;font-variant-numeric:tabular-nums}.mp-entry-card>#mp-code::placeholder{color:#41675c}.reconnect-button{justify-content:center;margin-top:12px;color:#b6c997;font-size:8px}.mp-network-note{display:flex;align-items:center;gap:13px;padding:22px 6px 0;font-size:10px;line-height:1.7;color:#7c9e8d;max-width:940px}.mp-network-note>.icon{width:22px;height:22px;flex-shrink:0;color:#adc197}.mp-footer{position:fixed;bottom:0;left:0;right:0;height:43px;border-top:1px solid #789c682f;background:#0b212bfa;display:flex;align-items:center;gap:10px;padding:0 40px;font-size:9px;color:#98b9a3;letter-spacing:1px}.mp-footer>span:last-child{margin-left:auto;color:#6e9581;font-size:8px}.mp-error{padding:13px 18px;background:#493337;border:1px solid #b68477;color:#efd0b8;margin-top:20px;font-size:12px;line-height:1.5}.room-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:17px}.room-heading h1{font-size:34px}.room-heading p{font-size:11px}.room-code{display:flex;flex-direction:column;align-items:center;gap:9px;padding:17px 25px;background:#233c34;border:1px solid #b6bc8388;color:#e8d7a2;box-shadow:0 0 40px #839d4110;flex-shrink:0}.room-code:hover{background:#3a5040;border-color:#e6d9a1}.room-code>span{font-size:6px;letter-spacing:1.5px;color:#93b18e}.room-code>b{font:38px/1.1 var(--serif);letter-spacing:8px;padding-left:8px;font-variant-numeric:tabular-nums}.room-code>small{font-size:8px;letter-spacing:.5px;color:#b8c89c}.room-invite{display:flex;gap:17px;align-items:center;padding:11px 16px;background:#09232e77;border:1px solid #8aa17133;margin-bottom:20px;overflow:auto}.room-invite>span{font-size:7px;letter-spacing:1.7px;color:#96b691}.room-invite>code{font-size:10px;color:#adc4a6;-webkit-user-select:all;user-select:all}.room-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.room-toolbar>span{font-size:8px;letter-spacing:1.5px;color:#92b494}.room-mode-buttons{display:flex;gap:6px}.room-mode-buttons>button{background:#102b2e;border:1px solid #73976a44;padding:8px 13px;font-size:7px;letter-spacing:1.2px;color:#8daf91}.room-mode-buttons>.selected{border-color:#c0c087;color:#e0d8a6;background:#344a39}.team-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lobby-team{background:#102c32a1;border:1px solid #72a29066}.lobby-team.cinder{border-color:#a1707866;background:#2c2c3299}.lobby-team>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9daf762c;padding:19px 21px;background:#77b89b08}.lobby-team.cinder>header{background:#ba7b820c}.lobby-team .eyebrow{font-size:7px;letter-spacing:2px;color:#9bcebb}.lobby-team.cinder .eyebrow{color:#dcaaaa}.lobby-team h2{font:24px var(--serif);color:#d3dfc3;margin-top:5px}.lobby-team.cinder h2{color:#e1c8b9}.lobby-team .text-button{font-size:7px;letter-spacing:1px;color:#c0ca9c}.your-team{font-size:6px;letter-spacing:1.3px;color:#b5c49a;border:1px solid #b7c18355;padding:5px 7px}.lobby-player{display:flex;align-items:center;gap:12px;margin:0 17px;padding:10px 4px;border-bottom:1px solid #78997322}.lobby-player:last-child{border-bottom:0}.lobby-player>.portrait{width:36px;height:41px;object-fit:cover;border:1px solid #86ab7a66}.lobby-player>div>b{font-size:12px;font-weight:500;color:#cfdfbd}.lobby-player em{font-size:6px;font-style:normal;color:#d5d197;padding-left:5px;letter-spacing:1px}.lobby-player i{font-size:5px;font-style:normal;letter-spacing:1px;border:1px solid #979c6666;color:#b3b98e;padding:2px 4px;vertical-align:middle;margin-left:5px}.lobby-player small{font-size:9px;color:#7d9f89;display:block;margin-top:5px}.lobby-player.is-you{background:#b5c8810b;margin:0 10px;padding-left:11px;padding-right:11px;border-left:2px solid #c5ce8b}.player-state{margin-left:auto;font-size:7px;letter-spacing:1px;color:#7ea68d;white-space:nowrap}.player-state.ready{color:#c7e5a8}.player-state.disconnected{color:#e6a791}.lobby-player.bot{opacity:.6}.lobby-player.bot b{font-size:11px}.bot-icon{width:36px;height:41px;display:grid;place-items:center;color:#859d7b;border:1px solid #74906944}.bot-icon>.icon{width:24px;height:24px}.room-bottom{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-top:24px}.room-hero-choice .eyebrow{font-size:8px;letter-spacing:1.6px}.mp-hero-picker.compact>button{flex-direction:column;padding:7px;width:68px;gap:5px}.mp-hero-picker.compact .portrait{height:52px;width:45px}.mp-hero-picker.compact span{font-size:9px}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:445px;align-items:center}.room-actions .btn{padding:16px 20px;font-size:9px;letter-spacing:1px;white-space:nowrap}.room-actions p{font-size:11px;color:#8faf90;line-height:1.5;text-align:right}.room-actions>small{grid-column:1/-1;text-align:right;font-size:8px;color:#87a386}.ready-button{border-color:#8faa72;color:#c9df9f;background:#344e38}.network-lost{color:#eeaaa0!important}.rematch-wait{font-size:13px;color:#becfa8;align-self:center}@media(max-height:820px){.mp-main{padding-top:22px}.mp-heading{margin-bottom:20px}.mp-heading h1{font-size:34px;margin:8px 0 10px}.mp-heading p{font-size:11px}.mp-profile{padding:13px 20px;margin-bottom:20px}.mp-entry-card{padding:22px}.mp-entry-card h2{font-size:27px}.mp-entry-card p{font-size:11px}.mode-choice{gap:8px;margin:16px 0}.mode-choice>button{padding:11px}.mp-entry-card>#mp-code{height:70px;margin:12px 0 25px}.mp-network-note{padding-top:16px}.room-heading h1{font-size:30px}.room-code{padding:12px 20px;gap:6px}.room-code>b{font-size:33px}.room-heading{margin-bottom:12px}.room-invite{padding:9px 13px;margin-bottom:13px}.lobby-team>header{padding:13px 18px}.lobby-team h2{font-size:21px}.lobby-player{padding-top:7px;padding-bottom:7px}.lobby-player>.portrait,.bot-icon{height:36px;width:31px}.lobby-player small{font-size:8px}.room-bottom{margin-top:18px}.mp-hero-picker.compact .portrait{height:42px;width:37px}.mp-hero-picker.compact>button{width:59px}.room-actions .btn{padding:14px 17px}.mp-footer{height:36px}.room-toolbar{margin-bottom:10px}.menu-copy h1{font-size:92px}.menu-copy .menu-intro{margin-top:19px}.menu-copy .menu-description{margin-top:9px}.menu-copy .play-button{margin-top:17px}.multiplayer-menu-button{padding:11px 8px;margin-top:9px}.menu-copy .play-caption{font-size:7px;margin-top:10px}}@media(max-width:1250px){.mp-main{padding-left:30px;padding-right:30px}.mp-profile{grid-template-columns:200px 1fr;gap:25px}.mp-hero-picker{gap:6px}.mp-hero-picker>button{padding-right:7px;gap:6px}.mp-hero-picker span{font-size:10px}.room-heading h1{font-size:29px}.room-actions .btn{padding:14px;font-size:8px}.team-columns{gap:17px}}@media(max-width:950px){.mp-profile{grid-template-columns:1fr}.mp-profile>label{max-width:280px}.mp-hero-picker{flex-wrap:wrap}.mp-main{padding-left:25px;padding-right:25px}.team-columns{grid-template-columns:1fr}.room-bottom{align-items:stretch;flex-direction:column}.room-actions{max-width:100%}.room-heading{align-items:flex-start}.room-heading h1{font-size:28px}.room-code{padding:13px}.room-code>span{font-size:5px}.room-code>b{font-size:27px}.mp-entry-grid{gap:15px}.mp-entry-card{padding:19px}}