@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#0ff;--magenta:#f0f;--yellow:#ff0;--dark:#050510;--glass:#050514bf}body{background:var(--dark);touch-action:none;font-family:Share Tech Mono,monospace;overflow:hidden}#ar-container{z-index:0;position:fixed;inset:0}#root{z-index:10;pointer-events:none;position:fixed;inset:0}.hud{z-index:100;pointer-events:none;justify-content:space-between;width:100%;padding:2rem 2.5rem;display:flex;position:relative}.hud-box{background:var(--glass);border:1px solid var(--cyan);color:var(--cyan);letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 8px var(--cyan), inset 0 0 8px #00ffff0d;pointer-events:auto;padding:.5rem 1.2rem;font-size:1.1rem}.hud-box.danger{color:#f33;border-color:#f33;animation:.5s ease-in-out infinite alternate pulse;box-shadow:0 0 8px #f33,inset 0 0 8px #ff000014}.hud-box.music-control{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.3rem .8rem;font-size:1.3rem;transition:all .2s}.hud-box.music-control:hover{box-shadow:0 0 12px var(--cyan), inset 0 0 12px #00ffff1a;transform:scale(1.1)}.hud-box.music-control:active{transform:scale(.95)}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.screen{pointer-events:all;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;display:flex;position:absolute;inset:0}.screen h1{color:var(--cyan);text-shadow:0 0 20px var(--cyan), 0 0 60px var(--cyan);letter-spacing:6px;text-transform:uppercase;text-align:center;font-size:clamp(2rem,8vw,3.5rem)}.screen p{color:#ffffff8c;text-align:center;max-width:280px;font-size:.95rem;line-height:1.7}.score-display{color:var(--cyan);text-shadow:0 0 30px var(--cyan), 0 0 80px var(--cyan);font-size:clamp(4rem,15vw,6rem);line-height:1}.score-label{color:#fff6;letter-spacing:4px;text-transform:uppercase;margin-top:-.5rem;font-size:.85rem}.btn{border:2px solid var(--magenta);color:var(--magenta);letter-spacing:4px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 12px var(--magenta), inset 0 0 12px #ff00ff0d;pointer-events:all;letter-spacing:1px;background:0 0;padding:.9rem 3rem;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700;transition:transform .2s,background .2s}.btn:hover,.btn:active{background:var(--magenta);color:#000;box-shadow:0 0 30px var(--magenta), 0 0 60px var(--magenta)}.hint{color:#fff6;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;animation:2s ease-in-out infinite fadeInOut;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:.8}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:all;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border:4px solid var(--magenta);text-align:center;pointer-events:all;width:90%;max-width:400px;box-shadow:0 0 30px var(--magenta);background:#1a1a2e;border-radius:20px;padding:2.5rem}.modal-content h2{color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.login-form{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.login-form input{border:1px solid var(--cyan);color:#fff;background:#ffffff0d;border-radius:5px;outline:none;padding:12px 20px;font-family:Share Tech Mono,monospace;font-size:1.1rem}.modal-actions{justify-content:center;gap:1rem;display:flex}.modal-actions .btn{flex:1;padding:1.2rem}.btn-secondary{color:#4a4a8a;box-shadow:none;border-color:#4a4a8a}.error-message{color:#f33;font-size:.85rem}.lobby-screen{background:radial-gradient(circle,#1a1a2e 0%,#0f0f1a 100%)}.lobby-actions{flex-direction:column;gap:1.5rem;width:100%;max-width:300px;display:flex}.btn-main{padding:1.2rem;font-size:1.2rem}.cat-minigame-overlay{z-index:2000;pointer-events:none;position:fixed;inset:0}.cat-peek{pointer-events:none;filter:drop-shadow(0 0 10px #ffaa0080);z-index:2001;font-size:4rem;transition:all .3s;position:absolute}.cat-center-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;z-index:2002;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.cat-visual-center{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;filter:drop-shadow(0 0 20px var(--yellow));font-size:8rem;transition:transform 50ms}.cat-visual-center:active{transform:scale(.9)}.scratch-progress{border:2px solid var(--magenta);width:280px;height:20px;box-shadow:0 0 15px var(--magenta);background:#ffffff1a;border-radius:10px;margin-top:2rem;overflow:hidden}.scratch-bar{background:linear-gradient(90deg, var(--magenta), var(--cyan));height:100%;transition:width .1s}.scratch-hint{color:var(--cyan);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--cyan);margin-top:1.5rem;font-size:1.4rem;animation:.5s infinite alternate pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes push-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}