:root{color-scheme:dark;--bg: #0c1017;--bg-soft: rgba(16, 21, 31, .92);--panel: rgba(17, 23, 34, .88);--border: rgba(255, 255, 255, .08);--text: #eef2f7;--muted: #9aa5b5;--accent: #f5b301;--accent-strong: #ffcc4d;--danger: #ff6b6b;--success: #67d18d;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(245,179,1,.16),transparent 32%),radial-gradient(circle at top right,rgba(74,144,226,.14),transparent 28%),linear-gradient(180deg,#0a0d13,#0f1520);color:var(--text)}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:24px}.topbar{max-width:1400px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1,.panel h2,.panel h3{margin:0}.topbar h1{font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.03em}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.page{max-width:1400px;margin:0 auto}.page-wide{max-width:1500px}.panel{background:linear-gradient(180deg,#121823f5,#0d121bf5);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-panel{min-height:62vh;padding:40px;display:grid;align-content:center;gap:24px}.grid-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:20px;align-items:start}.panel-main,.panel-side{padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.compact-header{margin-bottom:8px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--accent-strong)}.muted{color:var(--muted)}.small-text{font-size:.9rem}.join-form,.upload-form{display:grid;gap:14px;max-width:480px}.manage-images-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 16px}.field{display:grid;gap:8px}.field span{font-size:.92rem;color:var(--muted)}.field input{width:100%;border:1px solid var(--border);border-radius:14px;background:#ffffff0a;color:var(--text);padding:14px 16px;outline:none}.field input:focus{border-color:#f5b301b3;box-shadow:0 0 0 4px #f5b3011f}.primary-button,.ghost-button,.text-link{border-radius:999px;padding:12px 18px;border:1px solid transparent;transition:transform .15s ease,border-color .15s ease,background .15s ease}.primary-button{background:linear-gradient(180deg,#ffd76a,#f0aa00);color:#1a1200;font-weight:700}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button,.text-link{background:#ffffff0a;color:var(--text);border-color:var(--border)}.primary-button:hover,.ghost-button:hover,.text-link:hover,.pair-row:hover,.number-card:hover{transform:translateY(-1px)}.badge,.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#ffffff14;border:1px solid var(--border);font-size:.82rem}.status-pill.ready,.status-pill.submitted{background:#67d18d29;color:var(--success)}.status-pill.self{color:var(--accent-strong)}.error-text{color:var(--danger)}.success-text{color:var(--success)}.grid-layout.game-layout,.grid-layout.results-layout,.grid-layout.upload-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr)}.results-side-panel{max-width:290px;justify-self:end;padding:16px}.results-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.results-tab{border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--text);padding:9px 10px;font-size:.82rem;font-weight:600}.results-tab.active{border-color:#f5b301b3;background:#f5b3011f;color:var(--accent-strong)}.results-summary-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.results-summary-card{border:1px solid var(--border);border-radius:16px;background:#ffffff08;padding:12px 14px;display:grid;gap:4px}.results-summary-card strong{font-size:1rem}.compact-summary-card{padding:10px 12px;border-radius:14px}.results-side-section+.results-side-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.results-tab-note{margin:6px 0 12px}.results-logged-in{margin-top:12px}.compact-pair-list{gap:8px}.compact-pair-row{padding:9px 11px;border-radius:12px}.compact-score-list{gap:8px}.compact-score-row{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffff08}.ranking-list{display:grid;gap:8px}.ranking-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.ranking-position{color:var(--accent-strong);font-weight:700}.ranking-name{font-weight:600}.ranking-score{font-weight:700}.scoreboard-panel{max-width:260px;justify-self:end}.player-list,.pair-list,.score-list,.results-grid,.image-list{display:grid;gap:12px}.player-card,.result-card,.stored-image-card{border:1px solid var(--border);border-radius:18px;background:#ffffff08;padding:14px}.selectable-image-card{cursor:pointer;position:relative;display:grid;gap:12px}.selectable-image-card input{position:absolute;top:14px;right:14px;width:18px;height:18px;accent-color:var(--accent)}.selectable-image-card.selected-image-card{border-color:#f5b301b3;box-shadow:0 0 0 4px #f5b30114}.player-card.connected{background:#ffffff0d}.player-card.compact-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.player-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.score-row,.pair-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pair-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid var(--border);border-radius:14px;background:#ffffff08;color:var(--text);padding:12px 14px;text-align:left}.pair-row.selected{border-color:#f5b30199;box-shadow:0 0 0 4px #f5b3011a}.pair-label{width:12px;height:12px;border-radius:999px;flex:0 0 auto}.pair-text{flex:1}.pair-score,.stat-value{font-weight:700}.pair-score{min-width:2ch;text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.stats-grid>div{border:1px solid var(--border);border-radius:18px;padding:16px;background:#ffffff08;display:grid;gap:6px}.stat-label{color:var(--muted);font-size:.88rem}.game-image-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#ffffff08;margin-bottom:18px}.game-image{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.game-image-card>div{padding:14px 16px}.number-strip{display:grid;gap:12px}.number-strip-row{display:flex;justify-content:flex-start;align-items:stretch;gap:12px;width:100%}.number-gap-drop{flex:0 0 12px;min-height:112px;border-radius:999px;border:1px dashed rgba(245,179,1,.18);background:#f5b30108;opacity:0;transition:opacity .14s ease,border-color .14s ease,background .14s ease}.number-strip.drag-active .number-gap-drop{opacity:1}.number-gap-drop.active{border-color:#f5b301db;background:#f5b30133}.number-card{flex:1 1 0;min-height:112px;width:auto;min-width:0;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#ffffff14,#ffffff08);color:var(--text);display:grid;place-items:center;gap:6px;cursor:grab;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;will-change:transform;position:relative}.player-status-panel h3{font-size:1.02rem;margin-bottom:8px}.player-status-panel .player-list.compact{gap:8px}.player-status-panel .player-card{padding:10px 12px;border-radius:14px}.player-status-panel .small-text{font-size:.78rem}.player-status-panel .status-pill{padding:6px 10px;font-size:.74rem}.number-card:active{cursor:grabbing}.number-card.dragging{opacity:.6;border-color:#f5b30199;transform:scale(.97) rotate(-1deg);box-shadow:0 8px 20px #00000040}.number-card.swap-target{border-color:#f5b301db;background:linear-gradient(180deg,#f5b30138,#f5b30114);box-shadow:0 0 0 4px #f5b30121}.number-value{font-size:1.55rem;font-weight:800}.submission-preview{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:#ffffff08}.comparison-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:10px;margin-bottom:12px}.all-players-rows{display:grid;gap:8px}.player-comparison-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;align-items:start;gap:12px}.player-comparison-name{display:flex;align-items:center;gap:8px;padding-top:12px}.player-color-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px #ffffff0a;flex:0 0 auto}.player-round-score{min-width:64px;text-align:center;border-radius:999px;border:1px solid rgba(245,179,1,.55);background:#f5b30133;color:#ffd66a;padding:8px 10px;font-weight:700;margin-top:8px}.comparison-chip{position:relative;border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 10px 24px;text-align:center;font-weight:700;display:grid;place-items:center;gap:4px;overflow:hidden}.comparison-chip--low{border-color:var(--player-accent, rgba(245, 179, 1, .55));background:linear-gradient(180deg,var(--player-accent-soft, rgba(245, 179, 1, .12)),rgba(255,255,255,.03))}.comparison-chip--medium{border-color:var(--player-accent, rgba(245, 179, 1, .8));background:linear-gradient(180deg,var(--player-accent-strong, rgba(245, 179, 1, .22)),var(--player-accent-soft, rgba(245, 179, 1, .07)));box-shadow:inset 0 0 0 1px var(--player-accent-soft, rgba(245, 179, 1, .08))}.comparison-chip--high{border-color:var(--player-accent, rgba(103, 209, 141, .9));background:linear-gradient(180deg,var(--player-accent-strong, rgba(103, 209, 141, .26)),var(--player-accent-soft, rgba(103, 209, 141, .08)));box-shadow:inset 0 0 0 1px var(--player-accent-soft, rgba(103, 209, 141, .18))}.comparison-chip-badge{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:999px;background:#ffffff14;color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.1}.result-order{font-size:1rem;margin:8px 0 6px;word-break:break-word}.pair-visual{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.pair-explain{margin:6px 0 14px}.result-image-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#ffffff08;margin-bottom:18px}.result-image-card>div{padding:14px 16px}.or-divider{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.stored-image-card img{width:auto;max-width:100%;height:auto;max-height:260px;display:block;margin:0 auto 12px;border-radius:14px}.manage-image-list,.manage-user-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.selectable-user-card{cursor:pointer;position:relative;display:grid;gap:12px}.selectable-user-card input{position:absolute;top:14px;right:14px;width:18px;height:18px;accent-color:var(--accent)}.selectable-user-card.selected-user-card{border-color:#f5b301b3;box-shadow:0 0 0 4px #f5b30114}.user-name{margin:0 0 4px;font-size:1rem;font-weight:700}.upload-page-panel{max-width:980px;margin:0 auto}.reset-page-panel{max-width:760px;margin:0 auto}.reset-warning{max-width:62ch;margin-top:0}.upload-images-block{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.color-palette{display:flex;flex-wrap:wrap;gap:10px}.color-chip{width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.2);cursor:pointer}.color-chip.disabled{opacity:.28;cursor:not-allowed;filter:grayscale(.35)}.color-palette-empty{margin:0}.color-chip.selected{border-color:#fff;box-shadow:0 0 0 3px #f5b30159}.image-expand-button{all:unset;cursor:zoom-in;display:block}.history-list{display:grid;gap:14px}.history-card{border:1px solid var(--border);border-radius:18px;background:#ffffff08;padding:14px}.history-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.history-image-button{all:unset;display:block;cursor:zoom-in}.history-image{width:auto;max-width:100%;max-height:300px;border-radius:12px;margin-bottom:12px}.history-ranking-name{display:inline-flex;align-items:center;gap:8px}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05080ed1;display:grid;place-items:center;padding:20px}.image-lightbox-frame{max-width:min(94vw,1300px);max-height:88vh}.image-lightbox-content{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:0 18px 60px #00000073;display:block}.image-lightbox-close{position:fixed;top:18px;right:18px;min-width:44px;height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:#080b12bf;color:var(--text);font-weight:700;cursor:pointer;z-index:31}.image-lightbox-close:hover{background:#080b12e6}.image-lightbox-close span[aria-hidden=true]{font-size:1.2rem;line-height:1}.image-lightbox-close-text{font-size:.82rem}.toast-error{position:fixed;right:24px;bottom:24px;padding:14px 18px;border-radius:14px;background:#ff6b6b2e;border:1px solid rgba(255,107,107,.35);color:#ffc6c6;box-shadow:var(--shadow)}@media(max-width:980px){.topbar,.section-header,.grid-layout,.grid-layout.game-layout,.grid-layout.results-layout,.grid-layout.upload-layout{grid-template-columns:1fr}.topbar{display:grid}.topbar-actions{justify-content:flex-start}.hero-panel{min-height:auto;padding:28px}.scoreboard-panel,.results-side-panel{max-width:none;justify-self:stretch}}@media(max-width:640px){.results-tabs{gap:6px}.results-tab{padding:8px;font-size:.76rem}}@media(max-width:720px){.player-comparison-row{grid-template-columns:1fr;gap:4px}.player-comparison-name{padding-top:0}.player-round-score{justify-self:end;margin-top:0}.comparison-chip{padding:12px 10px 22px}.comparison-chip-badge{top:5px;right:5px;font-size:.62rem;padding:2px 6px}.manage-images-toolbar,.admin-links{align-items:stretch}}@media(max-width:640px){.app-shell{padding:16px}.panel-main,.panel-side,.hero-panel{padding:18px}.number-strip-row{justify-content:flex-start;flex-wrap:wrap}.number-card{min-width:0}.number-gap-drop{flex-basis:10px;min-height:104px}.stats-grid{grid-template-columns:1fr}.toast-error{left:16px;right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.number-card{transition:none}}