:root{--bg: #0b0c0e;--panel: #15171b;--accent: #ff5a3c;--text: #d8d8ce;--muted: #8b8f8a;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0c0e;color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;width:100%}.stage{position:relative;width:100%;max-width:720px;border-radius:6px;overflow:hidden;box-shadow:0 24px 70px #0009;border:1px solid #23262b}.game-canvas{display:block;width:100%;max-width:720px;height:auto;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:28px;background:#08090bdb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay h2{margin:0;font-size:2.3rem;font-weight:800;letter-spacing:.04em}.overlay h2 .accent,.accent{color:var(--accent)}.overlay h2.logo{font-family:Arial Black,Impact,sans-serif;font-style:italic;font-weight:900;font-size:3rem;letter-spacing:.01em;transform:skew(-7deg);color:#e7ebf2;text-shadow:0 2px 0 rgba(0,0,0,.45)}.overlay h2.logo .accent{background:linear-gradient(180deg,#ffe24a,#ff8a25,#ff2e1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(255,90,30,.55))}.overlay h2.win{color:#6f9084}.overlay h2.lose{color:var(--accent)}.overlay p{margin:0;color:var(--muted);max-width:440px;line-height:1.55;font-size:.95rem}.overlay p strong{color:var(--text)}.scoreline{display:flex;justify-content:space-between;align-items:baseline;width:240px;max-width:80%;font-size:.95rem;gap:18px}.scoreline strong{font-variant-numeric:tabular-nums}.scoreline strong.lose{color:var(--accent)}.scoreline.total{border-top:1px solid #2c3036;padding-top:8px;margin-top:2px;font-size:1.05rem}.scoreline.total strong{color:#6f9084}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--accent);color:#1a0d09;font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:12px 26px;border-radius:4px;transition:transform .06s ease,filter .15s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid #2c3036}.btn.ghost:hover{filter:none;color:var(--text);background:#ffffff0a}.best{margin:0;color:var(--muted);font-size:.95rem;letter-spacing:.02em}.best strong{color:var(--text);font-variant-numeric:tabular-nums}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.restart{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #2c3036;border-radius:999px;background:#0d0d11b8;color:var(--text);font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .15s ease,transform .06s ease,color .15s ease}.restart span{font-size:1.05rem}.restart:hover{background:var(--accent);color:#1a0d09}.restart:active{transform:scale(.93)}.keys{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:.85rem}.key,.kbd{background:#1c1f24;border:1px solid #2c3036;border-bottom-width:3px;border-radius:5px;padding:4px 9px;font-weight:700;color:var(--text)}.hint{color:var(--muted);font-size:.82rem;text-align:center}@media (max-width: 640px){.app{padding:0;gap:0;min-height:100dvh;justify-content:center}.stage{max-width:100%;border:none;border-radius:0;box-shadow:none}.game-canvas{width:100vw;max-width:none}.hint{display:none}}