:root{--bg-1: #0f1021;--bg-2: #1b1d3a;--panel: rgba(255, 255, 255, .05);--panel-border: rgba(255, 255, 255, .12);--text: #eef0ff;--muted: #9aa0c3;--primary: #7c3aed;--primary-2: #a855f7;--good: #22c55e;--bad: #ef4444;--warn: #f59e0b;--radius: 16px;--shadow: 0 18px 50px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 700px at 15% -10%,#2a1b5e 0%,transparent 55%),radial-gradient(1000px 600px at 110% 20%,#0f3350 0%,transparent 55%),linear-gradient(160deg,var(--bg-1),var(--bg-2));background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center}.app{width:100%;max-width:1060px;padding:22px 18px 60px}.hidden{display:none!important}.topbar{text-align:center;margin-bottom:26px}.logo{margin:0;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:.14em;font-weight:800}.logo-dot{color:var(--primary-2)}.tagline{margin:6px 0 0;color:var(--muted);font-size:.98rem}.accent{color:var(--primary-2)}.muted{color:var(--muted)}.small{font-size:.82rem}.screen{animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:clamp(18px,3vw,34px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-theme{max-width:720px;margin:0 auto}.theme-card h2{margin:0 0 6px}.theme-card p{margin:6px 0 16px}.theme-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.theme-row input{flex:1;min-width:220px;background:#00000059;border:1px solid var(--panel-border);border-radius:12px;color:var(--text);font-size:1.05rem;padding:13px 16px;outline:none;transition:border-color .15s}.theme-row input:focus{border-color:var(--primary-2)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chip{border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);border-radius:999px;padding:7px 14px;font-size:.9rem;cursor:pointer;transition:all .15s}.chip:hover{background:#7c3aed40;border-color:var(--primary-2)}.btn{border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;padding:12px 20px;transition:transform .08s,filter .15s,background .15s;color:var(--text)}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.btn-ghost{background:#ffffff12;border:1px solid var(--panel-border)}.btn-big{width:100%;font-size:1.15rem;padding:15px}.screen-loading{text-align:center;padding-top:60px}.spinner{width:54px;height:54px;margin:0 auto 18px;border-radius:50%;border:5px solid rgba(255,255,255,.15);border-top-color:var(--primary-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-reveal{text-align:center;padding-top:26px}.clock{width:108px;height:108px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:3rem;font-weight:800;color:#fff;background:conic-gradient(var(--primary),var(--primary-2));box-shadow:0 0 42px #a855f78c;animation:clockPop .9s cubic-bezier(.2,1.4,.4,1) both}@keyframes clockPop{0%{transform:scale(1.35);opacity:0}to{transform:scale(1);opacity:1}}.reveal-label{font-size:1.15rem;color:var(--warn);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:4px 0 18px}.word{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(4px,1.2vw,10px);margin:8px 0}.slot{width:clamp(30px,5vw,52px);height:clamp(40px,6.5vw,62px);display:grid;place-items:center;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:800;text-transform:uppercase}.slot.gap{width:clamp(10px,2vw,22px)}.slot .line{width:100%;height:4px;border-radius:2px;background:#ffffff8c}.slot.revealed .letter{animation:popIn .3s ease both}@keyframes popIn{0%{transform:scale(1.7);color:var(--good)}to{transform:scale(1);color:var(--text)}}.slot.revealed{border-bottom:4px solid var(--good);padding-bottom:2px}.slot.revealed .line{opacity:0}.slot .letter{line-height:1}.word-reveal .slot{border-bottom:none;background:linear-gradient(135deg,#7c3aed73,#a855f74d);border-radius:12px;box-shadow:0 0 22px #7c3aed59}.play-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.theme-badge{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:999px;padding:6px 16px;font-size:.95rem;font-weight:700;text-transform:capitalize}.errors-badge{color:var(--muted);font-weight:600;font-size:.95rem}.board{display:grid;grid-template-columns:minmax(170px,300px) 1fr;gap:18px;align-items:start}.gallows-col{display:flex;flex-direction:column;align-items:center;gap:14px;position:sticky;top:12px}#gallows svg{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}.gallows-col svg .part{opacity:0;transition:opacity .25s ease}.gallows-col svg.lost .part{opacity:1}.gallows-col svg.lost g.part{stroke:var(--bad)}.gallows-col svg:not(.lost) .face{opacity:0}.gallows-col svg.lost .face{opacity:1}.gallows-col svg.show-1 .p1,.gallows-col svg.show-2 .p1,.gallows-col svg.show-3 .p1,.gallows-col svg.show-4 .p1,.gallows-col svg.show-5 .p1,.gallows-col svg.show-6 .p1{opacity:1}.gallows-col svg.show-2 .p2,.gallows-col svg.show-3 .p2,.gallows-col svg.show-4 .p2,.gallows-col svg.show-5 .p2,.gallows-col svg.show-6 .p2{opacity:1}.gallows-col svg.show-3 .p3,.gallows-col svg.show-4 .p3,.gallows-col svg.show-5 .p3,.gallows-col svg.show-6 .p3{opacity:1}.gallows-col svg.show-4 .p4,.gallows-col svg.show-5 .p4,.gallows-col svg.show-6 .p4{opacity:1}.gallows-col svg.show-5 .p5,.gallows-col svg.show-6 .p5{opacity:1}.gallows-col svg.show-6 .p6{opacity:1}.wrong-letters{min-height:26px;text-align:center}.wrong-label{color:var(--muted);font-size:.8rem}.wrong-values{color:var(--bad);font-weight:700;letter-spacing:.2em}.guess-col{min-width:0}#word-board{min-height:clamp(46px,7vw,66px);align-items:flex-end}.keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:7px;margin-top:24px;max-width:760px}.key{border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff1a,#ffffff08);color:var(--text);border-radius:10px;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;text-transform:uppercase;height:48px;cursor:pointer;position:relative;transition:transform .06s,background .15s}.key:hover:not(:disabled){background:#7c3aed66;transform:translateY(-2px)}.key:disabled{cursor:default;opacity:.75}.key.wrong{background:#ef44442e;border-color:#ef444480;color:#ffffff8c}.key.good{background:#22c55e29;border-color:#22c55e80;color:var(--good)}.key .xmark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--bad);font-size:1.5em;font-weight:900;line-height:1;animation:popIn .2s ease}.key.good .xmark{color:var(--good)}.screen-end{max-width:640px;margin:0 auto;text-align:center}.end-card.win{border-color:#22c55e80;box-shadow:0 18px 60px #22c55e38}.end-card.lose{border-color:#ef444480;box-shadow:0 18px 60px #ef444438}#end-title{font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 6px}.end-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.word-end{gap:8px}.word-end .slot{border-bottom:3px solid rgba(255,255,255,.35);min-width:30px}@media(max-width:700px){.board{grid-template-columns:1fr}.gallows-col{position:static;order:2}#gallows svg{max-width:190px}.guess-col{order:1}.keyboard{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:5px}}@media(max-width:430px){.keyboard{grid-template-columns:repeat(7,1fr)}}