*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0b1020;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}canvas{touch-action:none;display:block}.hud{z-index:10;pointer-events:none;gap:10px;display:flex;position:fixed;top:16px;left:16px}.chip{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140e048c;border:1px solid #ffd05c73;border-radius:999px;padding:8px 16px;font-size:17px}.chip b{color:#ffd05c}.hint{opacity:.65;text-shadow:0 1px 3px #000;z-index:10;pointer-events:none;text-align:center;padding:0 12px;font-size:13px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.overlay{z-index:20;background:radial-gradient(circle at 50% 40%,#0a08028c,#040610e6);place-items:center;display:grid;position:fixed;inset:0}.panel{text-align:center;background:#181206e6;border:1px solid #ffd05c66;border-radius:18px;width:min(90vw,460px);padding:32px;box-shadow:0 24px 60px #0000008c}.panel h1{color:#ffd05c;letter-spacing:.01em;font-size:34px}.panel .sub{opacity:.6;text-transform:uppercase;letter-spacing:.28em;margin-top:2px;font-size:12px}.panel p{opacity:.9;margin-top:18px;line-height:1.55}.panel .stats{font-size:18px}.keys{opacity:.8;gap:8px;margin-top:18px;font-size:14px;list-style:none;display:grid}kbd{background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;min-width:26px;margin-right:4px;padding:2px 6px;font-size:12px;display:inline-block}button{color:#241a05;cursor:pointer;background:linear-gradient(#ffd977,#f2a705);border:none;border-radius:12px;margin-top:26px;padding:13px 40px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.07);transform:translateY(-2px)}button:active{transform:translateY(0)}