@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Sora:wght@400;500;600;700&display=swap";
:root{--bg-0:#090d17;--bg-1:#10192f;--panel:#10182cd1;--panel-strong:#0b1222f0;--stroke:#97a9d647;--text:#eef2ff;--muted:#9ca9c9;--accent:#57d2ff;--accent-2:#f9cf4d;--ok:#6ae07f;--danger:#ff7a88;--shadow:0 20px 50px #03081480;--font-heading:"Rajdhani",sans-serif;--font-body:"Sora",sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 8% 12%,#57d2ff2e,transparent 30%),radial-gradient(circle at 88% 5%,#f9cf4d24,transparent 35%),radial-gradient(circle at 80% 85%,#7691f026,transparent 35%),linear-gradient(120deg,var(--bg-0),var(--bg-1));background-attachment:fixed}h1,h2,h3,h4,h5{font-family:var(--font-heading);margin:0}p{margin:0}button,input,select{font:inherit}.app-shell{flex-direction:column;gap:24px;width:min(1600px,100%);margin:0 auto;padding:40px 22px 48px;display:flex}.hero{border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(145deg,#131e38e0,#0b1225e0);border-radius:24px;padding:30px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#57d2ff40,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-120px}.hero h1{letter-spacing:.02em;margin-bottom:12px;font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1.05}.hero p{color:var(--muted);max-width:840px;line-height:1.55}.hero-eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;font-size:.85rem;font-weight:600}.panel-grid{grid-template-columns:340px 1fr;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.panel h2{letter-spacing:.03em;font-size:1.65rem}.panel-wide{background:var(--panel-strong);min-width:0}.muted-text{color:var(--muted);line-height:1.55}.input-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.text-input,.select-input{width:100%;color:var(--text);background:#080e1eb8;border:1px solid #8498c966;border-radius:12px;outline:none;padding:11px 12px}.text-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #57d2ff33}.primary-btn,.ghost-btn{width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.primary-btn{background:linear-gradient(125deg,var(--accent),#5bf2e5);color:#07111f;box-shadow:0 10px 22px #44ddff40}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #44ddff59}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{color:var(--text);background:0 0;border-color:#99b0e65c}.ghost-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.ovr-box{background:#08152ab3;border:1px solid #57d2ff59;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.ovr-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.ovr-box strong{font-size:2rem}.ovr-box-elite{border-color:var(--accent-2);background:linear-gradient(135deg,#08152acc,#f9cf4d1a);animation:2s ease-in-out infinite ovr-pulse;box-shadow:0 0 20px #f9cf4d26}@keyframes ovr-pulse{0%{box-shadow:0 0 15px #f9cf4d1a}50%{box-shadow:0 0 25px #f9cf4d40}to{box-shadow:0 0 15px #f9cf4d1a}}.analysis-rows{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analysis-rows div{background:#0e172bb8;border:1px solid #97a9d638;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.analysis-rows span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem}.analysis-rows strong{font-size:1.05rem}.role-list{flex-direction:column;gap:8px;display:flex}.role-item{border-bottom:1px dashed #96acde3b;justify-content:space-between;gap:12px;padding-bottom:7px;font-size:.92rem;display:flex}.status-ok{color:var(--ok)}.status-miss{color:var(--danger)}.synergy-list{flex-wrap:wrap;gap:8px;display:flex}.synergy-list span{color:var(--accent-2);background:#f9cf4d14;border:1px solid #f9cf4d5c;border-radius:999px;padding:6px 10px;font-size:.78rem}.panel-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.counter-pill{color:var(--muted);border:1px solid #8498c966;border-radius:999px;padding:6px 10px;font-size:.76rem}.squad-grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px;display:grid}.empty-slot{min-height:278px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#0b122399;border:1px dashed #96a9db59;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-slot-index{font-family:var(--font-heading);color:#adbfea80;font-size:2.5rem}.player-card{background:linear-gradient(160deg,#0d172de6,#080e1ce6);border:1px solid #94aada47;border-radius:16px;flex-direction:column;min-height:278px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.player-card:hover{border-color:#57d2ff99;transform:translateY(-3px)}.player-card-squad{border-color:#f9cf4d73}.player-card-top{z-index:2;justify-content:space-between;gap:10px;padding:12px;display:flex}.player-rating{font-family:var(--font-heading);font-size:1.6rem;line-height:1}.player-role{text-transform:uppercase;letter-spacing:.09em;flex-direction:column;gap:4px;font-size:.72rem;display:flex}.primary-role{color:var(--accent-2);align-items:center;gap:4px;display:flex}.secondary-role{color:var(--muted);background:#9ca9c926;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.65rem}.role-icon{object-fit:contain;filter:brightness(0)saturate()invert(80%)sepia(20%)saturate(2000%)hue-rotate(350deg)brightness()contrast();width:14px;height:14px}.role-icon-small{object-fit:contain;filter:brightness(0)saturate()invert(85%)sepia(5%)saturate(1000%)hue-rotate(200deg)brightness(90%)contrast(90%);width:12px;height:12px;margin-right:6px}.player-team-chip{color:var(--muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.player-image-wrap{background:radial-gradient(circle at bottom,#57d2ff29,#0000 62%);flex:1;justify-content:center;align-items:flex-end;display:flex}.player-image{object-fit:contain;filter:drop-shadow(0 12px 18px #00000080);width:auto;height:150px}.player-info{background:#09101eeb;border-top:1px solid #8ca1d240;flex-direction:column;gap:8px;padding:10px;display:flex}.player-name-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.player-name-row h3{font-size:1.05rem;line-height:1}.player-name-row p{color:var(--muted);margin-top:4px;font-size:.67rem}.player-flag{border:1px solid #ffffff59;border-radius:3px;width:24px;height:16px}.player-meta-row{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:.67rem;display:grid}.card-action-btn{background:linear-gradient(140deg,var(--accent-2),#ffd979);color:#251800;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:0;padding:9px 10px;font-size:.88rem}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.clear-btn{color:var(--danger);text-transform:uppercase;cursor:pointer;background:#ff7a881a;border:1px solid #ff7a884d;border-radius:8px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s}.clear-btn:hover{background:var(--danger);color:#fff}.quick-team-filter{border:1px solid var(--stroke);background:#080e1d66;border-radius:14px;flex-wrap:wrap;gap:12px;margin-bottom:4px;padding:12px;display:flex}.team-filter-item{background:#97a9d60d;border-radius:12px;align-items:center;gap:6px;padding:4px;transition:all .3s;display:flex}.team-filter-item:has(.active){background:#57d2ff1a}.load-team-btn{background:var(--accent);color:#07111f;height:36px;font-family:var(--font-heading);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:0 10px;font-size:.75rem;font-weight:700;animation:.2s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.team-filter-btn{cursor:pointer;background:#0e182e99;border:1px solid #8498c933;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px;transition:all .2s;display:flex}.team-filter-btn:hover{border-color:var(--accent);background:#57d2ff1a;transform:translateY(-2px)}.team-filter-btn.active{border-color:var(--accent);background:#57d2ff33;box-shadow:0 0 12px #57d2ff33}.team-filter-btn:first-of-type{font-family:var(--font-heading);letter-spacing:.05em;color:var(--muted);padding:0 12px;font-size:.8rem}.team-filter-btn.active:first-of-type{color:var(--accent)}.filters-row{grid-template-columns:1fr 140px;gap:12px;display:grid}.search-wrap{position:relative}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px;margin-top:12px;display:grid}.empty-pool{color:var(--muted);border:1px dashed #8ca1d266;border-radius:14px;padding:24px}.divider{background:linear-gradient(90deg,#0000,#96acdf80,#0000);width:100%;height:1px;margin:4px 0 2px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.mode-card{text-align:left;color:var(--text);cursor:pointer;background:#0b1425c2;border:1px solid #8fa4d659;border-radius:16px;padding:16px;transition:border-color .2s,transform .2s}.mode-card:hover{border-color:#57d2ffb3;transform:translateY(-2px)}.mode-card-selected{border-color:#57d2ffe6;box-shadow:0 0 0 2px #57d2ff3d}.mode-card h3{margin-bottom:6px;font-size:1.4rem}.mode-card p{color:var(--muted);line-height:1.5}.mode-details{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mode-details span{color:var(--muted);border:1px solid #8fa4d659;border-radius:999px;padding:4px 8px;font-size:.73rem}.notice-box{color:#f7df96;background:#f9cf4d1f;border:1px solid #f9cf4d66;border-radius:12px;padding:10px;font-size:.8rem;line-height:1.45}.champion-box{background:#1a432942;border:1px solid #6ae07f6b;border-radius:16px;padding:14px}.champion-box span{color:#aae7b6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}.champion-box div{align-items:center;gap:10px;display:flex}.champion-box strong{font-size:1.1rem}.log-box{background:#080e1dbf;border:1px solid #8fa4d647;border-radius:14px;max-height:230px;padding:12px;overflow-y:auto}.log-box h3{margin-bottom:8px;font-size:1rem}.log-box p{color:var(--muted);font-size:.76rem;line-height:1.45}.bracket-stack{flex-direction:column;gap:14px;display:flex}.bracket-section{flex-direction:column;gap:8px;display:flex}.bracket-section-title{letter-spacing:.03em;color:#e8efff;font-size:1.2rem}.bracket-board{background:linear-gradient(#0a101ed6,#070c18eb),repeating-linear-gradient(90deg,#8ca1d214 0 1px,#0000 1px 42px);border:1px solid #91a6d74d;border-radius:16px;margin-top:8px;padding:16px;position:relative;overflow:auto hidden}.bracket-stage{width:max-content;min-width:100%;position:relative}.bracket-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.bracket-lines line{stroke:#dfe7ff8c;stroke-width:2px;stroke-linecap:round}.bracket-lines line.external-feed{stroke:#5ce6ff9e;stroke-dasharray:6 5}.bracket-columns{z-index:2;grid-template-columns:repeat(var(--round-count,3),minmax(290px,1fr));min-width:var(--bracket-min-width,980px);gap:28px;display:grid;position:relative}.round-column{min-height:500px}.round-chip{letter-spacing:.01em;background:#2b313dad;border:1px solid #a8bbec52;border-radius:8px;align-items:center;min-height:34px;padding:0 12px;font-size:1.15rem;display:inline-flex}.round-matches{flex-direction:column;display:flex}.bracket-board-upper .round-depth-0 .round-matches{gap:18px;margin-top:14px}.bracket-board-upper .round-depth-1 .round-matches{gap:96px;margin-top:78px}.bracket-board-upper .round-depth-2 .round-matches{gap:18px;margin-top:206px}.bracket-board-middle .round-column{min-height:420px}.bracket-board-middle .round-depth-0 .round-matches{gap:16px;margin-top:14px}.bracket-board-middle .round-depth-1 .round-matches{gap:64px;margin-top:52px}.bracket-board-middle .round-depth-2 .round-matches{gap:64px;margin-top:138px}.bracket-board-middle .round-depth-3 .round-matches{gap:16px;margin-top:228px}.bracket-board-final .round-column{min-height:200px}.bracket-board-final .round-matches{gap:12px;margin-top:14px}.bracket-node{position:relative}.match-card{background:#101626e6;border:1px solid #8ca1d257;border-radius:10px;overflow:hidden}.match-card-bracket{box-shadow:0 6px 14px #0000003d}.match-team-line{border-bottom:1px solid #8296c633;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 10px;display:flex}.match-team-line:last-of-type{border-bottom:0}.match-team-label{color:#d4ddf6;align-items:center;gap:8px;font-size:.9rem;display:flex}.match-team-line-winner .match-team-label span{color:#fff;font-weight:700}.match-team-points{font-family:var(--font-heading);text-align:right;color:#d7e1ff;min-width:22px;font-size:1.25rem;line-height:1}.match-team-line-winner .match-team-points{color:var(--accent-2)}.match-meta{text-align:right;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#090e1acc;border-top:1px solid #8296c633;padding:5px 10px;font-size:.67rem}.match-series-meta{color:#aebde3;background:#080d17e6;border-top:1px solid #768ab82e;padding:4px 10px 8px;font-size:.63rem;line-height:1.4}.match-waiting{color:var(--muted);text-align:center;border:1px dashed #8fa4d659;border-radius:12px;padding:12px}.table-wrap{border:1px solid #91a6d74d;border-radius:14px;width:100%;overflow-x:auto}table{border-collapse:collapse;background:#080e1dd9;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #8ca1d233;padding:11px 10px;font-size:.86rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.table-team-cell{align-items:center;gap:8px;display:flex}.week-panel{background:#0a1122bf;border:1px solid #91a6d747;border-radius:16px;margin-top:14px;padding:12px}.week-panel h3{margin-bottom:10px}.week-match-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.team-mark{object-fit:contain;width:26px;height:26px}.team-mark-lg{border-radius:10px;width:36px;height:36px}.team-mark-fallback{font-family:var(--font-heading);color:var(--accent-2);justify-content:center;align-items:center;font-size:.67rem;display:flex}@media (max-width:1180px){.panel-grid,.filters-row,.mode-grid{grid-template-columns:1fr}}@media (max-width:900px){.bracket-lines{display:none}.bracket-columns{grid-template-columns:1fr;gap:14px;min-width:0}.round-column{min-height:auto}.round-depth-0 .round-matches,.round-depth-1 .round-matches,.round-depth-2 .round-matches,.round-depth-3 .round-matches{gap:10px;margin-top:12px}}@media (max-width:760px){.bracket-section-title{font-size:1rem}.bracket-board{padding:12px}.bracket-columns{gap:12px}.round-depth-0 .round-matches,.round-depth-1 .round-matches,.round-depth-2 .round-matches,.round-depth-3 .round-matches{gap:10px;margin-top:12px}}@media (max-width:640px){.app-shell{padding:18px 14px 24px}.hero{border-radius:18px;padding:20px}.panel{border-radius:16px;padding:14px}.analysis-rows,.pool-grid,.squad-grid{grid-template-columns:1fr}}.app-footer{border-top:1px solid var(--stroke);text-align:center;flex-direction:column;gap:12px;margin-top:40px;padding:30px 20px;display:flex}.app-footer p{color:var(--muted);max-width:800px;margin:0 auto;font-size:.75rem;line-height:1.6}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--stroke);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:20px;padding:40px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-input-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.auth-btn{margin-top:10px;padding:14px}.auth-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:.9rem}.auth-link-btn{color:var(--accent);cursor:pointer;font-family:var(--font-heading);background:0 0;border:none;margin-left:4px;padding:0;font-size:1rem;font-weight:700;text-decoration:underline}.auth-error{color:var(--danger);background:#ff7a881a;border:1px solid #ff7a884d;border-radius:8px;padding:12px;font-size:.85rem}