:root{--bg: #0f0f14;--panel: #1b1b24;--card: #262633;--card-hover: #303040;--text: #f2f2f5;--muted: #9a9aad;--accent: #e10600;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.app{height:100%;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.app h1{margin:0;font-size:clamp(1rem,4vw,1.5rem);letter-spacing:.04em;text-transform:uppercase}.app h1:before{content:"";display:inline-block;width:.25rem;height:1em;margin-right:.5rem;background:var(--accent);vertical-align:-.12em}.board{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.column{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border-radius:.6rem;overflow:hidden}.column-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-bottom:1px solid #ffffff14}.column-header h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count{flex:none;font-size:.7rem;color:var(--muted);background:#ffffff12;border-radius:999px;padding:.1rem .45rem}.list{flex:1;min-height:0;margin:0;padding:.4rem;list-style:none;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.list.over{background:#ffffff0a}.card{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;background:var(--card);border-radius:.5rem;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card:hover{background:var(--card-hover)}.card.dragging{opacity:.35}.card.overlay{cursor:grabbing;box-shadow:0 .6rem 1.4rem #000000a8}.rank{flex:none;width:1.4rem;text-align:center;font-size:.8rem;font-weight:700;color:var(--accent)}.photo{flex:none;width:2.75rem;height:2.75rem;object-fit:cover;object-position:top center;border-radius:.35rem;background:#ffffff10;pointer-events:none;-webkit-user-drag:none}.meta,.rank,.name,.team{pointer-events:none}.meta{min-width:0;display:flex;flex-direction:column}.name,.team{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name{font-size:.8rem;font-weight:600}.team{font-size:.65rem;color:var(--muted)}.empty{padding:1rem .5rem;text-align:center;font-size:.75rem;color:var(--muted);border:1px dashed #ffffff20;border-radius:.5rem}