@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b1020;--panel: #121a2c;--panel-2: #172136;--border: rgba(255,255,255,.09);--text: #f8fafc;--muted: #93a4be;--accent: #f7c948;--accent-2: #ffdc6a;--good: #5ed6a1;--bad: #ff7b86}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-height:100dvh;background:radial-gradient(circle at 50% -10%,rgba(57,76,122,.5),transparent 36%),linear-gradient(180deg,#10182a 0%,var(--bg) 52%);overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:3px solid rgba(247,201,72,.7);outline-offset:2px}.game-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:2px 1px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#17130a;font-size:24px;font-weight:900;transform:rotate(-4deg);box-shadow:inset 0 -4px #00000024}.eyebrow{color:var(--muted);letter-spacing:.14em;font-weight:900;font-size:9px}.brand-title{font-weight:900;font-size:22px;line-height:1;letter-spacing:-.03em}.icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);font-size:25px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#121a2cd6;border:1px solid var(--border);border-radius:14px;padding:8px 10px;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.stat-label{color:var(--muted);font-weight:900;letter-spacing:.08em;font-size:9px}.stat strong{font-size:17px;font-weight:900;white-space:nowrap}.stage-card,.keyboard-card{border:1px solid var(--border);background:#121a2cf0;border-radius:22px}.stage-card{padding:12px 14px 16px;flex:1;min-height:0;display:flex;flex-direction:column}.difficulty-row{display:flex;align-items:center;justify-content:space-between;min-height:27px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#5ed6a11f;color:var(--good);border:1px solid rgba(94,214,161,.24);font-size:10px;font-weight:900;letter-spacing:.1em}.pill[data-level="2"]{color:#78c7ff;background:#78c7ff1c;border-color:#78c7ff3b}.pill[data-level="3"]{color:#ffbf69;background:#ffbf691c;border-color:#ffbf693b}.pill[data-level="4"]{color:#ff8fa0;background:#ff8fa01c;border-color:#ff8fa03b}.lives-text{color:var(--muted);font-size:11px;font-weight:800}.gallows-wrap{min-height:162px;flex:1;display:grid;place-items:center;padding:4px 0 2px}.gallows{width:min(100%,288px);height:auto;max-height:210px;overflow:visible}.wood{stroke:#73809a;stroke-width:7;stroke-linecap:round}.brace{stroke-width:5}.person{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;opacity:0;transform-origin:center;transform:scale(.82);transition:opacity .16s ease,transform .16s ease}.person.visible{opacity:1;transform:scale(1)}.word-area{text-align:center;min-width:0}.category{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.word{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:6px;min-height:38px}.letter-slot{width:clamp(20px,7vw,31px);height:35px;border-bottom:3px solid #53617b;display:grid;place-items:center;font-size:clamp(18px,5.2vw,25px);line-height:1;font-weight:900;color:var(--text);transition:border-color .2s ease,color .2s ease,transform .2s ease}.letter-slot.revealed{border-color:var(--accent);color:var(--accent-2);animation:pop .2s ease-out}.hint{margin-top:11px;min-height:18px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.keyboard-card{padding:10px}.keyboard{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.key{min-width:0;height:38px;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#202b42;color:#eef3fb;box-shadow:inset 0 -3px #00000029;font-weight:900;font-size:13px;cursor:pointer;transition:transform .08s ease,background .15s ease,color .15s ease,opacity .15s ease;touch-action:manipulation}.key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #00000029}.key.correct,.key:disabled.correct{background:#5ed6a12e;color:var(--good);border-color:#5ed6a152}.key.wrong,.key:disabled.wrong{background:#ff7b8621;color:#ff939c;border-color:#ff7b863b}.key:disabled{opacity:.55;cursor:default}.toast{position:absolute;left:50%;top:48%;z-index:30;transform:translate(-50%,-40%) scale(.92);pointer-events:none;opacity:0;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.05em;background:#fff;color:#111827;transition:opacity .14s ease,transform .14s ease}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast.good{background:#dffbee;color:#126340}.toast.bad{background:#ffe1e4;color:#9d2935}.toast.win{background:#fff1b4;color:#644b00}.overlay{position:absolute;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:#060a14d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay.visible{display:flex}.modal{width:min(100%,420px);border-radius:24px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 50% 0%,rgba(247,201,72,.09),transparent 34%),#141d31;padding:25px 20px 20px;text-align:center;box-shadow:0 20px 60px #00000061}.modal-badge{color:var(--accent);letter-spacing:.16em;font-size:10px;font-weight:900;margin-bottom:8px}.modal h1,.modal h2{margin:0;font-size:clamp(27px,8vw,36px);line-height:1.05;letter-spacing:-.04em}.modal>p{color:var(--muted);margin:11px auto 18px;max-width:330px;font-size:13px;line-height:1.45}.rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.rules>div{border:1px solid var(--border);border-radius:14px;padding:12px 8px;display:grid;grid-template-columns:24px 1fr;text-align:left;align-items:center;column-gap:6px}.rules span{grid-row:1 / 3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f7c9481f;color:var(--accent);font-weight:900}.rules b{font-size:11px}.rules small{color:var(--muted);font-size:9px}.primary-btn{width:100%;min-height:52px;border:0;border-radius:15px;color:#17130a;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:inset 0 -4px #00000029;font-weight:900;letter-spacing:.05em;cursor:pointer;touch-action:manipulation}.primary-btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000029}.result-icon{width:68px;height:68px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#ff7b861c;border:1px solid rgba(255,123,134,.2);color:var(--bad);font-size:40px;font-weight:900}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.result-stats>div{border-radius:13px;padding:10px 5px;background:#ffffff09;border:1px solid var(--border)}.result-stats span{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.result-stats strong{font-size:18px;font-weight:900}@keyframes pop{0%{transform:scale(.65)}70%{transform:scale(1.13)}to{transform:scale(1)}}@media(max-width:365px){.game-shell{padding-left:9px;padding-right:9px;gap:8px}.stage-card{padding:10px 10px 13px}.gallows-wrap{min-height:142px}.gallows{width:245px}.keyboard-card{padding:8px}.keyboard{gap:4px}.key{height:36px;border-radius:8px;font-size:12px}.word{gap:4px}.letter-slot{width:19px;height:31px}}@media(min-height:850px){.gallows-wrap{min-height:210px}.key{height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}