:root{color-scheme:dark}*{margin:0;box-sizing:border-box}body{background:#0b0d12;color:#e8eaf0;font-family:system-ui,-apple-system,sans-serif;min-height:100dvh}#root{max-width:480px;margin:0 auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}button{font:inherit;border:0;border-radius:12px;cursor:pointer;background:#7c65c1;color:#fff;padding:14px 20px;width:100%;font-weight:600}button.secondary{background:transparent;border:1px solid #2a2f42;color:#8b90a0}.tile{display:inline-flex;align-items:center;justify-content:center;width:30px;height:38px;margin:2px;border-radius:8px;background:#1e2333;border:1px solid #2a2f42;font-weight:700;font-size:18px;text-transform:uppercase}.tile.revealed{background:#7c65c1;border-color:#7c65c1}input.guess{font:inherit;width:100%;padding:14px 16px;border-radius:12px;border:1px solid #2a2f42;background:#141824;color:#e8eaf0}input.guess:focus{outline:2px solid #7c65c1}