:root{color-scheme:dark;--bg: #0a0a12;--panel: #13131f;--panel-2: #191926;--edge: #26263a;--neon: #a78bfa;--neon-hot: #d8ccff;--deep: #7c65c1;--ink: #eceaf6;--dim: #8d8da3;--danger: #ff7b7b;--display: "Space Grotesk", system-ui, sans-serif;--body: system-ui, -apple-system, sans-serif}*{margin:0;box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(ellipse 120% 60% at 50% -20%,rgba(124,101,193,.16),transparent 60%);color:var(--ink);font-family:var(--body);min-height:100dvh}#root{max-width:480px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.hdr{display:flex;align-items:center;gap:10px;margin-bottom:18px}.hdr-mark{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 6px rgba(167,139,250,.7))}.hdr-name{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:.2px;background:linear-gradient(100deg,#fff 20%,var(--neon) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hdr-spacer{flex:1}.chip{font-family:var(--display);font-size:13px;font-weight:500;color:var(--dim);border:1px solid var(--edge);border-radius:999px;padding:4px 10px;white-space:nowrap}.chip.fire{color:#ffb454;border-color:#ffb45459}.cast{background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:16px;box-shadow:0 0 40px #7c65c11f,inset 0 1px #ffffff08}.cast.solved{border-color:#a78bfa8c;box-shadow:0 0 46px #a78bfa47}.cast-author{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cast-ava{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover;border:2px solid var(--deep);box-shadow:0 0 10px #a78bfa80}.cast-ava.mystery{display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--neon);font-family:var(--display);font-weight:700;font-size:18px}.cast-author-name{font-weight:600;font-size:15px}.cast-author-handle{color:var(--dim);font-size:13px}.redact{display:inline-block;height:12px;width:110px;border-radius:4px;vertical-align:middle;background:repeating-linear-gradient(45deg,var(--panel-2) 0 6px,var(--edge) 6px 12px)}.cast-text{font-size:16px;line-height:1.62;overflow-wrap:break-word}.censor{display:inline-block;vertical-align:baseline;border-radius:6px;padding:0 6px;margin:0 1px;font-family:var(--display);font-weight:700;letter-spacing:3px;color:var(--neon-hot);background:#7c65c12e;border:1px solid rgba(167,139,250,.45);box-shadow:0 0 12px #a78bfa40;animation:censor-pulse 2.2s ease-in-out infinite}.censor.lit{animation:none;background:#a78bfa52;color:#fff}@keyframes censor-pulse{0%,to{box-shadow:0 0 8px #a78bfa2e}50%{box-shadow:0 0 18px #a78bfa73}}.word-label{font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:2.5px;color:var(--dim);text-transform:uppercase;text-align:center;margin:20px 0 8px}.word-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.tile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px;border-radius:10px;background:var(--panel-2);border:1px solid var(--edge);font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase;color:var(--ink)}.tile.revealed{background:linear-gradient(180deg,var(--neon),var(--deep));border-color:var(--neon);color:#fff;box-shadow:0 0 14px #a78bfa80}.tile.flip{animation:tile-flip .5s ease both}@keyframes tile-flip{0%{transform:rotateX(90deg);opacity:.3}to{transform:rotateX(0);opacity:1}}.hints{display:flex;justify-content:center;gap:8px;margin-top:14px}.hint{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--edge);border-radius:12px;padding:7px 10px;min-width:84px;color:var(--dim);font-size:12px;background:transparent;box-shadow:none;font-family:var(--body);font-weight:400;cursor:default}.hint b{font-size:12.5px;font-weight:600;color:inherit}.hint small{font-size:10px;opacity:.75}.hint.on{border-color:#a78bfa8c;color:var(--neon-hot);background:#7c65c11f}.hint.avail{cursor:pointer;color:var(--neon-hot);border-color:var(--neon);animation:hint-glow 1.4s ease-in-out infinite}.hint.avail:active{transform:scale(.97)}@keyframes hint-glow{0%,to{box-shadow:0 0 4px #a78bfa40}50%{box-shadow:0 0 16px #a78bfa99}}.guess-row{display:flex;gap:8px;margin-top:18px}input.guess{font:inherit;flex:1;min-width:0;padding:14px 16px;border-radius:12px;border:1px solid var(--edge);background:var(--panel);color:var(--ink)}input.guess::placeholder{color:var(--dim)}input.guess:focus{outline:2px solid var(--deep)}input.guess.shake{animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}button{font-family:var(--display);font-weight:700;font-size:16px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,var(--neon),var(--deep));color:#fff;padding:14px 22px;box-shadow:0 0 18px #7c65c159}button:active{transform:translateY(1px)}button.secondary{background:transparent;border:1px solid var(--edge);color:var(--dim);box-shadow:none}button.wide{width:100%}.attempts{display:flex;justify-content:center;gap:8px;margin-top:14px}.pip{width:10px;height:10px;border-radius:3px;transform:rotate(45deg);background:var(--panel-2);border:1px solid var(--edge)}.pip.used{background:var(--danger);border-color:var(--danger);opacity:.8}.pip.win{background:var(--neon);border-color:var(--neon);box-shadow:0 0 8px #a78bfa99}.misses{margin-top:10px;text-align:center;color:var(--dim);font-size:14px}.misses s{margin:0 6px}.verdict{font-family:var(--display);font-weight:700;font-size:24px;text-align:center;margin-top:20px}.verdict .lost-word{color:var(--neon-hot)}.stats{display:flex;justify-content:center;gap:22px;margin:14px 0 4px}.stat{text-align:center}.stat b{font-family:var(--display);font-size:20px;font-weight:700;display:block}.stat small{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.end-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.footer-chip{text-align:center;margin-top:22px}.footer-chip span{font-family:var(--display);font-size:13px;color:var(--dim);border:1px solid var(--edge);border-radius:999px;padding:6px 14px}.loader{text-align:center;padding-top:64px}.loader-bubble{width:84px;height:84px;margin:0 auto 20px;border-radius:26px 26px 26px 6px;border:3px solid var(--neon);box-shadow:0 0 24px #a78bfa80,inset 0 0 18px #a78bfa33;animation:censor-pulse 1.6s ease-in-out infinite}.loader p{color:var(--dim);font-size:14px}.error-box{color:var(--danger);text-align:center;padding-top:48px}@media(prefers-reduced-motion:reduce){.censor,.loader-bubble,.tile.flip,input.guess.shake{animation:none}}