*{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)}.nameInput{text-align:center;letter-spacing:.08em;color:#ffe6a3;background:#00000059;border:1px solid #ffd05c73;border-radius:12px;outline:none;width:100%;margin-top:20px;padding:14px 18px;font-family:inherit;font-size:24px;font-weight:700}.nameInput:focus{border-color:#ffd05c;box-shadow:0 0 0 3px #ffd05c2e}.nameInput::placeholder{color:#ffe6a359}.panel button{width:100%;margin-top:18px}.row{gap:10px;margin-top:10px;display:flex}.row button{margin-top:0}button.ghost{color:#ffd9a0;background:#ffffff12;border:1px solid #ffd05c4d;padding:10px 18px;font-size:15px;font-weight:600}button.ghost:hover{filter:brightness(1.3)}.reveal{z-index:15;text-align:center;letter-spacing:.12em;color:#fff3cd;text-shadow:0 6px 40px #0000008c;pointer-events:none;font-size:clamp(38px,9vw,110px);font-weight:700;animation:2.4s ease-out both revealIn;position:fixed;inset:auto 0 16vh}@keyframes revealIn{0%{opacity:0;letter-spacing:.3em;transform:translateY(26px)scale(.94)}55%{opacity:1}to{opacity:1;letter-spacing:.12em;transform:translateY(0)scale(1)}}.overlay--clear{pointer-events:none;background:0 0;place-items:end center;padding-bottom:4vh}.overlay--clear .panel{pointer-events:auto}.panel--bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181206d1;width:min(94vw,620px);padding:16px 20px}.barText{opacity:.95;margin:0 0 12px;font-size:17px}.barText b{color:#ffd05c}.panel--bar .row{margin-top:0}.panel--bar .row button{flex:1;margin-top:0}