:root{--black: #000000;--white: #ffffff;--grass: #3e8948;--grass-dark: #2a5a34;--grass-light: #4fa85a;--red: #c0392b;--red-light: #e74c3c;--yellow: #f1c40f;--blue: #2980b9;--blue-light: #3498db;--gray: #7f8c8d;--gray-dark: #2c3e50;--gray-light: #bdc3c7;--purple: #8e44ad;--orange: #e67e22;--cyan: #1abc9c;--kh7-orange: #FE5000;--kh7-blue: #001489;--kh7-green: #44D62C;--kh7-lime: #FFCD00;--bg: #0a0a1a;--bg-panel: #1a1a2e;--bg-panel-2: #16213e;--bg-header: #0f3460;--text: #f5f5f5;--text-dim: #9aa0a6;--text-shadow: #000;--font-pixel: "Press Start 2P", "Courier New", monospace;--border: 3px solid var(--gray-dark);--border-light: 3px solid var(--gray-light);--border-white: 3px solid var(--white);--shadow-hard: 4px 4px 0 rgba(0, 0, 0, .6);--shadow-hard-sm: 2px 2px 0 rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-pixel);font-size:12px;line-height:1.6;image-rendering:pixelated;image-rendering:crisp-edges;overflow-x:hidden;-webkit-font-smoothing:none}canvas{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--gray-dark);border:2px solid var(--bg-panel)}::-webkit-scrollbar-thumb:hover{background:var(--gray)}.hidden{display:none!important}.text-dim{color:var(--text-dim)}.text-red{color:var(--red-light)}.text-yellow{color:var(--yellow)}.text-green{color:var(--grass-light)}.text-blue{color:var(--blue-light)}.text-center{text-align:center}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s steps(1) infinite}@keyframes pixel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pixel-in{animation:pixel-in .25s steps(4) both}.pixel-text{text-shadow:2px 2px 0 var(--text-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--gray-dark);color:var(--white);border:var(--border);font-family:var(--font-pixel);font-size:11px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform .05s steps(2),box-shadow .05s steps(2);-webkit-user-select:none;user-select:none;text-decoration:none}.btn:hover{background:var(--gray)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn-primary{background:var(--red);border-color:var(--red-light)}.btn-primary:hover{background:var(--red-light)}.btn-blue{background:var(--blue);border-color:var(--blue-light)}.btn-blue:hover{background:var(--blue-light)}.btn-green{background:var(--grass-dark);border-color:var(--grass)}.btn-green:hover{background:var(--grass)}.btn-yellow{background:var(--yellow);color:var(--black);border-color:#f5d76e}.btn-yellow:hover{background:#f5d76e}.btn-sm{padding:6px 10px;font-size:9px}.btn-block{width:100%}.panel{background:var(--bg-panel);border:var(--border);box-shadow:var(--shadow-hard);padding:16px;position:relative}.panel-title{font-size:12px;color:var(--yellow);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;text-shadow:2px 2px 0 var(--text-shadow);border-bottom:2px solid var(--gray-dark);padding-bottom:8px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:480px;border-collapse:collapse;font-size:10px}.table th{background:var(--bg-header);color:var(--yellow);padding:8px 6px;text-align:left;text-transform:uppercase;font-size:9px;border-bottom:2px solid var(--gray-dark);letter-spacing:.5px}.table td{padding:8px 6px;border-bottom:1px solid var(--gray-dark);color:var(--text)}.table tr:nth-child(2n) td{background:#ffffff08}.table tr:hover td{background:#ffffff0f}.table .num{text-align:center}.table .pos{text-align:center;font-weight:700;color:var(--yellow)}@media (max-width: 520px){.table{min-width:420px}.table th,.table td{padding:6px 4px}}.card{background:var(--bg-panel-2);border:var(--border);padding:12px;box-shadow:var(--shadow-hard-sm)}.card-title{font-size:10px;color:var(--blue-light);text-transform:uppercase;margin-bottom:8px}.badge{display:inline-block;padding:3px 8px;font-size:8px;text-transform:uppercase;border:2px solid var(--gray-dark);background:var(--gray-dark);color:var(--white)}.badge-green{background:var(--grass-dark);border-color:var(--grass)}.badge-red{background:var(--red);border-color:var(--red-light)}.badge-yellow{background:var(--yellow);border-color:#f5d76e;color:var(--black)}.badge-blue{background:var(--blue);border-color:var(--blue-light)}.badge-purple{background:var(--purple);border-color:#a569bd}.divider{height:2px;background:var(--gray-dark);margin:12px 0}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--gray-dark)}.timeline-item{position:relative;margin-bottom:14px}.timeline-item:before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;background:var(--yellow);border:2px solid var(--gray-dark)}.timeline-minute{font-size:9px;color:var(--yellow);margin-bottom:2px}.timeline-text{font-size:10px;color:var(--text)}.highlight-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 768px){.highlight-grid{grid-template-columns:1fr}}.highlight-card{display:flex;flex-direction:column;gap:6px}.highlight-head{display:flex;align-items:center;justify-content:space-between}.highlight-minute{font-size:10px;color:var(--yellow);font-weight:700}.highlight-title{font-size:11px;color:var(--text);font-weight:700}.highlight-desc{font-size:9px;color:var(--text-dim);line-height:1.5}.highlight-meta{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-dim)}.highlight-score{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:6px;border-top:1px solid var(--gray-dark);font-size:9px}.draw-screen{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.draw-screen .panel{min-width:0;overflow:hidden}.draw-name{max-width:100%}.draw-top{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.draw-wheel{flex:0 0 auto;display:flex;justify-content:center;margin:0 auto}.draw-side{flex:1 1 240px;display:flex;flex-direction:column;gap:12px;min-width:0}.draw-reveal{display:flex;flex-direction:column;gap:6px;align-items:stretch;justify-content:center;min-height:76px;background:var(--bg);border:3px solid #000;box-shadow:3px 3px #000;padding:10px}.draw-name{font-size:11px;color:var(--kh7-lime);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-dest{overflow-wrap:anywhere;font-size:9px;color:var(--text);line-height:1.6;margin-top:4px}.blink{animation:draw-blink .5s steps(2) infinite}@keyframes draw-blink{50%{opacity:.2}}.draw-progress{display:flex;gap:10px;align-items:center;font-size:9px}.draw-bar{flex:1;height:14px;background:#000;border:2px solid var(--gray-dark)}.draw-bar>div{height:100%;background:var(--kh7-orange);transition:width .2s steps(4)}.draw-actions{display:flex;flex-wrap:wrap;gap:8px}.draw-actions .btn:disabled{opacity:.4;cursor:not-allowed}.draw-meta{display:flex;flex-direction:column;gap:6px;font-size:8px;color:var(--text-dim)}.draw-input{font-family:inherit;font-size:9px;background:#000;color:var(--text);border:2px solid var(--gray-dark);padding:5px 6px}.draw-input:disabled{opacity:.6}.draw-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:12px}.draw-team{background:var(--bg-panel);border:3px solid #000;box-shadow:3px 3px #000;transition:transform .15s}.draw-team.is-hit{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--kh7-orange)}.draw-team-head{display:flex;justify-content:space-between;padding:6px 8px;font-size:9px;border-bottom:3px solid #000;text-shadow:none}.draw-team ul{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:3px}.draw-team li{display:flex;align-items:center;gap:6px;font-size:8px;min-height:22px}.draw-team li.empty{color:var(--gray-dark);justify-content:center}.draw-team li.is-new{background:#fe500040}.draw-team .nm,.draw-list .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.role{font-size:7px;padding:2px 3px;border:1px solid #000;flex:0 0 30px;text-align:center;color:#fff}.role-coach{background:var(--purple)}.role-gk{background:var(--kh7-lime);color:#000}.role-df{background:var(--kh7-blue)}.role-mf{background:var(--grass)}.role-fw{background:var(--kh7-orange)}.draw-chips{display:flex;flex-wrap:wrap;gap:6px}.draw-chip{font-size:8px;padding:4px 6px;background:var(--bg);border:2px solid var(--gray-dark)}.draw-hint{font-size:8px;color:var(--text-dim);line-height:1.6;margin-top:8px}.draw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:4px;max-height:360px;overflow-y:auto}.draw-list label{display:flex;align-items:center;gap:6px;font-size:8px;padding:3px;cursor:pointer}.draw-list label.off{opacity:.4;text-decoration:line-through}.draw-list .tm{margin-left:auto;color:var(--text-dim);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:repeating-linear-gradient(0deg,#2a5a34 0,#2a5a34 24px,#3e8948 24px,#3e8948 48px)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.login-logo{font-size:18px;color:var(--kh7-orange);text-shadow:3px 3px 0 #000;text-align:center}.login-sub{font-size:8px;color:var(--text-dim);text-align:center;margin-top:-6px}.login-tabs{display:flex;gap:8px;justify-content:center}.field{display:flex;flex-direction:column;gap:4px;font-size:8px;color:var(--text-dim)}.field input{width:100%}.login-error{font-size:8px;line-height:1.6;color:#fff;background:var(--red);border:2px solid #000;padding:6px 8px}.user-chip{display:flex;align-items:center;gap:8px;min-width:0}.user-name{font-size:8px;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 520px){.user-name{display:none}}.my-team{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:8px 0;border:3px solid #000;font-size:14px}.reveal-pop{animation:reveal-pop .5s steps(5) both}@keyframes reveal-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.confirm-box{font-size:8px;line-height:1.7;background:var(--bg);border:2px dashed var(--kh7-orange);padding:8px}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px}.role-card{font-family:inherit;color:var(--text);background:var(--bg);border:3px solid #000;box-shadow:3px 3px #000;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.role-card:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--kh7-orange)}.role-card.is-on{border-color:var(--kh7-lime);box-shadow:4px 4px 0 var(--kh7-orange);background:var(--bg-panel-2)}.role-card:disabled{opacity:.35;cursor:not-allowed}.role-ico{font-size:26px}.role-desc{font-size:7px;color:var(--text-dim);line-height:1.5;min-height:22px}.role-free{font-size:7px;color:var(--kh7-green)}.role-free.low{color:var(--kh7-orange)}.locker{display:flex;flex-direction:column;gap:16px}.locker-head{display:flex;align-items:center;gap:16px;padding:16px;border:3px solid #000}.locker-flag{font-size:44px;line-height:1}.locker-title{font-size:20px;text-shadow:2px 2px 0 rgba(0,0,0,.35);margin:4px 0}.locker-kicker{font-size:8px;opacity:.85}.locker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.locker-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center;font-size:10px}.player-card{display:flex;gap:12px;align-items:center;margin-bottom:12px}.player-name{font-size:12px;color:var(--kh7-lime);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta{display:flex;gap:8px;align-items:center;font-size:8px;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.stat-box{background:var(--bg);border:2px solid #000;box-shadow:2px 2px #000;padding:6px 4px;text-align:center}.stat-ico{font-size:14px}.stat-val{font-size:14px;color:var(--kh7-lime);margin:2px 0}.stat-lbl{font-size:6px;color:var(--text-dim);line-height:1.4}.pitch{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:3 / 4;background:repeating-linear-gradient(0deg,#2a5a34 0,#2a5a34 10%,#3e8948 10%,#3e8948 20%);border:3px solid #000;box-shadow:3px 3px #000}.pitch-lines{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid rgba(255,255,255,.6)}.pitch-lines:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.6)}.pitch-lines:after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:14%;border:2px solid rgba(255,255,255,.6);border-bottom:none}.spot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}.spot-dot{width:30px;height:30px;border:3px solid #000;display:flex;align-items:center;justify-content:center;font-size:8px;box-shadow:2px 2px #000}.spot-dot.free{background:#00000059;border-style:dashed;border-color:#ffffff80;box-shadow:none}.spot-dot.me{animation:me-pulse 1s steps(2) infinite}@keyframes me-pulse{50%{box-shadow:0 0 0 3px var(--kh7-lime),2px 2px #000}}.spot-lbl{font-size:6px;background:#000000b3;padding:1px 3px;color:#fff;white-space:nowrap}.spot.bench .spot-dot{width:22px;height:22px;font-size:6px}.bench-row{display:flex;align-items:center;gap:8px;font-size:8px;margin:10px 0}.role-fill{display:flex;flex-direction:column;gap:4px}.role-fill-row{display:flex;align-items:center;gap:8px;font-size:7px}.role-fill-row .draw-bar{height:10px}.fixtures{display:flex;flex-direction:column;gap:4px}.fixture{display:grid;grid-template-columns:28px 44px 1fr 22px 1.4fr auto;gap:6px;align-items:center;font-size:8px;padding:6px;background:var(--bg);border:2px solid #000}.fx-n{color:var(--kh7-orange)}.fx-ha,.fx-st{font-size:6px;color:var(--text-dim)}.fx-vs{color:var(--text-dim);text-align:center}.fx-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:12px}.admin-section{border-top:2px dashed var(--gray-dark);padding:10px 0;display:flex;flex-direction:column;gap:8px}.admin-step{font-size:9px;color:var(--kh7-orange)}.toggle{display:flex;align-items:center;gap:8px;font-size:8px;cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--kh7-orange)}.admin-ok{font-size:8px;background:var(--grass-dark);border:2px solid #000;padding:6px 8px;margin-top:8px}.admin-filters{display:flex;flex-wrap:wrap;gap:6px}.admin-table{display:flex;flex-direction:column;gap:3px;max-height:480px;overflow-y:auto}.admin-row{display:flex;align-items:center;gap:8px;font-size:8px;padding:4px;background:var(--bg);border:1px solid #000;flex-wrap:wrap}.admin-who{flex:1 1 160px;min-width:0}.admin-who .nm,.admin-who .em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-who .em{font-size:6px;color:var(--text-dim);margin-top:2px}.st{font-size:6px;padding:2px 4px;border:1px solid #000}.st-pending{background:var(--gray-dark)}.st-invited{background:var(--kh7-blue)}.st-active{background:var(--grass-dark)}.st-inactive{background:var(--red)}.code{font-size:8px;color:var(--kh7-lime);letter-spacing:1px}.admin-slot{font-size:7px;min-width:80px}.admin-acts{display:flex;gap:4px}.admin-acts .btn{padding:2px 6px}