:root{--bg:#05000a;--panel:rgba(12,5,24,.9);--pink:#ff2bd6;--cyan:#21f6ff;--purple:#9a5cff;--gold:#ffd36b;--text:#fff7ff;--muted:#cdbedf;--good:#68ffb6;--danger:#ff5470}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(255,43,214,.18),transparent 30%),radial-gradient(circle at 85% 20%,rgba(33,246,255,.13),transparent 26%),linear-gradient(135deg,#040006,#12001e 45%,#02020c);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);opacity:.22}.wrap{width:min(1120px,calc(100% - 28px));margin:auto;padding:28px 0 48px;position:relative;z-index:1}.logo{width:min(520px,92%);display:block;margin:0 auto 14px;filter:drop-shadow(0 0 14px rgba(255,43,214,.45))}.hero{border:2px solid rgba(255,43,214,.72);border-radius:26px;background:linear-gradient(180deg,rgba(255,43,214,.11),rgba(33,246,255,.06)),var(--panel);box-shadow:0 0 22px rgba(255,43,214,.34),inset 0 0 24px rgba(33,246,255,.08);padding:24px}h1{text-align:center;margin:0;font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;text-shadow:0 0 7px var(--pink),0 0 18px var(--pink),0 0 35px rgba(33,246,255,.45)}.tagline,.direction{text-align:center;max-width:800px;margin:12px auto;color:var(--muted);font-size:1.08rem;line-height:1.5}.direction{color:var(--gold);font-weight:700}.player-row{max-width:440px;margin:22px auto}.player-row label{display:block;margin-bottom:7px;font-weight:700}.player-row span{color:var(--muted);font-weight:400}.player-row input{width:100%;border:1px solid rgba(33,246,255,.45);border-radius:12px;padding:12px;background:rgba(0,0,0,.35);color:#fff;font-size:1rem}.game-board{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.game-board h2{text-align:center;color:var(--cyan);text-shadow:0 0 9px rgba(33,246,255,.6)}.answer-list,.name-bank{min-height:430px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(0,0,0,.25);padding:14px}.name-bank{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.answer-list{margin:0;list-style-position:inside;counter-reset:item}.answer-slot{min-height:38px;margin:5px 0;border:1px dashed rgba(33,246,255,.35);border-radius:11px;padding:4px;display:flex;align-items:center;gap:8px}.answer-slot:before{content:attr(data-position) ".";width:28px;color:var(--gold);font-weight:900;text-align:center}.name-card{border:1px solid rgba(255,43,214,.55);border-radius:10px;padding:6px 8px;margin:0;background:linear-gradient(135deg,rgba(255,43,214,.14),rgba(33,246,255,.08));font-size:.82rem;line-height:1.15;font-weight:700;cursor:grab;box-shadow:0 0 12px rgba(255,43,214,.12);width:100%;text-align:center}.answer-slot .name-card{margin:0}.ghost{opacity:.35}.controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}button,.home-link{border:0;border-radius:999px;padding:13px 20px;cursor:pointer;font-weight:800;text-transform:uppercase;color:#160014;background:linear-gradient(90deg,var(--pink),var(--cyan));text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:var(--text);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.message{text-align:center;margin-top:18px;color:var(--muted)}.message.error{color:var(--danger)}.result{margin-top:24px;border:2px solid rgba(255,211,107,.68);border-radius:26px;background:rgba(22,8,39,.94);padding:24px;text-align:center}.score{font-size:clamp(2.2rem,8vw,5rem);font-weight:900;color:var(--gold);text-shadow:0 0 12px rgba(255,211,107,.75)}.rank{font-size:1.5rem;color:var(--cyan);font-weight:900}.correct-order{max-width:520px;margin:20px auto 0;text-align:left}.correct-order li{padding:9px}.correct-order span{display:block;color:var(--muted);font-size:.92rem}footer{text-align:center;color:rgba(255,255,255,.55);margin-top:26px;font-size:.9rem}@media(max-width:760px){.game-board{grid-template-columns:1fr}.name-bank{grid-template-columns:1fr}.answer-list,.name-bank{min-height:360px}.hero{padding:17px}.name-card{font-size:.86rem;padding:6px 9px}.answer-slot{min-height:36px}}

.leaderboard-panel{margin-top:28px;border:1px solid rgba(33,246,255,.35);border-radius:20px;background:rgba(0,0,0,.25);padding:20px}.leaderboard-panel h2{margin:0;text-align:center;color:var(--cyan);text-shadow:0 0 9px rgba(33,246,255,.5)}.leaderboard-note,.leaderboard-message{text-align:center;color:var(--muted);font-size:.92rem}.leaderboard-list{max-width:720px;margin:16px auto 0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:42px minmax(120px,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.leaderboard-row:last-child{border-bottom:0}.leaderboard-rank{color:var(--gold);font-weight:900}.leaderboard-name{color:var(--text);overflow-wrap:anywhere}.leaderboard-score{color:var(--cyan);font-weight:800}.leaderboard-date{color:var(--muted);font-size:.86rem}@media(max-width:620px){.leaderboard-row{grid-template-columns:32px 1fr auto}.leaderboard-date{grid-column:2 / 4}.leaderboard-score{text-align:right}}