:root{color-scheme:light dark;--bg: #f7f9fc;--panel: #ffffff;--text: #0f172a;--muted: #4b5563;--accent: #0ea5e9;--accent-strong: #0284c7;--danger: #dc2626;--card: #ffffff;--border: rgba(15, 23, 42, .08);--shadow: 0 18px 40px rgba(15, 23, 42, .08);--btn-fg: #0b1120;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:#f7f9fc;color:var(--text)}:root[data-theme=dark]{--bg: #0b0f1a;--panel: rgba(255, 255, 255, .06);--text: #e8edf7;--muted: #9fb0c8;--accent: #7dd3fc;--accent-strong: #22d3ee;--danger: #f43f5e;--card: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--shadow: 0 20px 60px rgba(0, 0, 0, .35);--btn-fg: #e8edf7;background:#0b0f1a}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:var(--accent-strong)}.game-shell{max-width:820px;margin:0 auto;padding:clamp(20px,4vw,32px) clamp(12px,4vw,20px) clamp(72px,12vh,140px)}.page-title{margin:0 0 10px;font-size:clamp(20px,4.4vw,26px);color:var(--muted)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.topnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topnav a{color:var(--text);text-decoration:none;font-weight:600;padding:6px 10px;border-radius:10px;border:1px solid transparent}.topnav a:hover{border-color:var(--border);background:#ffffff0f}.ad-slot{position:fixed;top:110px;width:160px;min-height:600px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;display:grid;place-items:center;padding:10px;z-index:10}.ad-slot .ad-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.ad-left{left:12px}.ad-right{right:12px}.ad-bottom{display:none}.ad-mobile{display:none;width:100%}.ad-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.brand{font-weight:800;letter-spacing:.04em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.panel.minimal{text-align:center}.start-controls{display:grid;gap:14px;margin-top:16px}.rules{margin-top:18px;text-align:left}.rules ul{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.5}.info-section{margin:clamp(12px,3vw,24px) 0 clamp(14px,4vw,28px);padding:clamp(12px,3vw,18px);border-radius:14px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.info-section h2{margin:0 0 10px}.info-section ul{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.6}.info-section h3{margin:14px 0 6px}.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.faq details{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#ffffff0f}.faq summary{cursor:pointer;font-weight:700;list-style:none;position:relative;padding-left:18px}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"▸";position:absolute;left:0;top:0;color:var(--muted);transition:transform .12s ease}.faq details[open] summary:before{transform:rotate(90deg)}.faq p{margin:8px 0 0;color:var(--muted)}.countdown{text-align:center;padding:48px 24px}.count{font-size:72px;font-weight:800;margin:0 0 8px}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:18px}.time{font-size:32px;font-weight:800}.stat{font-size:18px;font-weight:700}.card{position:relative;margin:12px 0 18px;padding:32px 28px;border-radius:18px;background:var(--card);border:2px solid var(--border);min-height:180px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #ffffff0f,0 18px 40px #00000038;user-select:none;touch-action:pan-y}.card-title{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--muted)}.card .word{font-size:42px;font-weight:800;letter-spacing:.02em;margin:10px 0 6px}.card .hint{font-size:14px;color:var(--muted)}.card .empty{font-size:18px;color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.secondary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:8px 0}.status{padding:12px 14px;border-radius:12px;background:#7dd3fc1f;border:1px solid rgba(125,211,252,.3);color:var(--text)}.status.warn{background:#f43f5e1f;border-color:#f43f5e59;color:#fecdd3}button{padding:16px 18px;border-radius:14px;border:2px solid var(--accent-strong);background:transparent;color:var(--btn-fg);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #22d3ee40;background:#22d3ee14}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.ghost{background:transparent;color:var(--btn-fg);border-color:var(--border)}button.primary{background:transparent;border-color:var(--accent-strong);color:var(--btn-fg)}label.stack{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:15px}h1{margin:4px 0 8px;font-size:32px}p{margin:0;line-height:1.5}.muted{color:var(--muted);font-size:14px}.footer{margin:16px 0 24px;text-align:center;color:var(--muted);font-size:14px}.footer a{color:var(--accent-strong);text-decoration:none;font-weight:700}@media(max-width:640px){.game-shell{padding:clamp(16px,5vw,24px) clamp(12px,5vw,20px) clamp(90px,18vh,180px)}.card .word{font-size:32px}.topbar{flex-direction:column;gap:8px}.topnav{justify-content:center}.info-section{margin:clamp(12px,3vw,18px) 0 clamp(12px,3vw,20px);padding:clamp(10px,3vw,16px)}.info-section h2{font-size:clamp(18px,4vw,20px)}}@media(max-width:1130px){.ad-left,.ad-right{display:none}.game-shell{max-width:min(940px,100% - 24px);padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}.ad-mobile{display:block;margin:clamp(10px,3vw,18px) 0;padding:clamp(10px,3vw,16px);border-radius:12px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.ad-mobile[data-position=bottom]{margin-top:clamp(12px,3vw,18px);margin-bottom:0}}