:root{color-scheme:dark;font-family:Arial,"Malgun Gothic",sans-serif;background:#0b181e;color:#f1f5ea}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:30px 44px 20px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #314045;padding-bottom:24px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:#c6f46d}.brand i{font-style:normal;font-size:10px;letter-spacing:2px;display:block;margin-top:7px;color:#8ea0a4}.edition{font-size:13px;color:#9eb0b3}.layout{display:grid;grid-template-columns:1fr 400px;gap:72px;align-items:center;max-width:990px;margin:34px auto}.eyebrow{font-size:12px;letter-spacing:3px;color:#c6f46d}h1{font-size:76px;line-height:1.16;letter-spacing:-5px;margin:22px 0 26px}h1 span{color:#c6f46d}.intro p{font-size:17px;line-height:1.9;color:#aebcbd}.keys{display:flex;align-items:center;gap:14px;margin:28px 0 38px;font-size:13px;color:#aebcbd}kbd{font-family:inherit;border:1px solid #61716f;border-bottom:3px solid #61716f;border-radius:6px;padding:10px 18px;font-size:12px;color:#e7eee4}.rule{display:flex;gap:16px;font-size:13px;color:#aebcbd;margin:17px 0}.rule b{color:#c6f46d;font-size:11px}.rule strong{color:#e7eee4}.cabinet{border:1px solid #4c6260;border-radius:22px;padding:12px;background:#1a2b30;box-shadow:0 28px 65px #0005}.hud{height:54px;display:flex;align-items:center;padding:0 12px 12px;gap:28px}.hud>span{display:flex;flex-direction:column;font-size:10px;letter-spacing:2px;color:#aec0b6}.hud strong{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:0;color:#f2f5e6;margin-top:2px}.hud>span:nth-child(2) strong{color:#c6f46d}button{cursor:pointer;font:inherit}#pause{margin-left:auto;background:#2b4042;color:#f1f5ea;border:1px solid #546564;border-radius:8px;width:38px;height:38px}#pause:disabled{opacity:.35;cursor:default}.stage{position:relative;overflow:hidden;border-radius:12px;background:#92d4e4}canvas{width:100%;height:auto;display:block;touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#12293308,#143a3b48);color:#102f37}.overlay[hidden]{display:none}.badge{font-size:11px;font-weight:bold;letter-spacing:2px;background:#e9f8d9;padding:9px 12px;border-radius:30px}h2{font-size:34px;letter-spacing:-1.5px;margin:22px 0 0;text-shadow:0 2px 0 #ffffff60}.overlay p{font-size:14px;margin:14px 0 24px}.overlay button{border:2px solid #234837;border-radius:10px;background:#c6f46d;color:#163527;padding:15px 28px;font-weight:bold;box-shadow:0 5px 0 #244a38;min-width:205px}.overlay button:active{transform:translateY(3px);box-shadow:0 2px 0 #244a38}.overlay button span{margin-left:24px}.cabinet-foot{display:flex;justify-content:space-between;padding:14px 7px 3px;font-size:10px;letter-spacing:1px;color:#afbfbb}.cabinet-foot i{display:inline-block;width:6px;height:6px;background:#c6f46d;border-radius:50%;margin-right:6px}footer{display:flex;justify-content:space-between;border-top:1px solid #314045;padding-top:18px;font-size:10px;letter-spacing:1px;color:#849797}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:760px){main{padding:18px 18px 24px}header{padding-bottom:16px}.edition{display:none}.layout{display:flex;flex-direction:column;gap:20px;margin:22px auto;max-width:390px}.intro{width:100%}.eyebrow,.intro p,.keys,.rule{display:none}h1{font-size:32px;letter-spacing:-1px;margin:0}h1 br{display:none}.cabinet{width:100%}footer{justify-content:center}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.hud{gap:18px}.hud #lives{color:#ff9f9f;font-size:20px;letter-spacing:1px}@media(max-width:360px){.hud{gap:10px}.hud #lives{font-size:18px}}