:root{--grass: #2e7d32;--grass-dark: #1b5e20;--line: #f5f5f5;--accent: #c9a227;--bg: #0e1726;--card-bg: #16223a;--text: #eaf0fb;--muted: #9fb0c9}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1b2a47,var(--bg));color:var(--text)}.app{max-width:1100px;margin:0 auto;padding:24px 16px 64px}header h1{margin:0 0 4px;font-size:1.9rem}.sub{margin:0 0 20px;color:var(--muted);font-size:.95rem}.error{background:#4a1d1d;border:1px solid #7a2e2e;color:#ffd7d7;padding:10px 14px;border-radius:8px;margin-bottom:16px}.court-wrap{margin:8px 0 16px}.court{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;background:repeating-linear-gradient(90deg,var(--grass),var(--grass) 40px,var(--grass-dark) 40px,var(--grass-dark) 80px);border:3px solid var(--line);border-radius:10px;padding:18px;min-height:320px;box-shadow:0 12px 40px #00000073}.slot{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(245,245,245,.5);border-radius:8px;margin:6px;transition:background .15s,border-color .15s,transform .15s}.slot.empty .slot-hint{color:#ffffffd9;font-weight:600;letter-spacing:.03em}.slot.over{background:#c9a22740;border-color:var(--accent)}.slot.filled{border-style:solid;border-color:#fffc;background:#0000002e}.slot.winner{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 0 30px #c9a22799}.slot.loser{opacity:.78}.net{width:6px;background:linear-gradient(180deg,#fff,#cfd8dc);position:relative;align-self:stretch;border-radius:3px;display:flex;align-items:center;justify-content:center;z-index:5}.net-label{position:absolute;z-index:5;background:var(--bg);color:var(--accent);font-weight:800;padding:6px 10px;border-radius:999px;border:2px solid var(--accent);font-size:.85rem}.seated{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;cursor:pointer;width:100%}.seated-photo,.photo.seated-photo{width:120px;height:120px}.seated-name{font-weight:700;margin-top:8px}.crown{margin-top:6px;color:var(--accent);font-weight:700;font-size:.9rem;min-height:1.25em;line-height:1.25em}.crown-empty{visibility:hidden}.prob{margin-top:10px;display:flex;align-items:center;gap:8px;justify-content:center}.prob-bar{width:130px;height:10px;background:#fff3;border-radius:6px;overflow:hidden}.prob-fill{height:100%;background:var(--accent);transition:width .9s cubic-bezier(.22,1,.36,1)}.prob-pct{font-variant-numeric:tabular-nums;font-weight:700;min-width:48px}.photo{width:84px;height:84px;object-fit:cover;object-position:50% 20%;border-radius:50%;background:#0b1120;border:2px solid rgba(255,255,255,.25)}.photo.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);background:linear-gradient(135deg,#2a3a5e,#16223a)}.initials{font-weight:800;font-size:1.4rem;line-height:1}.ph-country{font-size:.65rem;color:var(--muted);margin-top:2px}.actions{display:flex;justify-content:center;margin:4px 0 22px}.reset{background:transparent;color:var(--text);border:1px solid var(--muted);padding:8px 18px;border-radius:999px;cursor:pointer;font-weight:600}.reset:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.reset:disabled{opacity:.4;cursor:not-allowed}.gallery h2{font-size:1.05rem;color:var(--muted);font-weight:600;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px;cursor:grab;color:var(--text);text-align:center;transition:transform .12s,border-color .12s,box-shadow .12s;touch-action:none}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px #0006}.card.dragging{opacity:.35}.card.used{opacity:.35;cursor:default;pointer-events:none;filter:grayscale(.6)}.card-info{display:flex;flex-direction:column;line-height:1.25}.card-rank{color:var(--accent);font-weight:800;font-size:.8rem}.card-name{font-weight:600;font-size:.88rem}.card-country{color:var(--muted);font-size:.72rem}.drag-ghost{width:130px;box-shadow:0 12px 30px #0009;cursor:grabbing}@media (max-width: 600px){.app{padding:16px 12px 48px}header h1{font-size:1.4rem;line-height:1.2}.sub{font-size:.85rem}.court{grid-template-columns:1fr;padding:12px;min-height:0;gap:4px}.net{width:auto;height:6px;flex-direction:row}.slot{margin:8px 4px;min-height:210px}.seated{padding:6px}.seated-photo,.photo.seated-photo{width:92px;height:92px}.seated-name{font-size:.95rem}.prob-bar{width:110px}.gallery h2{font-size:.92rem}.grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.card{padding:10px 6px;border-radius:10px}.photo{width:64px;height:64px}.initials{font-size:1.1rem}.card-name{font-size:.78rem}.card-country{font-size:.68rem}}