:root{--bg-dark: #070816;--bg-deep: #10142b;--panel-bg: rgba(14, 18, 40, .92);--panel-border: rgba(91, 224, 255, .24);--text-main: #f5f7ff;--text-soft: #c9d1f3;--text-dim: #92a0d4;--cyan: #63e7ff;--pink: #ff53d1;--orange: #ff9a3d;--yellow: #ffd95c;--green: #5dffb2;--red: #ff6c7f;--shadow-cyan: 0 0 24px rgba(99, 231, 255, .18);--shadow-pink: 0 0 24px rgba(255, 83, 209, .16);--shadow-orange: 0 0 24px rgba(255, 154, 61, .16);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at 15% 15%,rgba(255,83,209,.18),transparent 22%),radial-gradient(circle at 85% 10%,rgba(99,231,255,.18),transparent 24%),radial-gradient(circle at 50% 100%,rgba(255,154,61,.12),transparent 30%),linear-gradient(180deg,#17113a,#0f1630 48%,#070816);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background:linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 4px)}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px 40px}.retro-panel{width:100%;max-width:560px;position:relative;overflow:hidden;padding:28px 22px;border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:linear-gradient(180deg,#121630f5,#0a0e1ff5);box-shadow:0 16px 60px #0000007a,inset 0 0 0 1px #ffffff05,var(--shadow-cyan),var(--shadow-pink)}.retro-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,83,209,.05),transparent 30%,rgba(99,231,255,.05) 70%,transparent)}.retro-kicker{margin:0 0 10px;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(99,231,255,.35)}.retro-title{margin:0 0 18px;font-size:clamp(2.2rem,8vw,3.4rem);line-height:.96;font-weight:900;letter-spacing:-.04em;text-transform:uppercase;color:#fff7ef;text-shadow:0 0 14px rgba(255,154,61,.35),0 0 24px rgba(255,83,209,.22)}.retro-text{margin:0 0 14px;color:var(--text-soft);font-size:1rem;line-height:1.55}.retro-text.small{color:var(--text-dim);font-size:.92rem}.play-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.input-label{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}.retro-input{width:100%;min-height:56px;padding:0 16px;border:1px solid rgba(99,231,255,.24);border-radius:var(--radius-md);outline:none;color:var(--text-main);background:#070c1cf0;box-shadow:inset 0 0 0 1px #ffffff04,0 0 14px #63e7ff0f;transition:.18s ease}.retro-input::placeholder{color:#c9d1f370}.retro-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #63e7ff1f,0 0 18px #63e7ff2e;transform:translateY(-1px)}.retro-button,.retro-link-button{border:none;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.retro-button{width:100%;min-height:56px;padding:0 18px;border-radius:var(--radius-md);color:#fff;font-size:.96rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--orange),#ff6d5e 56%,var(--pink));box-shadow:0 12px 28px #ff53d12e,0 0 18px #ff9a3d2e}.retro-button:hover{transform:translateY(-1px)}.retro-button:active{transform:translateY(1px) scale(.995)}.retro-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.retro-button.secondary{background:linear-gradient(135deg,#63e7ff2e,#ff53d129);border:1px solid rgba(99,231,255,.26);color:#f5fbff;box-shadow:var(--shadow-cyan)}.retro-link-button{margin-top:18px;padding:8px 10px;align-self:center;background:transparent;color:var(--cyan);font-size:.95rem;font-weight:700;text-shadow:0 0 10px rgba(99,231,255,.28)}.retro-link-button:hover{opacity:.85}.score-box{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(99,231,255,.18);background:#ffffff0a;box-shadow:var(--shadow-cyan)}.score-box>div{display:flex;flex-direction:column;gap:4px}.score-label{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.score-box strong{font-size:1.08rem;color:#fff}.question-box{margin-top:18px;padding:18px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,83,209,.2);background:#ffffff0a;box-shadow:var(--shadow-pink)}.points-box{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,217,92,.18);background:#ffd95c14;color:#fff1b8;font-size:.94rem}.hint-box{margin-top:14px;padding:14px;border-radius:var(--radius-sm);border:1px solid rgba(99,231,255,.2);background:#63e7ff14;color:#e8fbff}.hint-box strong{display:block;margin-bottom:6px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.success-box,.error-box{margin-top:16px;padding:14px 15px;border-radius:var(--radius-sm);font-size:.95rem;line-height:1.45}.success-box{border:1px solid rgba(93,255,178,.28);background:#5dffb214;color:#ddfff0}.error-box{border:1px solid rgba(255,108,127,.26);background:#ff6c7f14;color:#ffe4e8}.actions-row{display:flex;flex-direction:column;gap:12px}.admin-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.admin-row.top{border-color:#ffd95c59;background:#ffd95c1a;box-shadow:0 0 18px #ffd95c1a}.admin-player{display:flex;flex-direction:column;gap:4px}.admin-player strong{font-size:1rem;color:#fff}.admin-meta{font-size:.82rem;color:var(--text-dim)}.admin-score{font-size:1.2rem;font-weight:900;color:var(--cyan)}.admin-row.top .admin-score{color:var(--yellow)}@media (min-width: 640px){.page-shell{padding:40px 20px 48px}.retro-panel{padding:32px 28px 28px}.actions-row{flex-direction:row}.actions-row>*{flex:1}}