:root{--bg: #0b1020;--panel: #141a2e;--panel-2: #1c2440;--text: #e8ecf6;--muted: #8b94ad;--accent: #3b82f6;--danger: #ef4444}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.screen{height:100%;display:flex;flex-direction:column;padding:16px;gap:14px}.setup{align-items:center;justify-content:flex-start;text-align:center;overflow-y:auto;padding-top:4vh}.logo{width:120px;height:120px;object-fit:contain}.logo-sm{width:38px;height:38px;object-fit:contain}.setup h1{font-size:44px;margin:6px 0 0;letter-spacing:-1px}.subtitle{color:var(--muted);margin:0 0 8px}.card{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;padding:20px;width:min(640px,92vw);text-align:left}.card label{display:block;font-weight:600;margin-bottom:10px}.row{display:flex;gap:10px;align-items:center}.hint{color:var(--muted);font-size:13px;margin:12px 0 0}select{flex:1;padding:14px;border-radius:10px;font-size:16px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.error{background:#ef444422;border:1px solid var(--danger);color:#ffd5d5;padding:12px 16px;border-radius:10px;width:min(640px,92vw)}button{cursor:pointer;font-family:inherit;border:none;border-radius:12px;color:#fff}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);padding:14px 22px;font-size:16px;font-weight:700}.danger{background:var(--danger);padding:14px 22px;font-size:16px;font-weight:700}.ghost{background:var(--panel-2);padding:12px 18px;border:1px solid #ffffff1f}.big{padding:22px 48px;font-size:22px;border-radius:16px}.topbar{display:flex;align-items:center;gap:14px}.clock{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;background:#000;padding:4px 18px;border-radius:12px;letter-spacing:1px}.clock.pre{color:#5b6680}.clock.paused{color:#f59e0b;animation:clockBlink 1s steps(1) infinite}@keyframes clockBlink{50%{opacity:.5}}.kickoff{animation:kickoffPulse 1.6s ease-in-out infinite}@keyframes kickoffPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.rec{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;flex:1}.scoreboard{display:flex;align-items:center;gap:5px;background:#000;padding:4px 8px;border-radius:10px}.sb-goal{min-width:26px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;text-shadow:0 1px 2px #0006}.sb-dash{color:var(--muted);font-weight:800}.sb-foul{font-size:11px;font-weight:800;background:#ffffff1a;padding:3px 6px;border-radius:6px;color:var(--muted)}.sb-foul.warn{background:var(--danger);color:#fff}.sb-cards{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.topbar .ghost.active{background:var(--accent);color:#fff}.excl-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:14;background:#dc2626;color:#fff;font-weight:800;padding:8px 18px;border-radius:999px;box-shadow:0 4px 16px #0008;font-variant-numeric:tabular-nums}.qual-row{display:flex;flex-wrap:wrap;gap:6px}.qual-chip{background:var(--panel-2);color:var(--text);border:1px solid #ffffff22;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px}.qual-chip.on{background:var(--accent);border-color:transparent}.dot{width:12px;height:12px;border-radius:50%;background:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.stage{position:relative;flex:1;min-height:0;background:#000;border-radius:14px;overflow:hidden}.video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.flash{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000c;padding:12px 24px;border-radius:999px;font-size:22px;font-weight:800}.novideo{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text);font-size:26px;font-weight:800}.novideo small{font-size:14px;font-weight:500;color:var(--muted)}.replay-toast{position:absolute;bottom:16px;right:16px;z-index:15;background:var(--accent);color:#fff;font-weight:800;font-size:16px;padding:14px 20px;border-radius:999px;box-shadow:0 6px 20px #0008;animation:fadein .2s}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.live-body{flex:1;min-height:0;display:flex;gap:0}.live-body.pos-bottom{flex-direction:column}.live-body.pos-right{flex-direction:row}.live-body.pos-left{flex-direction:row-reverse}.live-body .stage{min-height:0;min-width:0}.live-panel{min-height:0;min-width:0;overflow:auto}.divider{flex:0 0 12px;background:transparent;position:relative;touch-action:none}.live-body.pos-bottom .divider{cursor:row-resize}.live-body.pos-right .divider,.live-body.pos-left .divider{cursor:col-resize}.divider:after{content:"";position:absolute;background:#fff2;border-radius:999px}.live-body.pos-bottom .divider:after{left:50%;top:4px;transform:translate(-50%);width:60px;height:4px}.live-body.pos-right .divider:after,.live-body.pos-left .divider:after{top:50%;left:4px;transform:translateY(-50%);width:4px;height:60px}.divider:hover:after{background:var(--accent)}.pickbar{background:var(--panel);border:2px solid #ffffff22;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.pickbar-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pickbar-cat{padding:4px 12px;border-radius:999px;font-weight:800;text-shadow:0 1px 2px #0006}.pickbar-time{font-weight:700;color:var(--text)}.pickbar-head .ghost{margin-left:auto}.pickbar-body{display:grid;grid-template-columns:460px 1fr;gap:16px;align-items:start}.pickbar-court{display:flex;flex-direction:column;gap:4px}.pickbar-court .court{max-width:460px}.pickbar-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pickbar-col{display:flex;flex-direction:column;gap:8px}.pickbar-col .picker-players{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.pickbar-col .pp{padding:14px 10px}@media (max-width: 820px){.pickbar-body{grid-template-columns:1fr}.pickbar-court .court{max-width:min(100%,440px);align-self:center}}.pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 8px;border-radius:16px;min-height:92px;transition:transform .05s;text-shadow:0 1px 2px #0006}.pad:active{transform:scale(.95)}.pad-name{font-size:19px;font-weight:800}.pad-sub{font-size:12px;opacity:.9}.pads-wrap{display:flex;flex-direction:column;gap:10px}.pad-tabs{display:flex;gap:6px;flex-wrap:wrap}.pad-tab{background:var(--panel-2);color:var(--muted);border:1px solid #ffffff1f;padding:8px 16px;border-radius:999px;font-weight:800;font-size:15px}.pad-tab.on{background:var(--accent);color:#fff;border-color:transparent}.pad.size-L{grid-column:span 2}.pad.size-S{min-height:64px}.pad.size-S .pad-name{font-size:16px}.cat-group{width:92px;padding:8px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.pad-key{position:absolute;top:6px;left:8px;background:#00000040;color:#fff;font-size:12px;font-weight:800;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center}.pad{position:relative}.pads.arranging .pad{touch-action:none}.pad.drag{cursor:grab;outline:2px dashed #ffffff66;outline-offset:-4px}.pad.dragging{opacity:.6;transform:scale(1.05);box-shadow:0 8px 24px #000a;z-index:5}.arrange-hint{background:#3b82f622;border:1px solid #3b82f655;border-radius:8px;padding:8px 10px;margin:0 0 10px}.kbd-hint{font-size:11px;color:var(--muted);font-weight:500;margin-left:10px}.review h2{margin:0;flex:1}.review-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;flex:1;min-height:0}.player{background:#000;border-radius:14px;overflow:hidden;position:relative}.tele-wrap{position:relative;display:flex}.tele-wrap .video{width:100%}.tele-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;touch-action:none}.tele-bar{position:absolute;top:8px;right:8px;z-index:6;display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:#000b;padding:6px;border-radius:10px;max-width:95%}.tele-btn{background:#ffffff1f;color:#fff;border-radius:8px;padding:6px 9px;font-size:14px;font-weight:700;min-width:32px}.tele-btn.active{background:var(--accent)}.tele-color{width:22px;height:22px;border-radius:50%;border:2px solid #ffffff55}.tele-color.active{border-color:#fff;box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.tele-sep{width:1px;height:22px;background:#fff3;margin:0 2px}.speed-bar{display:flex;gap:4px}.fb-text{width:100%;padding:12px;border-radius:10px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f;font-family:inherit;font-size:15px;resize:vertical}.picker.help{max-width:640px;text-align:left}.help-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.4}.help-list li{padding-left:2px}.help-list b{color:#fff}.player>.speed-bar{position:absolute;top:8px;left:8px;z-index:6;background:#000b;padding:6px;border-radius:10px}.processing{color:var(--muted);display:flex;height:100%;align-items:center;justify-content:center}.clips{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.clip-group{background:var(--panel);border-radius:12px;padding:12px}.clip-group-title{font-weight:800;display:flex;align-items:center;gap:8px;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid}.swatch{width:14px;height:14px;border-radius:4px}.clip-item{display:flex;gap:8px;margin-top:6px}.clip-play{flex:1;text-align:left;background:var(--panel-2);padding:12px;font-size:15px}.clip-del{background:#ffffff14;width:44px}.clip-exp{background:#2563eb;width:44px}.clip-star{background:#ffffff14;width:44px;color:#ffd23f;font-size:17px}.clip-star.on,.pill.star{background:#ffd23f;color:#1a1500}.star-toggle.on{background:#ffd23f!important;color:#1a1500!important}.destaque-group{border:1px solid #ffd23f55}.mini-btn{background:#ffd23f;color:#1a1500;border-radius:8px;padding:2px 10px;font-weight:800;margin-left:auto}.pill{background:#fff2;padding:1px 7px;border-radius:999px;font-size:11px;margin-left:6px}.who{padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-left:8px;text-shadow:0 1px 1px #0006}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.picker{background:var(--panel);border:1px solid #ffffff22;border-radius:16px;padding:18px;width:min(720px,94%);max-height:92%;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.picker.wide{width:min(900px,96%)}.picker-head{font-size:18px;font-weight:800}.picker-teams{display:grid;grid-template-columns:1fr 1fr;gap:16px}.picker-col{display:flex;flex-direction:column;gap:8px}.team-tag{padding:10px;border-radius:10px;font-weight:800;text-shadow:0 1px 2px #0006;text-align:center}.picker-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pp{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--panel-2);border:2px solid;color:var(--text)}.pp:active{transform:scale(.96)}.pp.sel{outline:3px solid #fff}.pp:disabled{opacity:.35}.pp-num{min-width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-shadow:0 1px 2px #0006}.pp-name{font-size:14px;text-align:left;flex:1}.pp-time{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;background:#0003;padding:2px 7px;border-radius:6px}.sub-block{display:flex;flex-direction:column;gap:6px}.sub-label{font-size:12px;color:var(--muted);margin-top:6px}.court{width:100%;height:auto;display:block;border-radius:12px}.court-int{cursor:crosshair;touch-action:manipulation}.picker-court{display:flex;flex-direction:column;gap:6px;align-items:center}.picker-court .court{max-width:460px}.goalmouth{width:100%;max-width:300px;height:auto;display:block;border-radius:10px}.gm-int{cursor:crosshair;touch-action:none}.goal-pick{display:flex;flex-direction:column;gap:4px;margin-top:10px;align-items:flex-start}.group-court{margin-top:10px}.group-court .court{max-width:100%}.seg{display:inline-flex;gap:2px;background:var(--panel-2);border:1px solid #ffffff1f;border-radius:10px;padding:3px;flex-wrap:wrap}.seg button{background:transparent;border:0;color:var(--text);padding:8px 12px;border-radius:8px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:var(--accent);color:#fff;font-weight:700}.review-seg{margin:0 4px}.seg .swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.review-grid.baliza-mode{grid-template-columns:1fr;grid-auto-rows:min-content}.review-grid.baliza-mode .player,.review-grid.baliza-mode .player .video{max-height:42vh}.shotmap-col{overflow-y:auto}.shotmap{display:flex;flex-direction:column;gap:14px}.shotmap.empty{padding:20px}.shotmap-filters{display:flex;flex-direction:column;gap:10px}.shotmap .chips{display:flex;gap:8px;flex-wrap:wrap}.shotmap .chip{border:1.5px solid;background:transparent;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.shotmap .chip.on{color:#0b1020}.shotmap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shotmap-stats .stat{background:var(--panel-2);border:1px solid #ffffff14;border-radius:10px;padding:10px;text-align:center}.shotmap-stats .v{display:block;font-size:22px;font-weight:800}.shotmap-stats .k{display:block;font-size:11px;color:#93a0bd;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.sm-viewtoggle{display:flex;justify-content:flex-end}.shotmap-scene{perspective:1200px;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0 30px;background:var(--panel-2);border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.scene-goal{width:56%;max-width:360px;position:relative;z-index:3;filter:drop-shadow(0 8px 16px #0008)}.scene-court{width:92%;transform:rotateX(54deg) scale(1.02);transform-origin:top center;margin-top:-6px}.scene-court .court{max-width:100%}.shotmap-views{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 1100px){.shotmap-views{grid-template-columns:1.3fr 1fr}}.shotmap-panel{background:var(--panel-2);border:1px solid #ffffff14;border-radius:12px;padding:12px}.shotmap-panel-title{font-size:12px;color:#93a0bd;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.shotmap-panel .goalmouth,.shotmap-panel .court{max-width:100%}.shotmap-list{display:flex;flex-direction:column;gap:4px}.shotmap-row{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;text-align:left}.shotmap-row:hover{border-color:var(--accent)}.shotmap-row .dot{width:10px;height:10px;border-radius:50%}.shotmap-row .lbl{font-size:13px}.shotmap-row .who{font-size:11px;padding:2px 7px;border-radius:6px;color:#fff;font-weight:700}.shotmap-row .grow{flex:1}.shotmap-row .play{color:var(--accent)}.overview,.rhythm{display:flex;flex-direction:column;gap:14px}.overview.empty,.rhythm.empty{padding:20px}.ov-autosummary{align-self:center;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;font-weight:800;font-size:15px;padding:12px 22px;border-radius:12px;border:0;display:inline-flex;align-items:center;gap:10px}.ov-autosummary .ov-as-count{background:#ffffff2e;border-radius:999px;padding:2px 10px;font-size:13px}.reel-strip{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.reel-chip{width:30px;height:30px;border-radius:8px;background:var(--panel-2);border:1px solid #ffffff1f;color:var(--text);font-weight:700}.reel-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.picker.reel{max-width:860px}.ov-card{background:var(--panel-2);border:1px solid #ffffff14;border-radius:12px;padding:14px}.ov-toolbar{display:flex;justify-content:flex-end}.ov-edit-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ov-edit-bar .chip{border:1px solid #ffffff2a;background:var(--panel);border-radius:999px;padding:6px 12px;color:var(--text);font-size:13px}.ov-edit-bar .chip.off{opacity:.5}.ov-widget-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ov-grip{cursor:grab;touch-action:none;color:#93a0bd;font-size:18px;padding:0 4px}.ov-widget.editing{outline:1px dashed #ffffff2e;outline-offset:-3px}.ov-widget.dragging{opacity:.6;box-shadow:0 8px 24px #000a}.ov-widget.is-hidden{opacity:.45}.ov-hidebtn{background:var(--panel);border:1px solid #ffffff1f;color:var(--text);border-radius:8px;padding:4px 10px;font-size:12px}.ov-card-title{font-size:12px;color:#93a0bd;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.ov-score{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px}.ov-score .ov-team{font-weight:800;font-size:16px;max-width:32%}.ov-score .ov-num{font-size:34px;font-weight:900}.ov-score .ov-sep{color:#93a0bd}.ov-wave{width:100%;height:92px;display:block}.ov-wave-legend{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:4px}.ov-compare{display:flex;flex-direction:column;gap:10px}.ov-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.ov-row .ov-v{font-weight:800;font-size:16px}.ov-row .ov-v.left{text-align:right}.ov-bars{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.ov-bar-l,.ov-bar-r{height:12px;background:#ffffff10;border-radius:6px;overflow:hidden}.ov-bar-l{display:flex;justify-content:flex-end}.ov-bar-l>div,.ov-bar-r>div{height:100%;border-radius:6px}.ov-k{font-size:11px;color:#c2cce0;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ov-scorers{display:flex;flex-direction:column;gap:6px}.ov-scorer{display:flex;align-items:center;gap:8px;font-size:14px}.ov-scorer .ov-goals{margin-left:auto;color:#93a0bd;font-weight:700}.ov-scorer .swatch,.rh-leg .swatch,.ov-wave-legend .swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.rh-legend{display:flex;flex-wrap:wrap;gap:12px}.rh-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#c2cce0}.rh-track{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin-bottom:8px}.rh-part{font-size:12px;color:#c2cce0}.rh-bar{position:relative;height:26px;background:#ffffff0d;border-radius:6px}.rh-tick{position:absolute;top:3px;width:4px;height:20px;border-radius:2px;transform:translate(-2px)}.rh-bars{display:flex;flex-direction:column;gap:8px}.rh-grow{display:grid;grid-template-columns:130px 1fr 78px;align-items:center;gap:8px}.rh-glabel{font-size:12px;color:#c2cce0}.rh-gbar{height:14px;background:#ffffff10;border-radius:7px;overflow:hidden}.rh-gbar>div{height:100%;border-radius:7px}.rh-gval{font-size:12px;color:#93a0bd;text-align:right}.comp-input{width:100%}.screen.hub{display:flex;flex-direction:column;gap:16px;padding:18px 22px;max-width:1200px;margin:0 auto;width:100%}.hub-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hub-title{display:flex;align-items:center;gap:12px}.hub-title h1{font-size:26px;margin:0}.hub-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hub-search{flex:1;min-width:220px}.hub-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;gap:10px;align-items:center}.hub-list{display:flex;flex-direction:column;gap:16px}.hub-comp{background:var(--panel);border:1px solid #ffffff10;border-radius:12px;overflow:hidden}.hub-comp-title{background:var(--panel-2);padding:10px 14px;font-weight:700;font-size:14px;border-bottom:1px solid #ffffff10}.hub-row{display:flex;align-items:stretch;border-bottom:1px solid #ffffff0d}.hub-row:last-child{border-bottom:0}.hub-open{flex:1;display:grid;grid-template-columns:48px 1fr auto 1fr 44px 110px;align-items:center;gap:12px;padding:12px 14px;text-align:left;background:transparent;border:0;color:var(--text)}.hub-open:hover{background:#ffffff08}.hub-date{color:#93a0bd;font-size:13px}.hub-team{display:flex;align-items:center;gap:8px;font-weight:600}.hub-team.home{justify-content:flex-end;text-align:right}.hub-team.away{justify-content:flex-start}.hub-team .swatch{width:12px;height:12px;border-radius:3px;flex:none}.hub-score{font-weight:800;font-size:16px;min-width:56px;text-align:center}.hub-badge{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:#ffffff14;color:#c2cce0;text-align:center}.hub-badge.live{background:#ef444433;color:#fca5a5}.hub-badge.finished{background:#22c55e22;color:#86efac}.hub-moments{color:#93a0bd;font-size:12px;text-align:right}.hub-del{background:transparent;border:0;color:#6b7689;padding:0 16px;font-size:16px}.hub-del:hover{color:#ef4444}@media (max-width: 720px){.hub-open{grid-template-columns:40px 1fr auto 1fr}.hub-badge,.hub-moments{display:none}}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-col{display:flex;flex-direction:column;gap:8px}.team-head{display:flex;align-items:center;gap:8px}.team-head input[type=color]{width:38px;height:38px;padding:0;border:none;background:none;border-radius:8px}.oc-count{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.players{display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow-y:auto}.player-row{display:flex;align-items:center;gap:6px}.player-row.on{background:#ffffff0f;border-radius:8px}.oc-toggle{width:34px;height:34px;border-radius:8px;border:2px solid;font-weight:800;color:#fff}.p-number{width:56px;padding:8px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f;text-align:center}.p-name{flex:1;padding:8px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.cat-editor{margin-top:14px;border-top:1px solid #ffffff1f;padding-top:14px}.cat-editor-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.cat-rows{display:flex;flex-direction:column;gap:8px;max-height:38vh;overflow-y:auto}.cat-row{display:flex;align-items:center;gap:8px}.cat-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:18px;color:var(--muted);padding:0 4px}.cat-row.dragging{background:var(--accent);border-radius:8px;opacity:.95}.cat-key{min-width:20px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:6px;font-size:12px;font-weight:800;color:var(--muted)}.cat-move{display:flex;flex-direction:column;gap:2px}.cat-move button{background:#ffffff14;color:#fff;width:26px;height:17px;border-radius:5px;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center}.cat-move button:disabled{opacity:.3}.cat-row input[type=color]{width:40px;height:40px;padding:0;border:none;background:none;border-radius:8px}.cat-name{flex:1;padding:10px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.sec{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.sec input{width:54px;padding:8px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.sec select{padding:7px;border-radius:8px;background:var(--panel-2);color:var(--text);border:1px solid #ffffff1f}.cat-del{background:#ffffff14;width:40px;height:40px}.exporting{background:var(--panel);border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px}.bar{height:8px;background:#ffffff1f;border-radius:999px;margin-top:8px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);transition:width .2s}@media (max-width: 820px){.review-grid{grid-template-columns:1fr}.pads{grid-template-columns:repeat(3,1fr)}}