:root{--bg-0:#07111f;--bg-1:#081a2e;--panel:rgba(10,23,41,0.86);--panel-2:rgba(18,35,58,0.92);--line:rgba(137,180,234,0.18);--text:#f2f6fb;--muted:rgba(242,246,251,0.68);--blue:#5ca6ff;--blue-strong:#5094ea;--red:#ff7972;--red-strong:#f46b64;--green:#39c490;--danger:#e85656}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;background:#050c16;color:var(--text);font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;overflow:hidden}button,input{font:inherit}.page-shell{position:relative;height:100dvh;min-height:100dvh;padding:12px;background:radial-gradient(1000px 500px at 15% -10%,rgba(74,144,255,.18),transparent 60%),radial-gradient(700px 420px at 90% 25%,rgba(54,217,166,.12),transparent 60%),linear-gradient(135deg,var(--bg-1),var(--bg-0) 45%,#071828 100%);display:grid;grid-template-rows:auto 1fr auto;grid-gap:10px;gap:10px;overflow:hidden}.ambient{position:absolute;border-radius:999px;pointer-events:none;filter:blur(14px);opacity:.28}.ambient-a{width:180px;height:180px;left:-40px;top:30px;background:#3a8cff}.ambient-b{width:160px;height:160px;right:-30px;top:120px;background:#2ad2a1}.ambient-c{width:220px;height:220px;right:90px;bottom:-80px;background:#ff6f6f;opacity:.12}.top-bar{position:relative;z-index:1;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:22px;background:linear-gradient(90deg,rgba(9,24,42,.95),rgba(7,21,37,.92));border:1px solid rgba(87,128,178,.26)}.brand,.top-bar{display:flex;align-items:center}.brand{gap:10px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#4a8dff,#39d2b3);box-shadow:0 6px 20px rgba(57,210,179,.22)}.brand-title{font-weight:800;font-size:1.3rem;line-height:1.05;white-space:nowrap}.brand-subtitle{color:var(--muted);font-size:.78rem;white-space:nowrap}.header-actions{display:flex;gap:8px}.chip{height:40px;min-width:52px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text);font-weight:700;cursor:pointer}.chip.active{border-color:rgba(74,141,255,.45);background:rgba(74,141,255,.1)}.board-grid{z-index:1;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.board-grid,.team-card{position:relative;display:grid;min-height:0}.team-card{grid-template-columns:1fr 72px;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:10px 10px;gap:10px 10px;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(9,24,42,.94),rgba(8,20,36,.9));overflow:hidden}.team-card.a{border-color:rgba(92,166,255,.34)}.team-card.b{border-color:rgba(255,121,114,.3)}.team-card.on-stage.a{border-width:2px;border-color:rgba(92,166,255,.95);box-shadow:inset 0 0 0 1px rgba(92,166,255,.18),0 12px 28px rgba(59,123,227,.14);background:linear-gradient(90deg,rgba(9,24,42,.98),rgba(80,148,234,.11))}.team-card.on-stage.b{border-width:2px;border-color:rgba(255,121,114,.9);box-shadow:inset 0 0 0 1px rgba(255,121,114,.12),0 12px 28px rgba(214,88,88,.12);background:linear-gradient(90deg,rgba(9,24,42,.98),rgba(244,107,100,.1))}.team-card.on-stage:before{content:"";position:absolute;left:-12%;top:-18%;width:76%;height:76%;border-radius:999px;filter:blur(24px);pointer-events:none;opacity:.2;animation:stagePulse 2.4s ease-in-out infinite}.team-card.on-stage.a:before{background:radial-gradient(circle,rgba(92,166,255,.58) 0,rgba(92,166,255,0) 68%)}.team-card.on-stage.b:before{background:radial-gradient(circle,rgba(255,121,114,.52) 0,rgba(255,121,114,0) 68%)}.stage-top-strip{position:absolute;top:0;right:12px;min-width:72px;height:22px;padding:0 10px;border-radius:0 0 10px 10px;display:grid;place-items:center;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.04em;z-index:2;box-shadow:0 8px 14px rgba(0,0,0,.18)}.team-card.a .stage-top-strip{background:linear-gradient(180deg,rgba(92,166,255,.95),rgba(64,129,214,.94))}.team-card.b .stage-top-strip{background:linear-gradient(180deg,rgba(255,121,114,.96),rgba(225,88,82,.94))}.team-header{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0}.team-mark{width:12px;height:46px;border-radius:8px;background:var(--blue)}.team-card.b .team-mark{background:var(--red)}.team-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.team-name-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;min-width:0}.team-name{font-size:2rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-edit{color:rgba(255,255,255,.48);font-size:.9rem}.stage-badge{font-size:.95rem;font-weight:800;color:var(--blue);border:1px solid rgba(92,166,255,.5);background:rgba(92,166,255,.12);padding:5px 10px;border-radius:999px;white-space:nowrap}.team-card.b .stage-badge{color:var(--red);border-color:rgba(255,121,114,.45);background:rgba(255,121,114,.1)}.team-card.on-stage .team-mark{box-shadow:0 0 0 2px rgba(255,255,255,.05),0 0 18px rgba(255,255,255,.15)}.level-panel{grid-column:1/2;grid-row:2/3;min-height:150px;border-radius:20px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(18,36,58,.9);display:grid;grid-template-rows:auto 1fr}.level-panel.active{border-color:rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.14)}.team-card.a .level-panel.active{background:linear-gradient(180deg,rgba(29,62,103,.92),rgba(17,36,58,.96))}.team-card.b .level-panel.active{background:linear-gradient(180deg,rgba(82,39,48,.88),rgba(26,24,38,.95))}.level-label{color:var(--muted);font-size:.9rem;font-weight:600}.level-value{display:flex;align-items:center;justify-content:center;line-height:1;font-weight:800;color:#fff}.level-value.senior .level-main{font-size:clamp(6.2rem,22vh,10rem)}.level-main{font-size:clamp(5rem,17vh,8.2rem)}.level-sub{font-size:clamp(1.9rem,6vh,3rem);margin-left:2px;align-self:flex-start;transform:translateY(.95em)}.level-side-actions{grid-column:2/3;grid-row:2/3;display:grid;grid-template-rows:1fr 1fr;grid-gap:10px;gap:10px;min-height:0}.icon-action{border:0;border-radius:18px;color:#fff;font-size:1.8rem;font-weight:800;cursor:pointer;transition:transform .08s ease;line-height:1;padding:0;display:grid;place-items:center;width:100%;height:100%}.icon-action:active{transform:scale(.98)}.team-card.a .icon-action.up{background:var(--blue-strong)}.team-card.b .icon-action.up{background:var(--red-strong)}.icon-action.down{background:#334256}.wins-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(18,34,53,.9)}.wins-label{color:rgba(255,255,255,.88);font-size:.95rem;font-weight:700}.wins-controls{display:flex;align-items:center;gap:8px}.wins-btn{width:38px;height:38px;border-radius:12px;border:0;background:#2b3f57;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer}.wins-value{width:28px;text-align:center;font-size:1.5rem;font-weight:800}.bottom-bar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:10px;border-radius:20px;border:1px solid rgba(87,128,178,.22);background:rgba(8,20,34,.88)}.danger-btn,.primary-btn{border:0;color:white;cursor:pointer;border-radius:16px;min-height:52px;font-weight:800}.danger-btn{width:110px;background:var(--danger);display:grid;place-items:center;line-height:1.05}.danger-btn small{font-size:.74rem;opacity:.94;font-weight:700}.primary-btn{padding:0 18px;background:var(--green);font-size:1.25rem}.disabled-pill,.primary-btn{margin-left:auto;min-width:180px}.disabled-pill{min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.03);padding:0 12px;text-align:center}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9;background:rgba(20,30,43,.94);border:1px solid rgba(255,255,255,.14);color:#fff;padding:10px 14px;border-radius:12px;font-size:.92rem;white-space:nowrap;max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis}@keyframes stagePulse{0%,to{transform:scale(.98);opacity:.17}50%{transform:scale(1.03);opacity:.28}}@media (max-width:980px){.brand-title{font-size:1.05rem}.brand-subtitle{display:none}.team-name{font-size:1.35rem}.board-grid{gap:8px}.team-card{padding:10px;grid-template-columns:1fr 62px;gap:8px}.team-mark{width:10px;height:34px}.stage-badge{font-size:.78rem;padding:4px 8px}.stage-top-strip{right:10px;height:20px;min-width:60px;font-size:.68rem}.level-panel{min-height:118px;border-radius:16px;padding:8px 10px}.level-main{font-size:clamp(3.8rem,12vh,5.8rem)}.level-value.senior .level-main{font-size:clamp(4.4rem,14vh,6.4rem)}.level-sub{font-size:clamp(1.4rem,4.2vh,1.95rem)}.icon-action{border-radius:14px;font-size:1.45rem}.wins-row{min-height:46px;padding:6px 8px}.wins-label{font-size:.82rem}.wins-btn{width:34px;height:34px;font-size:1.2rem}.wins-value{font-size:1.25rem}.top-bar{padding:10px 12px;border-radius:18px}.chip{height:36px;min-width:48px;border-radius:12px;padding:0 10px}.bottom-bar{padding:8px;border-radius:18px}.danger-btn{width:92px;min-height:46px}.disabled-pill,.primary-btn{min-width:148px;min-height:46px;font-size:1rem}}@media (max-width:760px) and (orientation:portrait){.page-shell{padding:8px;gap:8px}.board-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}.team-card{min-height:0}}@media (max-width:900px) and (orientation:landscape){body,html{overflow:hidden}.page-shell{height:100dvh;min-height:100dvh;padding:6px;gap:6px;grid-template-rows:auto minmax(0,1fr) auto}.top-bar{padding:6px 8px;border-radius:14px;gap:8px}.brand-mark{width:26px;height:26px;border-radius:8px;font-size:.95rem}.brand-title{font-size:.9rem}.brand-subtitle{display:none}.header-actions{gap:6px}.chip{height:30px;min-width:38px;padding:0 8px;border-radius:10px;font-size:.82rem}.board-grid{grid-template-columns:1fr 1fr;gap:6px;min-height:0}.team-card{grid-template-columns:1fr 50px;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:7px;border-radius:15px;min-height:0}.team-header{gap:6px}.team-mark{width:8px;height:22px;border-radius:6px}.team-title-wrap{gap:6px}.team-name{font-size:1.1rem}.team-edit{font-size:.72rem}.stage-badge{font-size:.62rem;padding:2px 6px}.stage-top-strip{right:8px;min-width:50px;height:16px;font-size:.55rem;border-radius:0 0 8px 8px;padding:0 6px}.level-panel{min-height:0;height:100%;padding:5px 7px;border-radius:12px}.level-label{font-size:.66rem}.level-main{font-size:clamp(4.1rem,21vh,6.4rem)}.level-value.senior .level-main{font-size:clamp(4.8rem,25vh,7.2rem)}.level-sub{font-size:clamp(1.5rem,7.2vh,2.25rem)}.level-side-actions{gap:6px}.icon-action{font-size:1rem;border-radius:10px}.wins-row{min-height:30px;padding:3px 5px;border-radius:10px;gap:6px}.wins-label{font-size:.62rem}.wins-btn{width:24px;height:24px;border-radius:8px;font-size:.9rem}.wins-value{font-size:.95rem;width:18px}.bottom-bar{padding:5px;border-radius:14px;gap:6px}.danger-btn{width:72px;min-height:34px;border-radius:12px;font-size:.78rem}.danger-btn small{font-size:.55rem}.disabled-pill,.primary-btn{min-width:120px;min-height:34px;border-radius:12px;font-size:.82rem;padding:0 10px}}