@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Rajdhani:wght@600;700&display=swap');
:root{--bg:#061019;--panel:#0b1722;--ink:#eef5f5;--muted:#82929c;--gold:#cba85a;--cyan:#44d7c6;--red:#d8575b;--blue:#3b7dc7;--line:rgba(176,211,218,.13)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif}body{overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.a1{width:520px;height:520px;background:#1b9e91;top:-280px;left:-120px}.a2{width:620px;height:620px;background:#a56c24;right:-360px;bottom:-360px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.028;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='.95' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hidden{display:none!important}.topbar{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:inherit;background:none;border:0;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);font:700 25px Rajdhani;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand b,.brand small{display:block;letter-spacing:.18em}.brand b{font:700 16px Rajdhani}.brand small{font-size:10px;color:var(--muted);margin-top:2px}.ghost,.secondary,.text-btn{background:transparent;border:1px solid var(--line);color:#cbd6d8;padding:11px 18px;cursor:pointer}.ghost{visibility:hidden}.room-switch{display:flex;background:rgba(255,255,255,.03);padding:4px;border:1px solid var(--line)}.room-switch button{border:0;background:transparent;color:var(--muted);padding:9px 20px;font:700 14px Rajdhani;cursor:pointer}.room-switch button.active{background:var(--cyan);color:#061019}main{position:relative;z-index:1}.home-view{min-height:calc(100vh - 88px);padding:7vh 7vw 120px;display:grid;grid-template-columns:.8fr 1.4fr;gap:8vw;align-content:center}.eyebrow{color:var(--gold);font:700 11px Rajdhani;letter-spacing:.26em}.hero-copy h1{font-size:clamp(58px,7vw,112px);line-height:.92;letter-spacing:-.07em;margin:25px 0 30px}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,245,245,.55)}.hero-copy p{color:var(--muted);line-height:1.9;max-width:430px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{min-height:420px;position:relative;overflow:hidden;text-align:left;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,34,48,.94),rgba(7,16,25,.94));color:var(--ink);cursor:pointer;transition:.35s transform,.35s border-color}.mode-card:hover{transform:translateY(-7px);border-color:rgba(203,168,90,.7)}.mode-card .index{color:var(--muted);font:600 12px Rajdhani}.mode-card b,.mode-card small,.mode-card i{position:absolute;left:30px;z-index:2}.mode-card b{bottom:95px;font-size:27px}.mode-card small{bottom:66px;color:var(--muted)}.mode-card i{bottom:28px;color:var(--gold);font:700 24px Rajdhani;letter-spacing:.18em}.art{position:absolute;inset:35px 0 110px;display:grid;place-items:center}.rings::before,.rings::after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(68,215,198,.28)}.rings::before{width:190px;height:190px;box-shadow:0 0 50px rgba(68,215,198,.07)}.rings::after{width:120px;height:120px;border-style:dashed;animation:spin 16s linear infinite}.rings{background:radial-gradient(circle,rgba(68,215,198,.16) 0 4%,transparent 5%)}@keyframes spin{to{transform:rotate(360deg)}}.calendar-art{font:700 90px Rajdhani;color:rgba(203,168,90,.12);text-shadow:0 0 45px rgba(203,168,90,.1)}.roster-line{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.1em}.roster-line strong{margin-left:auto;font:700 12px Rajdhani;color:var(--gold)}#rosterFaces{display:flex}#rosterFaces .mini-avatar{margin-left:-7px;border:2px solid var(--bg)}.room-view{padding:34px 3.5vw 120px}.room-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.room-heading h2{margin:8px 0 0;font-size:32px}.round-state{text-align:right}.round-state span,.round-state b{display:block}.round-state span{font-size:12px;color:var(--cyan)}.round-state b{font:700 26px Rajdhani}.battle-layout{display:grid;grid-template-columns:1fr 34px 1fr minmax(230px,.6fr);gap:14px}.team-panel{border-top:2px solid;padding-top:1px}.team-panel.red{border-color:var(--red)}.team-panel.blue{border-color:var(--blue)}.team-panel header{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:rgba(255,255,255,.025)}.team-panel header span{font:700 11px Rajdhani;letter-spacing:.2em;color:var(--muted)}.team-panel header b{font-size:18px}.seats{display:grid;gap:8px;margin-top:9px}.seat{height:105px;border:1px solid var(--line);background:rgba(8,22,32,.78);display:grid;grid-template-columns:95px 1fr;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.seat:hover{border-color:rgba(203,168,90,.5)}.seat.empty{place-items:center;display:grid;color:#52636c;font-size:13px}.seat.empty::before{content:'+';font:300 28px Rajdhani;color:#80919a}.portrait{height:100%;width:95px;background:linear-gradient(135deg,#182c39,#0c1822);display:grid;place-items:center;font:700 26px Rajdhani;color:var(--gold);background-size:cover;background-position:center}.seat-info{align-self:end;padding:0 14px 14px}.seat-info small{display:block;color:var(--muted);font:600 10px Rajdhani;letter-spacing:.15em}.seat-info b{display:block;margin-top:5px;font-size:14px}.badge{position:absolute;z-index:2;top:6px;padding:4px 7px;font:700 9px Rajdhani;letter-spacing:.08em}.badge.crown{left:6px;background:var(--gold);color:#07111a}.badge.svip{right:6px;background:linear-gradient(90deg,#55decf,#c7ad62);color:#07111a}.center-rail{display:flex;flex-direction:column;align-items:center;color:var(--gold)}.center-rail .line{height:100%;width:1px;background:var(--line)}.center-rail b{padding:12px 0;font:700 17px Rajdhani}.match-sidebar{border:1px solid var(--line);padding:22px;background:rgba(7,17,25,.78);height:max-content;position:sticky;top:20px}.side-title span,.side-title b{display:block}.side-title span{font:700 10px Rajdhani;color:var(--gold);letter-spacing:.2em}.side-title b{margin-top:5px}.hero-list{min-height:230px;margin:18px 0;display:grid;gap:6px}.hero-row{display:flex;gap:8px;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.hero-row i{width:7px;height:7px;border-radius:50%}.hero-row.red i{background:var(--red)}.hero-row.blue i{background:var(--blue)}.hero-row span{color:var(--muted);margin-left:auto}.primary{border:0;background:linear-gradient(110deg,#d9ba70,#a97e34);color:#07111a;font-weight:800;padding:14px 18px;cursor:pointer}.primary:disabled{filter:grayscale(1);opacity:.38;cursor:not-allowed}.wide{width:100%}.match-sidebar button{width:100%;margin-top:9px}.permission{font-size:11px;color:#a96c6e;min-height:16px;text-align:center}.text-btn{border:0;color:var(--gold)}.user-dock{position:fixed;z-index:10;left:20px;bottom:18px;padding:9px 10px;background:rgba(7,18,27,.94);backdrop-filter:blur(14px);border:1px solid var(--line);display:flex;gap:10px;align-items:center;box-shadow:0 15px 40px rgba(0,0,0,.25)}.avatar,.mini-avatar{border-radius:2px;background:linear-gradient(135deg,#1e3a47,#11232f);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 13px Rajdhani}.avatar{width:42px;height:42px;cursor:pointer}.mini-avatar{width:26px;height:26px}.user-dock small,.user-dock b{display:block}.user-dock small{font-size:9px;color:var(--muted)}.user-dock b{font-size:12px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dock button{border:0;background:transparent;color:#b9c6c9;cursor:pointer}.user-dock #luckyBtn{border-left:1px solid var(--line);padding-left:13px}.user-dock #luckyBtn span{color:var(--gold)}.dock-logout{color:var(--muted)!important;font-size:11px}.modal{position:fixed;z-index:40;inset:0;background:rgba(2,7,11,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.curtain{background:radial-gradient(circle at 50% 30%,#102c39,#03090e 70%)}.modal-card{width:min(480px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#10202b,#08131c);border:1px solid rgba(203,168,90,.3);padding:38px;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal-card h2{font-size:29px;margin:10px 0}.modal-card>p{color:var(--muted);font-size:13px;line-height:1.8}.close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#8fa0a6;font-size:26px;cursor:pointer}.field{display:block;text-align:left;margin:22px 0}.field span{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em;margin-bottom:8px}.field input,.field select{width:100%;background:#07121a;border:1px solid var(--line);color:var(--ink);padding:14px;outline:none}.field input:focus,.field select:focus{border-color:var(--gold)}.login-card{text-align:center}.mode-choices,.result-choices{display:grid;gap:10px;margin-top:25px}.mode-choices{grid-template-columns:1fr 1fr}.mode-choices button,.result-choices button{padding:24px;border:1px solid var(--line);background:#091721;color:var(--ink);cursor:pointer}.mode-choices b,.mode-choices span{display:block}.mode-choices b{font:700 32px Rajdhani;color:var(--gold)}.mode-choices span{font-size:11px;color:var(--muted)}.result-choices button:first-child{border-left:3px solid var(--red)}.result-choices button:nth-child(2){border-left:3px solid var(--blue)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--red);display:inline-block;box-shadow:0 0 0 10px rgba(216,87,91,.08);animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 18px rgba(216,87,91,0)}}.lucky-card{text-align:center}.lucky-number{font:700 70px Rajdhani;color:transparent;-webkit-text-stroke:1px var(--gold);margin:25px 0 0}.lucky-card>small{display:block;color:var(--muted);margin-top:14px}.form-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.reservation-list,.history-list{margin-top:25px;display:grid;gap:8px}.reservation-item,.history-item{padding:13px;background:rgba(255,255,255,.035);border-left:2px solid var(--gold);font-size:12px}.reservation-item b,.history-item b{display:block}.reservation-item span,.history-item span{color:var(--muted)}.reservation-item button{float:right;background:none;border:0;color:#cb7474;cursor:pointer}.history-card,.reserve-card{width:min(680px,100%)}.history-item{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center}.toast{position:fixed;z-index:80;top:100px;left:50%;transform:translate(-50%,-20px);background:#e5d29b;color:#07111a;padding:12px 20px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.login-card{overflow:visible}.login-card .eyebrow{font-size:18px}.login-card h2{margin-bottom:34px}.login-card .player-field{margin-bottom:24px}.player-select{position:relative}.player-select>button{width:100%;height:54px;border:1px solid rgba(203,168,90,.72);background:linear-gradient(90deg,rgba(6,18,27,.98),rgba(12,28,39,.98));color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 19px;cursor:pointer;outline:none;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.player-select>button b{font-size:15px;font-weight:600;letter-spacing:.03em}.player-select>button i{width:8px;height:8px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg) translateY(-2px);transition:.2s}.player-select.open>button{border-color:var(--gold);box-shadow:0 0 0 1px rgba(203,168,90,.16),0 12px 35px rgba(0,0,0,.24)}.player-select.open>button i{transform:rotate(225deg) translate(-2px,-2px)}.player-options{position:absolute;z-index:8;top:calc(100% - 1px);left:0;right:0;max-height:320px;overflow-y:auto;padding:7px;background:linear-gradient(180deg,#102430,#08141d);border:1px solid var(--gold);box-shadow:0 24px 55px rgba(0,0,0,.55);scrollbar-width:thin;scrollbar-color:rgba(203,168,90,.5) transparent}.player-options button{width:100%;min-height:56px;border:0;border-left:2px solid transparent;background:transparent;color:#dce8e9;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;text-align:left}.player-options button:hover,.player-options button:focus,.player-options button[aria-selected="true"]{outline:none;border-left-color:var(--gold);background:linear-gradient(90deg,rgba(203,168,90,.15),rgba(203,168,90,.025));color:#fff}.player-options button span{display:block;margin:0;font-size:14px;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-options button small{flex:none;color:#8397a0;font:700 16px Rajdhani;letter-spacing:.14em}
@media(max-width:1100px){.home-view{grid-template-columns:1fr}.battle-layout{grid-template-columns:1fr 25px 1fr}.match-sidebar{grid-column:1/-1;position:static}.hero-list{min-height:80px;grid-template-columns:repeat(2,1fr)}}
.room-heading .eyebrow{font-size:13px}.room-heading h2{font-size:40px;color:#f5fbfb;letter-spacing:.02em}.seat{color:var(--ink);text-align:left}.seat-info{padding:0 16px 15px}.seat-info small{color:#b7c6ca;font-size:13px;font-weight:700;letter-spacing:.14em}.seat-info b{color:#f4fbfb;font-size:20px;font-weight:800;line-height:1.25;text-shadow:0 1px 18px rgba(255,255,255,.1)}.user-dock{padding:8px;overflow:visible}.user-summary{display:flex;align-items:center;gap:10px;padding:0 8px 0 0!important;text-align:left}.user-summary i{width:7px;height:7px;margin-left:4px;border-top:1px solid var(--gold);border-left:1px solid var(--gold);transform:rotate(45deg);transition:.2s}.user-summary[aria-expanded="true"] i{transform:rotate(225deg)}.user-popover{position:absolute;left:0;bottom:calc(100% + 9px);width:210px;padding:7px;background:rgba(7,18,27,.98);border:1px solid rgba(203,168,90,.35);box-shadow:0 18px 45px rgba(0,0,0,.42)}.user-popover button{display:block;width:100%;padding:12px 13px;text-align:left;border-left:2px solid transparent!important}.user-popover button:hover{background:rgba(203,168,90,.09);border-left-color:var(--gold)!important}.user-popover .danger{color:#dc8b8d}.avatar-required-card{text-align:center}.avatar-required-card h2{margin:12px 0}.avatar-required-card .primary{margin-top:16px}
.team-mode-bar{margin:-4px 0 24px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(12,31,43,.92),rgba(7,18,27,.82));display:flex;align-items:stretch;justify-content:space-between}.team-mode-bar>div{padding:16px 20px;display:flex;gap:13px;align-items:baseline}.team-mode-bar>div span{color:var(--muted);font-size:12px}.team-mode-bar>div b{font-size:20px;color:#f5fbfb}.team-mode-bar>button{min-width:320px;border:0;border-left:1px solid rgba(203,168,90,.3);padding:13px 18px;background:linear-gradient(110deg,rgba(203,168,90,.18),rgba(68,215,198,.08));color:var(--ink);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left;cursor:pointer}.team-mode-bar>button small{font:700 11px Rajdhani;letter-spacing:.2em;color:var(--gold)}.team-mode-bar>button strong{font-size:18px;margin-top:2px}.team-mode-bar>button i{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold);font:700 25px Rajdhani}.team-mode-bar>button:disabled{opacity:.35;cursor:not-allowed}.match-sidebar{grid-column:4;grid-row:1 / span 2}.draft-pool{grid-column:1/4;margin-top:10px;border:1px solid rgba(203,168,90,.3);background:linear-gradient(145deg,rgba(13,32,43,.96),rgba(7,17,25,.94));padding:22px}.draft-pool header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.draft-pool header span,.draft-pool header b{display:block}.draft-pool header span{font:700 12px Rajdhani;letter-spacing:.22em;color:var(--gold)}.draft-pool header b{font-size:22px;margin-top:4px}.draft-pool header strong{font:700 24px Rajdhani;color:var(--cyan)}.draft-pool>p{color:#9eafb4;font-size:13px}.draft-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.draft-players>button{min-width:0;border:1px solid var(--line);background:rgba(5,15,23,.7);color:var(--ink);display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;text-align:left;cursor:pointer}.draft-players>button:not(:disabled):hover{border-color:var(--gold);transform:translateY(-2px)}.draft-players>button:disabled{opacity:.62;cursor:default}.draft-avatar{width:50px;height:50px;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 16px Rajdhani}.draft-players small,.draft-players b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-players small{font:700 9px Rajdhani;letter-spacing:.12em;color:#82969e}.draft-players b{font-size:14px;margin-top:3px}.draft-players i{font:700 10px Rajdhani;color:var(--gold)}.draft-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--cyan);border:1px dashed rgba(68,215,198,.25)}.draft-actions{display:flex;gap:10px;margin-top:18px}.draft-actions button{min-width:180px}.seat.pick-target{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(203,168,90,.3),0 0 28px rgba(203,168,90,.12);animation:pickGlow 1.4s ease-in-out infinite}@keyframes pickGlow{50%{background:rgba(203,168,90,.1)}}.seat:disabled{cursor:default}.badge.captain{left:6px;bottom:6px;top:auto;background:#e9eef0;color:#08131c}.leave-seat{position:absolute;z-index:3;right:8px;bottom:7px;border:1px solid rgba(216,87,91,.38);background:rgba(7,18,27,.88);color:#e39395;padding:4px 8px;font-size:10px;cursor:pointer}.pick-confirm-card{text-align:center}.pick-confirm-card #pickConfirmPlayer{margin:24px auto 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.pick-avatar{width:92px;height:92px;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 28px Rajdhani;border:1px solid rgba(203,168,90,.45)}.pick-confirm-card #pickConfirmPlayer b{font-size:22px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.confirm-actions button{padding:14px}
.seat.draft-locked{background:rgba(3,8,12,.9);border-color:rgba(176,211,218,.055);color:#39464c;opacity:.58;box-shadow:inset 0 0 38px rgba(0,0,0,.34)}.seat.draft-locked::before{color:#344149}.seat.draft-locked:hover{border-color:rgba(176,211,218,.055)}
@media(max-width:700px){.topbar{padding:0 18px;height:72px}.home-view{padding:45px 18px 130px}.action-grid{grid-template-columns:1fr}.mode-card{min-height:270px}.hero-copy h1{font-size:60px}.roster-line{overflow:hidden}.battle-layout{grid-template-columns:1fr}.center-rail{height:32px;flex-direction:row}.center-rail .line{height:1px;width:100%}.team-panel.blue{grid-row:3}.room-view{padding:25px 12px 130px}.room-heading h2{font-size:24px}.seat{height:82px;grid-template-columns:76px 1fr}.portrait{width:76px}.match-sidebar{grid-column:auto}.modal-card{padding:30px 22px}.login-card .eyebrow{font-size:16px}.player-options button small{font-size:14px}.form-row{grid-template-columns:1fr}.user-dock{left:8px;right:8px;bottom:8px}.user-dock #luckyBtn{margin-left:auto}.room-switch{display:none!important}.history-item{grid-template-columns:1fr}.roster-line strong{display:none}}

.start-match-wrap{position:relative;margin-top:9px}.match-sidebar .start-match-wrap button{margin-top:0}.start-match-tooltip{position:absolute;z-index:6;left:50%;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 36px));padding:10px 12px;transform:translate(-50%,6px);border:1px solid rgba(203,168,90,.45);background:#07121a;color:#e8d39b;font-size:12px;line-height:1.6;text-align:left;box-shadow:0 14px 35px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.start-match-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(203,168,90,.7)}.start-match-wrap.has-tooltip{cursor:not-allowed}.start-match-wrap.has-tooltip #startMatch{pointer-events:none}.start-match-wrap.has-tooltip:hover .start-match-tooltip,.start-match-wrap.has-tooltip:focus .start-match-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hero-picker{position:relative}.hero-picker>label{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em;margin-bottom:8px}.hero-picker>small{display:block;min-height:18px;margin-top:8px;color:var(--muted);font-size:11px}.hero-suggestions{position:absolute;z-index:4;left:0;right:0;top:66px;max-height:260px;overflow:auto;border:1px solid rgba(203,168,90,.35);background:#07121a;box-shadow:0 18px 38px rgba(0,0,0,.45)}.hero-suggestions button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.hero-suggestions button:hover,.hero-suggestions button[aria-selected="true"]{background:rgba(68,215,198,.12)}.hero-suggestions span b,.hero-suggestions span small{display:block}.hero-suggestions span small{margin-top:3px;color:var(--muted);font-size:10px}.hero-suggestions i{color:var(--gold);font-size:10px;font-style:normal}.hero-row span small{color:#64757d;font-size:9px}.history-item span{line-height:1.75}.history-item span em{color:var(--gold);font-style:normal;font-size:10px;letter-spacing:.12em}.history-card{width:min(760px,100%)}
@media(max-width:1100px){.match-sidebar{grid-column:1/-1;grid-row:auto}.draft-pool{grid-column:1/-1}.draft-players{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.team-mode-bar{display:block}.team-mode-bar>div{padding:13px 15px}.team-mode-bar>button{width:100%;min-width:0;border-left:0;border-top:1px solid rgba(203,168,90,.3)}.draft-pool{padding:16px}.draft-players{grid-template-columns:1fr 1fr}.draft-players>button{grid-template-columns:42px minmax(0,1fr)}.draft-avatar{width:42px;height:42px}.draft-players i{display:none}.draft-actions{display:grid}.draft-actions button{min-width:0}.leave-seat{right:5px;bottom:5px}.seat-info b{font-size:16px}.seat-info small{font-size:11px}}@media(max-width:430px){.draft-players{grid-template-columns:1fr}}
.team-panel header span,.team-panel header b{font-size:18px;line-height:1.2}.team-panel header span{letter-spacing:.1em;color:#b6c6ce}
.seat-role-badges{position:absolute;top:6px;left:6px;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:4px}.seat-role-badges .badge{position:static;white-space:nowrap}.seat-role-badges .badge.captain{background:#5aa5de;color:#071b2a}
.battle-main{grid-column:1/4;display:grid;grid-template-columns:1fr 34px 1fr;grid-template-rows:min-content auto;gap:14px;min-width:0}.battle-layout>.match-sidebar{grid-row:1}.room-round-panel{grid-column:1/4;display:flex;flex-direction:column;gap:14px;min-width:0}.room-round-panel>.ready-action-panel{flex:none}.room-round-panel>.draft-pool{flex:1;margin-top:0}@media(max-width:1100px){.battle-main,.room-round-panel{grid-column:1/-1}.battle-layout>.match-sidebar{grid-row:auto}}@media(max-width:700px){.battle-main{grid-template-columns:1fr;grid-template-rows:none}}
#startDraft:not(:disabled){background:linear-gradient(110deg,#65d49a,#299761);color:#061b11}
.match-sidebar .room-action{min-height:48px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.02em}
.match-sidebar .room-action:disabled{background:linear-gradient(135deg,#15252e,#101e27);border:1px solid #354650;color:#8ea2af;box-shadow:inset 0 1px 0 rgba(220,235,245,.035);filter:none;opacity:1;font-weight:600;cursor:not-allowed;text-shadow:none}
.seat.pick-locked,.seat.pick-locked.is-ready{border-color:var(--gold);background:rgba(203,168,90,.1);box-shadow:inset 0 0 0 1px rgba(203,168,90,.3),0 0 28px rgba(203,168,90,.12);animation:none}.seat.empty.pick-locked{color:#e5cd95}.seat.empty.pick-locked::before{content:'✓';color:var(--gold)}.pick-locked-label{position:absolute;left:8px;bottom:7px;padding:3px 7px;background:var(--gold);color:#07111a;font-size:11px;font-weight:700}
.result-team-names{display:block;margin-top:8px;font-size:12px;font-weight:400;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.secondary:disabled{opacity:.38;cursor:not-allowed}.result-choices button[aria-disabled="true"]{opacity:.48;border-style:dashed}
.reserve-card{width:min(880px,100%)}.reservation-create{display:grid;grid-template-columns:1fr 190px;gap:12px;align-items:end;padding:18px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.reservation-create .field{margin:0}.reservation-create .primary{height:47px}.schedule-divider{margin-top:28px;border-top:1px solid var(--line);position:relative}.schedule-divider span{position:relative;top:-9px;background:#0d1c27;padding-right:12px;color:var(--gold);font:700 11px Rajdhani;letter-spacing:.18em}.reservation-list{gap:12px;margin-top:12px}.schedule-card{display:grid;grid-template-columns:105px minmax(0,1fr) 110px;gap:18px;align-items:stretch;border:1px solid var(--line);border-left:3px solid var(--gold);background:linear-gradient(105deg,rgba(14,34,46,.94),rgba(7,18,27,.88));padding:14px}.schedule-card.past{opacity:.58}.schedule-date{border-right:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-content:center;padding-right:14px}.schedule-date small,.schedule-date strong,.schedule-date span,.schedule-date b{display:block}.schedule-date small{font:700 12px Rajdhani;color:var(--gold)}.schedule-date strong{grid-row:2/4;font:700 44px Rajdhani;line-height:.9}.schedule-date span{font-size:11px;color:#9baeb4}.schedule-date b{font:700 18px Rajdhani;color:var(--cyan)}.schedule-body{min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center}.schedule-host{display:flex;gap:10px;align-items:center}.schedule-avatar{width:46px;height:46px;flex:none;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 14px Rajdhani;border:1px solid rgba(203,168,90,.35)}.schedule-host small,.schedule-host b{display:block}.schedule-host small{font-size:9px;color:var(--muted)}.schedule-host b{font-size:14px;margin-top:2px}.schedule-roster{min-width:0}.schedule-roster>span{font-size:10px;color:var(--muted)}.schedule-roster>div{display:flex;margin:5px 0}.schedule-mini{width:25px;height:25px;margin-right:-5px;border:2px solid #0a1822;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 9px Rajdhani}.schedule-roster p{margin:0;color:#c4d0d2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-flakes{grid-column:1/-1;padding-top:8px;border-top:1px solid rgba(216,87,91,.18);font-size:11px}.schedule-flakes span{color:#df8588;margin-right:8px}.schedule-flakes b{color:#bda1a3}.schedule-action{align-self:center;border:1px solid rgba(203,168,90,.45);background:rgba(203,168,90,.1);color:#e7cd91;padding:12px 10px;cursor:pointer}.schedule-action.join{background:linear-gradient(110deg,#d9ba70,#a97e34);color:#07111a;font-weight:800;border:0}.schedule-action.leave{border-color:rgba(216,87,91,.4);color:#e28b8e;background:rgba(216,87,91,.07)}.schedule-action:disabled{opacity:.45;cursor:default}.schedule-empty{padding:42px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.schedule-empty b,.schedule-empty span{display:block}.schedule-empty b{color:#cad6d8;margin-bottom:7px}.schedule-empty span{font-size:12px}@media(max-width:700px){.reservation-create{grid-template-columns:1fr}.schedule-card{grid-template-columns:86px 1fr}.schedule-body{grid-template-columns:1fr}.schedule-action{grid-column:1/-1}.schedule-date strong{font-size:38px}.schedule-flakes{grid-column:auto}}@media(max-width:430px){.schedule-card{grid-template-columns:1fr}.schedule-date{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto auto auto auto;gap:9px;align-items:center;padding:0 0 10px}.schedule-date strong{grid-row:auto}.schedule-body{display:block}.schedule-roster{margin-top:12px}.schedule-flakes{margin-top:10px}}
.mode-card-modal{width:min(650px,100%)}.mode-card-modal .mode-choices{grid-template-columns:repeat(3,1fr)}.pending-hero-list{display:grid;gap:7px;margin:20px 0}.pending-hero-list>div{padding:11px 13px;border-left:2px solid var(--gold);background:rgba(255,255,255,.035);font-size:13px}.arena-layout{display:grid;gap:18px}.arena-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 24px;border:1px solid rgba(203,168,90,.28);background:linear-gradient(115deg,rgba(26,43,48,.94),rgba(7,19,28,.94))}.arena-intro span{font:700 11px Rajdhani;letter-spacing:.2em;color:var(--gold)}.arena-intro h3{margin:5px 0;font-size:24px}.arena-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.arena-intro>div:last-child{min-width:240px;text-align:center}.arena-intro button{width:100%}.arena-intro small{display:block;margin-top:8px;color:#96a7ad;font-size:10px}.arena-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.arena-table{min-width:0;border:1px solid var(--line);border-top:2px solid var(--gold);background:rgba(7,18,27,.82)}.arena-table header{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:15px 17px;border-bottom:1px solid var(--line)}.arena-table header span{font:700 10px Rajdhani;letter-spacing:.18em;color:var(--gold)}.arena-table header b{grid-column:1;font-size:17px}.arena-table header small{grid-column:2;grid-row:1/3;align-self:center;color:var(--cyan);font:700 18px Rajdhani}.arena-table>div{display:grid}.arena-seat{min-width:0;min-height:68px;padding:9px 12px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.045);color:#53636b}.arena-seat:last-child{border-bottom:0}.arena-seat.occupied{color:var(--ink);background:linear-gradient(90deg,rgba(68,215,198,.07),transparent)}.arena-avatar{width:45px;height:45px;flex:none;background:linear-gradient(135deg,#1e3a47,#11232f);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 14px Rajdhani}.arena-seat span{min-width:0}.arena-seat span small,.arena-seat span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-seat span small{color:#81939a;font:700 9px Rajdhani;letter-spacing:.13em}.arena-seat span b{margin-top:4px;font-size:13px}.arena-seat>i{margin-left:auto;color:var(--gold);font-style:normal}.arena-waiting{padding:16px 18px;border:1px dashed rgba(68,215,198,.3);background:rgba(68,215,198,.035)}.arena-waiting span{font:700 10px Rajdhani;letter-spacing:.18em;color:var(--cyan)}.arena-waiting p{margin:6px 0 0;color:#c4d0d2;font-size:12px}@media(max-width:1000px){.arena-tables{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.mode-card-modal .mode-choices{grid-template-columns:1fr}.arena-intro{display:block;padding:18px}.arena-intro>div:last-child{min-width:0;margin-top:16px}.arena-tables{grid-template-columns:1fr}.arena-seat{min-height:62px}}
.ready-list{min-height:230px;margin:18px 0;display:grid;align-content:start;gap:5px}.ready-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.ready-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready-row span{flex:none;color:#9b7779;font-size:10px}.ready-row.is-ready span{color:var(--cyan)}.ready-empty{color:#64757d;font-size:12px;line-height:1.7}.seat.masked{border-style:dashed;background:linear-gradient(135deg,rgba(12,26,36,.9),rgba(5,13,20,.95))}.blind-portrait{background:radial-gradient(circle,rgba(203,168,90,.13),rgba(5,14,21,.9));color:rgba(203,168,90,.72);font:700 24px Rajdhani}.seat.is-ready{border-color:rgba(68,215,198,.52);box-shadow:inset -82px 0 48px rgba(68,215,198,.08),0 0 20px rgba(68,215,198,.07)}.seat.is-ready .seat-info{padding-right:82px}.seat-ready-state{position:absolute;z-index:4;right:12px;top:50%;min-width:58px;transform:translateY(-50%);display:grid;justify-items:center;gap:2px;color:var(--cyan);pointer-events:none}.seat-ready-state i{width:40px;height:40px;border:2px solid rgba(68,215,198,.72);border-radius:50%;display:grid;place-items:center;background:rgba(8,35,38,.9);box-shadow:0 0 0 5px rgba(68,215,198,.07),0 0 22px rgba(68,215,198,.2);font:900 27px/1 Rajdhani;font-style:normal}.seat-ready-state strong{font-size:12px;line-height:1.1;letter-spacing:.08em;text-shadow:0 1px 8px #031014}.adjustment-card{width:min(660px,100%)}.adjustment-steps{margin:22px 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:adjustment}.adjustment-steps li{counter-increment:adjustment;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px 13px;background:rgba(255,255,255,.035);border-left:2px solid var(--gold);font-size:13px;line-height:1.55}.adjustment-steps li::before{content:counter(adjustment,decimal-leading-zero);font:700 13px Rajdhani;color:var(--gold)}.match-live-card{text-align:center}.match-live-card .pulse-dot{margin-right:12px}.match-live-card .primary{margin-top:14px}@media(max-width:700px){.ready-list{min-height:0;grid-template-columns:1fr 1fr}.seat.is-ready .seat-info{padding-right:70px}.seat-ready-state{right:8px;min-width:52px}.seat-ready-state i{width:34px;height:34px;font-size:23px}.seat-ready-state strong{font-size:10px}.adjustment-steps li{grid-template-columns:28px 1fr;padding:10px}.adjustment-card{padding:28px 18px}}
.ready-action-panel{grid-column:1/4;padding:9px;border:1px solid rgba(68,215,198,.24);background:linear-gradient(100deg,rgba(68,215,198,.065),rgba(203,168,90,.055))}.ready-action-panel #readyBtn{width:100%;min-height:54px;font-size:16px;letter-spacing:.07em}.ready-action-panel #readyBtn.is-ready:disabled{filter:none;opacity:1;background:linear-gradient(110deg,#57dfcf,#2b9e95);color:#041412}.ready-action-panel #readyBtn.is-progress:disabled{filter:none;opacity:1;background:linear-gradient(110deg,#4d94e0,#2a5f9b);color:#f4f9ff;box-shadow:inset 0 0 0 1px rgba(180,218,255,.22),0 8px 24px rgba(32,92,153,.22);cursor:default}@media(max-width:1100px){.ready-action-panel{grid-column:1/-1}}@media(max-width:700px){.ready-action-panel{grid-column:1;padding:7px}.ready-action-panel #readyBtn{min-height:50px;font-size:15px}}
.avatar-required-card{width:min(540px,100%);text-align:center}.avatar-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.avatar-preset-grid button{position:relative;aspect-ratio:1;border:1px solid var(--line);padding:5px;background:#07121a;cursor:pointer;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}.avatar-preset-grid button:hover,.avatar-preset-grid button:focus,.avatar-preset-grid button.selecting{outline:none;transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 24px rgba(0,0,0,.28)}.avatar-preset-grid button:disabled{cursor:wait}.avatar-preset-grid img{display:block;width:100%;height:100%;object-fit:cover}.avatar-preset-grid span{position:absolute;right:7px;bottom:5px;color:#fff;font:700 10px Rajdhani;letter-spacing:.12em;text-shadow:0 1px 5px #000}.avatar-choice-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:4px 0 14px}.avatar-choice-divider::before,.avatar-choice-divider::after{content:'';height:1px;background:var(--line);flex:1}.avatar-required-card .secondary{margin:0}@media(max-width:520px){.avatar-required-card{padding:28px 22px}.avatar-preset-grid{gap:8px}.avatar-preset-grid button{padding:3px}}
.kick-player-btn{width:100%;margin-top:10px;border:1px solid rgba(216,87,91,.34);background:linear-gradient(110deg,rgba(216,87,91,.1),rgba(7,18,27,.86));color:#e7b1b2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:10px 12px;text-align:left;cursor:pointer}.kick-player-btn:hover{border-color:rgba(229,119,122,.68);background:linear-gradient(110deg,rgba(216,87,91,.17),rgba(7,18,27,.9))}.kick-player-btn small{font:700 9px Rajdhani;letter-spacing:.18em;color:#b76e71}.kick-player-btn b{margin-top:2px;font-size:14px}.kick-player-btn i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal}.kick-player-card{width:min(620px,100%)}.kick-player-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;max-height:min(480px,55vh);overflow:auto}.kick-player-list>button{min-width:0;border:1px solid var(--line);background:rgba(5,15,23,.72);color:var(--ink);display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;text-align:left;cursor:pointer}.kick-player-list>button:hover{border-color:rgba(216,87,91,.6);background:rgba(216,87,91,.07)}.kick-avatar{width:48px;height:48px;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 14px Rajdhani}.kick-player-list span small,.kick-player-list span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kick-player-list span small{font:700 9px Rajdhani;letter-spacing:.14em;color:var(--muted)}.kick-player-list span b{margin-top:3px;font-size:14px}.kick-player-list i{font:700 10px Rajdhani;color:#d58c8e;font-style:normal}.kick-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.kick-confirm-card{text-align:center}.kick-confirm-card #kickConfirmPlayer{margin:22px auto 12px;display:flex;flex-direction:column;align-items:center;gap:9px}.kick-confirm-avatar{width:82px;height:82px;background-size:cover;background-position:center;display:grid;place-items:center;color:var(--gold);font:700 24px Rajdhani;border:1px solid rgba(216,87,91,.48)}.kick-confirm-card #kickConfirmPlayer b{font-size:20px}.danger-action{border:1px solid rgba(216,87,91,.55);background:linear-gradient(110deg,#b84f53,#7f3034);color:#fff;font-weight:800;cursor:pointer}.danger-action:disabled{opacity:.5;cursor:wait}.arena-intro .kick-player-btn{margin-top:9px}@media(max-width:600px){.kick-player-list{grid-template-columns:1fr}}
.team-mode-bar>div{min-width:0;flex-wrap:wrap;row-gap:8px}.team-mode-bar>div .room-owner{margin-left:16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.room-owner strong{color:var(--gold);font-weight:700}@media(max-width:700px){.team-mode-bar>div .room-owner{margin-left:0;flex-basis:100%}}
.match-live-card .hand-luck-notice{padding:14px 16px;border:1px solid rgba(203,168,90,.35);background:rgba(203,168,90,.08);color:var(--gold);text-align:left;line-height:1.8;overflow-wrap:anywhere}