:root{--night: #17123a;--night-deep: #0f0c28;--surface: #241d5c;--surface-high: #322a77;--spot: #ffd23f;--pink: #ff3d81;--mint: #35e0c8;--text: #efecff;--text-dim: #a49dd6;--radius-card: 18px;--radius-pill: 999px;--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-lift: 0 14px 40px rgba(8, 5, 30, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1100px 700px at 78% -10%,rgba(255,61,129,.22),transparent 62%),radial-gradient(900px 620px at 8% 108%,rgba(53,224,200,.16),transparent 58%),var(--night);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.05}p{margin:0;line-height:1.55}button{font-family:inherit}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.shell{min-height:100%;display:flex;flex-direction:column;gap:20px;padding:22px clamp(16px,4vw,40px) 40px;max-width:1180px;margin:0 auto;width:100%}.shell--wide{max-width:none}.shell--centered{justify-content:center;align-items:center;text-align:center}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.wordmark{font-size:20px;font-weight:800;letter-spacing:-.03em}.wordmark span{color:var(--spot)}.card{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-lift)}.card--flat{box-shadow:none;background:#241d5c8c}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}@media (max-width: 900px){.grid-two{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--text-dim)}.small{font-size:13px}.btn{border:none;border-radius:var(--radius-pill);padding:13px 22px;font-size:16px;font-weight:700;color:var(--night-deep);background:var(--spot);cursor:pointer;transition:transform .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--block{width:100%;padding:18px;font-size:19px}.btn--ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn--pink{background:var(--pink);color:#fff}.btn--mint{background:var(--mint)}.btn--small{padding:8px 14px;font-size:14px}.field{width:100%;padding:16px;font-size:18px;color:var(--text);background:#0f0c28bf;border:1px solid rgba(255,255,255,.14);border-radius:14px}.field::placeholder{color:#a49dd6b3}.field:disabled{opacity:.55}.label{font-size:13px;color:var(--text-dim);margin-bottom:6px;display:block}.error{color:#ffb4c8;background:#ff3d8124;border:1px solid rgba(255,61,129,.4);border-radius:12px;padding:12px 14px;font-size:14px}.notice{color:var(--mint);font-size:14px}.photo-frame{position:relative;display:flex;align-items:center;justify-content:center;background:var(--night-deep);border-radius:20px;overflow:hidden;border:3px solid rgba(255,210,63,.5)}.photo-frame img{width:100%;height:100%;object-fit:contain;display:block}.timer-ring{display:grid;place-items:center;font-variant-numeric:tabular-nums;font-weight:800}.timer-ring--urgent{color:var(--pink)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:#ffffff14;font-size:14px;font-weight:600}.chip--live{background:#35e0c829;color:var(--mint)}.chip--off{background:#ffffff0f;color:var(--text-dim)}.player-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:14px;background:#0f0c2880;border:1px solid rgba(255,255,255,.06)}.player-pill[data-answered=true]{border-color:#35e0c88c}.player-pill[data-connected=false]{opacity:.5}.answer-card{background:#0f0c289e;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 18px}.answer-card[data-correct=true]{border-color:var(--mint)}.answer-card[data-fuzzy=true]{border-color:var(--spot)}.answer-card .author{font-size:13px;color:var(--text-dim);margin-bottom:4px}.answer-card .text{font-size:clamp(18px,2.4vw,30px);font-weight:700;overflow-wrap:anywhere}.scoreboard-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;background:#0f0c2880}.scoreboard-row[data-rank="1"]{background:linear-gradient(90deg,#ffd23f38,#0f0c2880);border:1px solid rgba(255,210,63,.55)}.scoreboard-row .rank{font-size:24px;font-weight:800;color:var(--spot);text-align:center}.scoreboard-row .points{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.display{min-height:100vh;display:flex;flex-direction:column;padding:clamp(18px,2.5vw,42px);gap:clamp(12px,2vh,28px)}.display__header{display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,2vw,28px);font-weight:700;color:var(--text-dim)}.display__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,26px);min-height:0}.display__title{font-size:clamp(36px,6vw,84px);text-align:center}.display__photo{flex:1;min-height:0;aspect-ratio:16 / 9;max-width:min(100%,78vh * 16 / 9)}.display__timer{font-size:clamp(56px,11vw,150px);font-weight:800;line-height:.9;font-variant-numeric:tabular-nums}.display__footer{text-align:center;font-size:clamp(16px,1.8vw,24px);color:var(--text-dim)}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%}.qr-panel{display:grid;place-items:center;gap:12px;background:#fff;border-radius:20px;padding:18px}.qr-panel img{display:block;width:100%;height:auto;image-rendering:pixelated}.join-code{font-size:clamp(34px,6vw,76px);font-weight:800;letter-spacing:.16em;color:var(--spot)}@keyframes reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.reveal{animation:reveal .22s ease-out both}@media (prefers-reduced-motion: reduce){.reveal{animation:none}.btn:active:not(:disabled){transform:none}}