:root{color:#e8e0f5;-webkit-font-smoothing:antialiased;background:#0f0a1c;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(at top,#9be56414,#0000 60%),#0f0a1c;margin:0}#root{min-height:100vh}.page{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}.screen{aspect-ratio:400/224;background:#140d22;border:3px solid #2b1f45;border-radius:6px;width:min(100%,178.571vh - 357.143px,1200px);min-width:min(100%,400px);position:relative;overflow:hidden;box-shadow:0 0 0 3px #0c0717,0 12px 40px #0009}.game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;display:block}.result{background:#0c07178c;place-items:center;display:grid;position:absolute;inset:0}.result-card{text-align:left;background:#1f1636;border:2px solid #9be564;border-radius:8px;flex-direction:column;gap:12px;width:min(360px,90%);padding:20px 24px;display:flex}.result-card h2{color:#9be564;margin:0;font-size:22px}.result-score{color:#f2c94c;margin:0;font-size:18px;font-weight:700}.result-card label{color:#c9b8e8;margin-bottom:6px;font-size:13px;display:block}.row{gap:8px;display:flex}.result-card input{color:#fff;min-width:0;font:inherit;background:#140d22;border:1px solid #4a3a70;border-radius:6px;flex:1;padding:8px 10px}.result-card button{color:#140d22;font:inherit;cursor:pointer;background:#9be564;border:none;border-radius:6px;padding:8px 14px;font-weight:700}.result-card button:disabled{opacity:.5;cursor:default}.result-card button.ghost{color:#c9b8e8;background:0 0;border:1px solid #4a3a70}.ok{color:#9be564;margin:0}.err{color:#ff8a7a;margin:8px 0 0;font-size:13px}.below{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:min(100%,900px);display:grid}.panel{text-align:left;background:#1a1230;border:1px solid #2f2350;border-radius:8px;padding:14px 18px}.panel h3{color:#9be564;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:15px}.keys{gap:6px;margin:0 0 10px;padding:0;font-size:14px;list-style:none;display:grid}kbd{text-align:center;color:#fff;background:#231a3d;border:1px solid #4a3a70;border-bottom-width:3px;border-radius:4px;min-width:18px;margin-right:4px;padding:1px 6px;font:12px ui-monospace,Consolas,monospace;display:inline-block}.hint{color:#a99cc4;margin:0;font-size:13px;line-height:1.45}.scores{gap:4px;margin:0;padding-left:20px;font-size:14px;display:grid}.scores li span:first-child{min-width:140px;display:inline-block}.scores li span:last-child{color:#f2c94c;font-weight:700}