#root{width:100vw;height:100vh;display:flex;align-items:stretch;justify-content:stretch}body,html{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#000;color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden;touch-action:none}a{font-weight:500;color:#646cff;text-decoration:none;transition:color .25s}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#000}}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,Helvetica Neue,Arial,sans-serif}.welcome-box{width:min(520px,100%);background:linear-gradient(205deg,#141414f2,#080808fa);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:48px 56px;text-align:center;color:#f5f5f5;box-shadow:0 32px 46px #0009,inset 0 1px #ffffff0d}.welcome-box-header{font-size:2.1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.username{color:#fff}.high-score-banner{margin-top:8px;font-size:.95rem;letter-spacing:.08em;color:#ebebebbf}.button-container{margin-top:36px;display:flex;flex-direction:column;gap:14px}.primary-button,.secondary-button,.signout-button{width:100%;padding:16px 20px;border-radius:16px;border:1px solid transparent;font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.primary-button{background:linear-gradient(188deg,#414141e6,#2a2a2ae6);color:#fff;border-color:#ffffff14;box-shadow:0 18px 34px #00000085}.primary-button:hover{transform:translateY(-1px);box-shadow:0 22px 38px #00000094}.secondary-button{background:linear-gradient(180deg,#1e1e1eeb,#121212f2);color:#f3f3f3;border-color:#ffffff0d}.secondary-button:hover{filter:brightness(1.08)}.signout-button{background:#101010;border-color:#fff3;color:#fff}.signout-button:hover{filter:brightness(1.06);box-shadow:0 18px 34px #00000080}@media (max-width: 640px){.welcome-box{padding:36px 28px;border-radius:22px}.welcome-box-header{font-size:1.75rem}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,Helvetica Neue,Arial,sans-serif}.login-box{width:min(460px,100%);background:linear-gradient(200deg,#141414f0,#050505fa);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:40px 42px;box-shadow:0 28px 42px #0000009e,inset 0 1px #ffffff0d;color:#f7f7f7}.login-box-header{font-size:1.8rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:28px}form{display:flex;flex-direction:column;gap:18px}input{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#121212f2;color:#fff;font-size:.95rem;letter-spacing:.05em;transition:border-color .16s ease,box-shadow .16s ease}input:focus{outline:none;border-color:#ffffff5c;box-shadow:0 0 0 4px #ffffff0d}.login-button,.guest-button,.back-button,.next-button{border-radius:14px;border:1px solid transparent;padding:16px 18px;font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}.login-button{background:linear-gradient(180deg,#3c3c3cd9,#262626e6);border-color:#ffffff14;color:#fefefe;box-shadow:0 16px 30px #00000080}.login-button:hover{transform:translateY(-1px);box-shadow:0 20px 36px #0000008c}.guest-section{margin-top:36px;padding:22px;border-radius:16px;background:#0f0f0fe6;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.guest-section h3{margin-bottom:6px;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.guest-hint{font-size:.85rem;letter-spacing:.04em;color:#e6e6e6b3;margin-bottom:14px}.guest-button{background:linear-gradient(180deg,#2c2c2ce6,#1a1a1ae6);color:#f5f5f5;border-color:#ffffff0f}.guest-button:hover{filter:brightness(1.08)}.button-group{display:flex;gap:12px;margin-top:28px}.back-button,.next-button{flex:1;background:#101010;color:#f2f2f2;border-color:#ffffff1a}.back-button:hover,.next-button:hover{filter:brightness(1.05)}.error{margin-top:16px;font-size:.9rem;color:#ffffffb3}@media (max-width: 640px){.login-box{padding:32px 26px;border-radius:18px}.button-group{flex-direction:column}}canvas{display:block;width:100vw;height:100vh;background-color:#000}.app__loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.2rem;letter-spacing:.08em;color:#f5f5f5;background:#000000d9;z-index:1400}.crosshair{position:fixed;top:50%;left:50%;width:6px;height:6px;background-color:#ffe600;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1000}.notification-stack{position:fixed;top:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;z-index:1200}.notification-toast{min-width:220px;max-width:340px;background:#0c0c12db;color:#fdfdfd;padding:12px 22px;border-radius:14px;font-size:1rem;letter-spacing:.02em;text-align:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px #0006;animation:toast-pop .25s ease-out,toast-fade .45s ease-in forwards;animation-delay:0s,2.8s}@keyframes toast-pop{0%{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-fade{to{opacity:0;transform:translateY(-16px) scale(.94)}}