*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 10%,#56339b 0,transparent 35%),radial-gradient(circle at 80% 80%,#174f96 0,transparent 40%),#14082d;color:white;font-family:system-ui,Arial,sans-serif;min-height:100vh}header,main{max-width:1050px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}a{color:#ffdc78}h1{color:#ffdc78;font-size:clamp(2rem,5vw,4rem);margin:12px 0}h2{color:#fff0ba}.eyebrow{color:#c9a5ff;letter-spacing:.15em;font-weight:800}.intro{color:#e8ddff;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}.card,.panel{border:2px solid #a46cf0;background:linear-gradient(140deg,#3c1a70,#23144c 65%,#172d66);border-radius:24px;padding:24px;box-shadow:0 12px 40px #0006}.card{transition:transform .2s}.card:hover{transform:translateY(-5px)}.emoji{font-size:3rem}.tag{color:#ffe59b;font-size:.85rem;font-weight:800}button,.play{display:inline-block;background:linear-gradient(135deg,#ffeb92,#f4a927);color:#23113d;border:0;border-radius:14px;padding:13px 20px;font-weight:900;font-size:1rem;cursor:pointer;text-decoration:none;margin:8px 5px 8px 0}button:disabled{opacity:.45;cursor:default}.secondary{background:#573e89;color:white;border:1px solid #bca1ff}.status{font-weight:800;min-height:32px;color:#ffe68d}.score{display:flex;justify-content:space-between;align-items:center;gap:10px}.big{font-size:clamp(1.7rem,6vw,3rem);font-weight:900;color:#ffdc78;letter-spacing:.1em;overflow-wrap:anywhere}.answer{font-size:1.2rem;border:2px solid #af86ff;background:#130d32;color:white;padding:14px;border-radius:12px;width:100%;max-width:440px;text-transform:uppercase}.gridletters{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:520px}.tile{aspect-ratio:1;padding:0;min-width:0;margin:0;border-radius:7px;font-size:clamp(.65rem,2.3vw,1.1rem);background:#52378e;color:white;border:1px solid #9471d2}.tile.selected{background:#ffc653;color:#2a164a}.tile.found{background:#2baf8a;color:#061e19}.small{font-size:.85rem;color:#dfd1ff}.choice{display:block;width:100%;max-width:500px;text-align:left;background:#382366;color:white;border:1px solid #9471d2}.choice.correct{background:#157c64}.choice.wrong{background:#853557}.pill{display:inline-block;border-radius:99px;background:#4b2b7d;padding:8px 13px;margin:4px}.confetti{font-size:2rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{to{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}