:root{--bg:#090f18;--panel:#111c2a;--line:rgba(190,220,240,.14);--muted:#8e9cad;--text:#f2f6fb;--cyan:#56dbff;--gold:#ffcc6b;--red:#ff6f73;--lime:#b8ec85;--shadow:0 22px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html,body{margin:0;min-width:1100px;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.app-shell{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 53% 30%,#1b2b3c 0,#0d1623 38%,#090f18 74%)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.screen{min-height:100vh;position:relative}.topbar{height:88px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(8,14,23,.54);backdrop-filter:blur(18px);position:relative;z-index:3}.brand-lockup,.battle-brand{display:flex;align-items:center;gap:13px}.brand-mark{width:38px;height:38px;position:relative;display:flex;align-items:center;justify-content:center;gap:3px;transform:skew(-12deg)}.brand-mark span{height:27px;width:6px;background:var(--cyan);box-shadow:0 0 15px rgba(86,219,255,.8);display:block}.brand-mark span:first-child{height:17px;opacity:.45}.brand-mark span:last-child{height:35px;background:var(--gold)}.eyebrow,.mini-kicker{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.8px;font-size:10px;color:#91a8bb;text-transform:uppercase}.brand-name{font-size:19px;font-weight:900;letter-spacing:3px;line-height:1.1}.main-nav{display:flex;align-items:stretch;height:100%;gap:10px;margin-left:50px}.nav-item{padding:0 18px;display:flex;gap:8px;align-items:center;color:#8393a3;font-size:13px;position:relative;transition:.2s}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-item.active:after{content:"";position:absolute;height:2px;background:var(--cyan);bottom:0;left:18px;right:18px;box-shadow:0 0 14px var(--cyan)}.nav-item span{font-size:18px;color:var(--cyan)}.top-actions{display:flex;align-items:center;gap:18px}.currency{color:#c4ced9;font-size:12px}.currency-dot{margin-right:5px}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.icon-button{height:34px;width:34px;border:1px solid var(--line);color:#93a7ba;border-radius:8px;transition:.2s}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.profile-chip{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:18px;position:relative;font-size:11px}.profile-chip strong{display:block;font-size:11px;letter-spacing:1px}.profile-chip small{display:block;color:#8293a3;margin-top:3px}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6fe7ff,#3e6cc2);color:#07111c;font-weight:900;width:34px;height:34px;border:2px solid rgba(255,255,255,.25)}.online-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.profile-chip .online-dot{position:absolute;left:43px;bottom:3px;border:2px solid #0b141f;width:8px;height:8px}.lobby-content{max-width:1370px;min-height:calc(100vh - 143px);margin:auto;padding:65px 42px 30px;display:grid;grid-template-columns:290px minmax(480px,1fr) 320px;grid-template-rows:1fr 142px;gap:20px 34px;position:relative}.hero-copy{padding-top:28px;z-index:1}.season-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(86,219,255,.22);background:rgba(22,62,82,.32);padding:8px 12px;border-radius:3px;color:#b4cfdd;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:1.5px}.hero-copy h1{font-size:48px;line-height:1.1;margin:25px 0 16px;letter-spacing:-2px;font-weight:900}.hero-copy h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px rgba(86,219,255,.25)}.hero-copy p{font-size:13px;color:#9babb9;line-height:2;margin:0}.quick-stats{display:flex;gap:22px;margin-top:50px}.quick-stats div{border-left:1px solid rgba(86,219,255,.35);padding-left:12px}.quick-stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:20px;color:#e8f3f8}.quick-stats span{font-size:10px;color:#8192a2;letter-spacing:1px}.hero-stage{position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden}.stage-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(72,183,224,.3),rgba(48,103,139,.12) 43%,transparent 70%);filter:blur(12px)}.orbital{position:absolute;border:1px solid rgba(104,220,247,.22);border-radius:50%;transform:rotate(-22deg)}.orbital-a{width:505px;height:210px}.orbital-b{width:410px;height:150px;transform:rotate(34deg);border-color:rgba(255,204,107,.2)}.hero-portrait{height:440px;width:370px;position:relative;overflow:hidden;clip-path:polygon(22% 0,78% 0,100% 16%,100% 78%,79% 100%,18% 100%,0 79%,0 16%);background:linear-gradient(155deg,#1c465d 0,#182b3a 43%,#0b1826 100%);box-shadow:0 0 0 1px rgba(101,219,245,.5),0 0 85px rgba(65,180,224,.24);animation:float 6s ease-in-out infinite}.hero-portrait:before{content:"";position:absolute;inset:18px;background:linear-gradient(180deg,rgba(115,220,239,.22),transparent 44%,rgba(4,11,18,.6));clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.portrait-silhouette{position:absolute;width:225px;height:340px;left:80px;top:56px;background:linear-gradient(125deg,#d8f6ff 0 8%,#78cae2 8% 18%,#1d455d 32% 52%,#0c1826 68%);clip-path:polygon(45% 0,70% 10%,69% 28%,90% 42%,75% 52%,100% 100%,5% 100%,22% 52%,7% 42%,30% 28%,29% 10%);filter:drop-shadow(0 0 22px rgba(91,221,255,.8))}.portrait-silhouette:after{content:"";position:absolute;background:#071420;width:100px;height:120px;left:64px;top:43px;clip-path:polygon(30% 0,75% 7%,100% 38%,80% 85%,33% 100%,0 58%,8% 18%)}.portrait-aura{position:absolute;width:500px;height:160px;background:linear-gradient(90deg,transparent,rgba(87,226,255,.48),transparent);top:160px;left:-70px;transform:rotate(-38deg);filter:blur(13px);opacity:.7}.portrait-orb{position:absolute;border-radius:50%;background:var(--gold);box-shadow:0 0 22px 7px rgba(255,204,107,.55)}.orb-1{width:8px;height:8px;left:70px;top:92px}.orb-2{width:5px;height:5px;right:57px;top:210px;background:var(--cyan);box-shadow:0 0 16px 5px rgba(86,219,255,.8)}.portrait-name{position:absolute;bottom:28px;left:31px;right:31px;border-top:1px solid rgba(208,243,252,.25);padding-top:12px}.portrait-name span{display:block;font-family:'Barlow Condensed',sans-serif;color:var(--gold);letter-spacing:2px;font-size:11px}.portrait-name strong{font-size:18px;letter-spacing:2px}.hero-meta-card{position:absolute;right:2px;bottom:33px;background:rgba(11,22,34,.86);border:1px solid var(--line);border-left:2px solid var(--cyan);padding:16px 18px;width:205px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-meta-title{font-size:16px;font-weight:700;margin:5px 0}.hero-meta-sub{font-size:11px;color:#9eabb7}.rating-row{display:flex;align-items:center;gap:4px;margin-top:13px;color:#708191;font-size:10px}.rating-row i{display:block;width:20px;height:4px;background:#344553;border-radius:4px}.rating-row i.filled{background:var(--cyan);box-shadow:0 0 7px rgba(86,219,255,.5)}.party-panel,.mode-panel{background:linear-gradient(135deg,rgba(21,36,54,.92),rgba(12,22,35,.9));border:1px solid var(--line);box-shadow:var(--shadow)}.party-panel{padding:22px 19px;align-self:center}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.panel-heading h2,.mode-copy h2{margin:3px 0 0;font-size:18px}.party-count{font:700 18px 'Barlow Condensed',sans-serif;color:var(--cyan)}.party-slots{margin:4px 0}.party-slot{display:flex;align-items:center;min-height:57px;gap:10px;border-bottom:1px solid rgba(190,220,240,.08);position:relative}.party-slot.locked{opacity:.6}.party-slot strong{display:block;font-size:12px}.party-slot small{display:block;color:#7d8e9e;font-size:10px;margin-top:4px}.slot-ready{margin-left:auto;color:var(--lime);font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px}.slot-add{width:34px;height:34px;border:1px dashed #466071;border-radius:50%;display:grid;place-items:center;color:#6e8292;font-size:20px}.tiny-plus{margin-left:auto;color:#7e9aac;font-size:18px}.party-footer{padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.voice-status{color:#8293a2}.text-action{color:var(--cyan);font-size:10px}.mode-panel{grid-column:1 / -1;display:flex;align-items:center;padding:25px 30px;gap:35px}.mode-copy{flex:1}.mode-copy h2{font-size:21px}.mode-copy h2 span{color:var(--cyan);font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-left:6px}.mode-copy p{color:#8796a3;font-size:11px;margin:6px 0 0}.mode-features{display:flex;gap:20px;color:#a8b5bf;font-size:11px}.start-button{height:70px;min-width:220px;background:linear-gradient(100deg,#2cafd2,#61ddeb);color:#07131b;display:flex;align-items:center;gap:13px;text-align:left;padding:0 17px;position:relative;overflow:hidden;transition:.25s}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(86,219,255,.25)}.start-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.4),transparent 60%);transform:translateX(-100%);transition:.6s}.start-button:hover:before{transform:translateX(100%)}.start-icon{font-size:14px;border:1px solid rgba(0,0,0,.35);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;padding-left:2px}.start-button strong,.start-button small{display:block}.start-button strong{font-size:15px}.start-button small{font-size:10px;margin-top:4px;opacity:.7}.start-button b{margin-left:auto;font-size:22px;font-weight:400}.lobby-footer{height:55px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 44px;color:#718393;font:10px 'Barlow Condensed',sans-serif;letter-spacing:.8px}.status-bar{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.footer-links{margin-left:auto;display:flex;gap:19px}.footer-links button{color:#718393;font-size:10px}.hidden{display:none!important}
/* draft */.draft-screen{background:radial-gradient(circle at 50% 35%,#182f40,#0b1420 58%,#080d15)}.draft-header{height:78px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,13,22,.45)}.draft-step{display:flex;align-items:center;gap:8px;position:relative;padding-right:100px}.draft-step span{border:1px solid #395365;color:#708899;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font:12px 'Barlow Condensed'}.draft-step .step-active{color:#07131b;background:var(--cyan);border-color:var(--cyan)}.draft-step i{width:30px;height:1px;background:#395365}.draft-step label{position:absolute;right:0;font-size:10px;color:#a7bac7}.draft-timer{text-align:right}.draft-timer small{display:block;color:#8195a4;font-size:10px}.draft-timer strong{display:block;color:var(--gold);font:700 23px 'Barlow Condensed';letter-spacing:2px}.draft-content{max-width:1240px;margin:auto;padding:28px 30px 25px}.draft-title{text-align:center}.draft-title h1{font-size:31px;margin:13px 0 3px}.draft-title p{font-size:11px;color:#8da0af;margin:0}.draft-board{display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:22px;margin-top:22px}.team-column{border-top:1px solid #3e697f}.team-column.red-team{border-color:#70474e}.team-heading{padding:10px 0;display:flex;align-items:center;gap:9px}.team-heading b{font-size:12px}.team-heading small{display:block;font-size:10px;color:#718594;margin-top:3px}.team-color{display:block;width:4px;height:30px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.team-color.red{background:var(--red);box-shadow:0 0 10px var(--red)}.team-list{display:grid;gap:5px}.team-slot{height:37px;background:rgba(28,50,67,.65);border:1px solid rgba(140,192,212,.1);display:flex;align-items:center;gap:8px;padding:4px 8px}.team-slot.enemy{background:rgba(61,33,41,.5);border-color:rgba(255,111,115,.09);justify-content:flex-end;text-align:right}.team-slot .avatar{width:27px;height:27px;font-size:10px}.team-slot strong{display:block;font-size:10px}.team-slot small{display:block;color:#758c9c;font-size:9px}.slot-hero-icon{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;font-size:16px;background:linear-gradient(135deg,#2f8fa9,#172e45);color:#c5f8ff}.team-slot.enemy .slot-hero-icon{background:linear-gradient(135deg,#a84d57,#3d2637)}.map-preview{width:190px;height:125px;background:#142d34;position:relative;overflow:hidden;transform:rotate(45deg) scale(.65);margin:0 auto -11px;box-shadow:0 0 0 1px #507c7d,0 0 35px rgba(77,212,213,.25)}.map-preview:before,.map-preview:after{content:"";position:absolute;background:#284e4e;height:8px;width:180px;transform:rotate(45deg);top:57px;left:5px}.map-preview:after{transform:rotate(-45deg)}.map-lines{position:absolute;border:3px solid rgba(97,221,207,.58);width:185px;height:45px;transform:rotate(45deg);top:38px;left:1px}.line-two{transform:rotate(-45deg)}.line-three{width:120px;height:120px;border-radius:50%;top:2px;left:35px;border-color:rgba(255,204,107,.33)}.map-core{position:absolute;width:17px;height:17px;transform:rotate(45deg);border:3px solid #84ebdd;background:#397d77;z-index:2}.enemy-core{right:9px;top:8px;border-color:var(--red);background:#9c4c57}.ally-core{left:9px;bottom:8px}.map-label{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);font:10px 'Barlow Condensed';letter-spacing:2px;color:#c9ede7;z-index:3}.center-note{text-align:center;color:#9ec0c6;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px}.pulse-ring{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(86,219,255,.1),0 0 15px var(--cyan)}.hero-select-area{margin-top:20px}.select-toolbar{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.select-toolbar h2{font-size:16px;margin:4px 0 0}.role-filters{display:flex;gap:4px}.filter{color:#7f92a2;font-size:10px;padding:7px 12px;border:1px solid transparent}.filter:hover,.filter.active{color:var(--cyan);border-color:rgba(86,219,255,.25);background:rgba(86,219,255,.08)}.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.hero-card{min-height:119px;padding:12px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line);background:#172737;transition:.25s}.hero-card:hover,.hero-card.selected{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 8px 28px rgba(86,219,255,.16)}.hero-card.selected:after{content:"已选择";position:absolute;right:9px;top:8px;font-size:9px;color:var(--cyan)}.card-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,var(--hero-light),transparent 38%),linear-gradient(135deg,var(--hero-dark),#0e1823 75%)}.card-art:before{content:"";position:absolute;width:115px;height:155px;right:25px;bottom:-25px;background:linear-gradient(135deg,#d3f6ff,#4388a5 26%,#162a3c 53%,#071019 54%);clip-path:polygon(45% 0,72% 12%,72% 36%,100% 57%,74% 65%,89% 100%,8% 100%,27% 65%,0 57%,28% 36%,28% 12%);filter:drop-shadow(0 0 15px var(--hero-light))}.card-art:after{content:"";position:absolute;width:35px;height:35px;border-radius:50%;right:70px;top:24px;background:var(--hero-light);box-shadow:0 0 25px 7px var(--hero-light);opacity:.6}.card-info{position:relative;z-index:1}.card-info small{display:block;color:var(--hero-light);font:10px 'Barlow Condensed';letter-spacing:1.5px}.card-info strong{display:block;font-size:20px;letter-spacing:2px}.card-info span{font-size:10px;color:#b5c2cc}.hero-card[data-hero="lumen"]{--hero-light:#65dff8;--hero-dark:#163a52}.hero-card[data-hero="ember"]{--hero-light:#ffad72;--hero-dark:#54332b}.hero-card[data-hero="moss"]{--hero-light:#b9ef88;--hero-dark:#234638}.draft-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.pick-summary{display:flex;align-items:center;gap:10px}.selected-pick{width:44px;height:44px;border:1px solid var(--cyan);display:grid;place-items:center;background:rgba(86,219,255,.1);font-size:22px;color:var(--cyan)}.selected-pick.empty{border-style:dashed;border-color:#516779;color:#647889}.pick-summary strong,.pick-summary small{display:block}.pick-summary strong{font-size:13px;margin:4px 0}.pick-summary small{font-size:10px;color:#8598a6}.lock-button{width:196px;height:48px;color:#06131b;background:var(--cyan);font-size:13px;font-weight:700;transition:.2s}.lock-button:hover:not(.disabled){box-shadow:0 8px 25px rgba(86,219,255,.25)}.lock-button.disabled{background:#2c3c47;color:#778994;cursor:not-allowed}.lock-button span{float:right;font-size:18px}
/* battle */.battle-screen{background:#081019}.battle-topbar{height:58px;border-bottom:1px solid rgba(200,240,240,.18);background:#0b1721;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative;z-index:4}.battle-brand{gap:10px}.battle-brand strong{font-size:14px;letter-spacing:2px}.battle-brand .match-code{color:#6f8798;font:11px 'Barlow Condensed';letter-spacing:1px;border-left:1px solid var(--line);padding-left:11px}.brand-mark.small{width:24px;height:23px;gap:2px}.brand-mark.small span{width:4px;height:17px}.brand-mark.small span:first-child{height:11px}.brand-mark.small span:last-child{height:22px}.match-score{position:absolute;left:50%;transform:translateX(-50%);font:700 20px 'Barlow Condensed';letter-spacing:2px}.score-blue{color:var(--cyan)}.score-red{color:var(--red)}.score-divider{color:#708292;padding:0 7px}.match-score small{font-size:10px;color:#98a8b3;margin-left:12px;letter-spacing:1px}.battle-actions{display:flex;align-items:center;gap:16px}.latency{font:11px 'Barlow Condensed';color:var(--lime)}.latency i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:4px}.icon-button.light{color:#98afbc;border-color:rgba(181,231,240,.18)}.battle-layout{height:calc(100vh - 90px);display:grid;grid-template-columns:190px 1fr 190px}.battle-left,.battle-right{background:rgba(10,22,32,.86);padding:18px 13px;z-index:2}.battle-left{border-right:1px solid var(--line)}.battle-right{border-left:1px solid var(--line)}.mini-map{width:158px;height:158px;margin:2px auto 20px;background:#123331;position:relative;overflow:hidden;border:2px solid #37655d;transform:rotate(45deg) scale(.72);box-shadow:0 0 0 8px rgba(31,73,70,.18)}.mini-map:before,.mini-map:after{content:"";position:absolute;left:-20px;top:75px;width:200px;height:6px;background:#4c9f8b;transform:rotate(45deg);box-shadow:0 0 0 2px #173f3b}.mini-map:after{transform:rotate(-45deg)}.mini-lane{position:absolute;z-index:2;width:100%;border-top:2px solid rgba(255,211,109,.5);transform:rotate(45deg);top:45%;left:0}.mini-lane.l2{transform:rotate(-45deg)}.mini-lane.l3{width:88%;left:6%;top:50%;transform:rotate(0);border-color:rgba(91,224,220,.45)}.mini-base{position:absolute;z-index:3;width:15px;height:15px;border:3px solid var(--cyan);background:#386e7c;transform:rotate(45deg);bottom:7px;left:7px}.mini-base.b2{border-color:var(--red);background:#7d414e;top:7px;right:7px;left:auto}.mini-hero{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--cyan),0 0 15px #fff;left:73px;top:73px}.mini-dot{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:var(--red);left:95px;top:48px}.mini-dot.d2{left:47px;top:105px}.mini-dot.d3{left:104px;top:106px}.quest-box,.enemy-objective{border-top:1px solid var(--cyan);background:linear-gradient(135deg,rgba(31,63,77,.65),rgba(17,32,44,.5));padding:13px 10px;margin-bottom:18px}.quest-box strong,.quest-box small,.enemy-objective small{display:block}.quest-box strong{font-size:11px;margin:6px 0}.quest-box small,.enemy-objective small{color:#8798a5;font-size:9px}.ally-list{display:grid;gap:8px}.ally-battle{display:flex;align-items:center;gap:7px}.ally-battle .avatar{width:28px;height:28px;font-size:10px}.ally-battle strong{font-size:10px;display:block}.ally-battle small{font-size:9px;color:#718696}.battle-field-wrap{position:relative;min-width:0;display:grid;place-items:center;background:#10222a}.battle-field-wrap canvas{width:100%;height:100%;object-fit:cover}.field-callout{position:absolute;color:#b4dbd4;letter-spacing:2px;font:10px 'Barlow Condensed';opacity:.72;text-shadow:0 1px 4px #000}.field-callout span{display:block;color:#5c8b87;font:9px 'Noto Sans SC';letter-spacing:0;margin-top:3px}.top-lane{top:13%;left:21%}.mid-lane{top:49%;left:48%}.bot-lane{bottom:11%;right:18%;text-align:right}.battle-toast{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);padding:8px 18px;border:1px solid rgba(174,232,223,.2);background:rgba(4,12,17,.75);color:#b9dedb;font-size:10px;opacity:0;transition:.3s;pointer-events:none}.battle-toast.show{opacity:1}.objective-bar{height:5px;background:#303b42;margin:10px 0 7px}.objective-bar span{display:block;width:100%;height:100%;background:var(--red);box-shadow:0 0 7px var(--red)}.combat-log{min-height:270px;border-bottom:1px solid var(--line);color:#8b9ba6;font-size:9px;padding-bottom:12px}.combat-log .mini-kicker{display:block;margin-bottom:12px}.log-line{margin:8px 0;padding-left:8px;border-left:2px solid #53747c;line-height:1.5}.log-line.enemy{border-color:var(--red)}.skill-panel{position:absolute;right:13px;bottom:24px;width:164px}.level-row{display:flex;align-items:center;gap:7px;color:#d3edf1;font:10px 'Barlow Condensed';margin-bottom:7px}.xp-bar{height:4px;background:#2b4850;flex:1}.xp-bar i{display:block;width:15%;height:100%;background:var(--cyan)}.skill-row{display:flex;align-items:center;gap:5px}.skill-hero{width:30px;height:30px;border:1px solid var(--cyan);background:linear-gradient(135deg,#2d8ea5,#132e3d);display:grid;place-items:center;color:#ddfbff}.skill{height:32px;width:27px;border:1px solid #526671;background:#172932;position:relative}.skill span{position:absolute;top:1px;right:3px;font:8px 'Barlow Condensed';color:#8ea7b3}.skill b{font-size:16px;color:#90d8df}.skill.active-skill{border-color:var(--cyan)}.skill.ultimate{filter:grayscale(1);opacity:.55}.recall{height:32px;width:27px;border:1px solid #526671;color:var(--gold)}.battle-hint{height:32px;border-top:1px solid var(--line);background:#09141d;color:#718590;display:flex;align-items:center;gap:24px;padding:0 20px;font-size:9px}.hint-right{margin-left:auto;color:#536875}.toast{position:fixed;top:100px;left:50%;z-index:10;transform:translate(-50%,-20px);padding:10px 18px;border:1px solid rgba(86,219,255,.4);background:rgba(8,22,32,.94);color:#c8f6fa;font-size:11px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1180px){.lobby-content{grid-template-columns:260px minmax(430px,1fr) 285px;gap:18px}.main-nav{margin-left:15px}.topbar{padding:0 24px}.top-actions{gap:10px}.battle-layout{grid-template-columns:165px 1fr 170px}}
 .language-toggle{height:27px;min-width:32px;padding:0 8px;border:1px solid rgba(86,219,255,.28);border-radius:6px;color:var(--cyan);font:700 10px 'Barlow Condensed';letter-spacing:1px}.language-toggle:hover{background:rgba(86,219,255,.1)}