:root{--bg-color: #0a0a0f;--accent-primary: #7000ff;--accent-secondary: #00f2ff;--text-main: #f0f0f5;--glass-bg: rgba(20, 20, 30, .7);--glass-border: rgba(255, 255, 255, .1);--font-title: "Space Grotesk", sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);font-family:var(--font-body);overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a1a2e,#0a0a0f)}#game-container{position:relative;width:800px;max-width:100vw;height:600px;max-height:100vh;box-shadow:0 0 50px #00000080;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:center;touch-action:none}#gameCanvas{display:block;width:100%;height:100%;object-fit:contain}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#0a0a0ff2}#auth-box{width:100%;max-width:400px;padding:40px;text-align:center}#auth-title{font-family:var(--font-title);font-size:2rem;letter-spacing:5px;margin-bottom:30px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-size:.7rem;letter-spacing:2px;margin-bottom:8px;color:var(--accent-secondary)}.input-group input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:12px;color:#fff;font-family:var(--font-body)}.auth-buttons{display:flex;gap:15px;margin-top:30px}.glow-btn{flex:1;padding:15px;border-radius:8px;border:none;background:var(--accent-primary);color:#fff;font-weight:700;letter-spacing:2px;cursor:pointer;transition:transform .2s,box-shadow .2s}.glow-btn.outline{background:transparent;border:1px solid var(--accent-primary)}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7000ff66}#auth-error{color:#ff3e3e;font-size:.8rem;margin-top:15px}#auth-guest{font-size:.7rem;margin-top:20px;cursor:pointer;opacity:.5;text-decoration:underline}#touch-controls{position:absolute;bottom:20px;left:0;width:100%;display:none;justify-content:space-between;padding:0 20px;pointer-events:none}.fullscreen-btn{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-main);padding:8px 16px;border-radius:20px;cursor:pointer;z-index:1000;font-size:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}@media (max-width: 900px){#touch-controls{display:flex}.fullscreen-btn{display:block}}.touch-btn{width:80px;height:80px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;pointer-events:all;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.touch-btn:active{background:#7000ff4d;transform:scale(.95)}#touch-jump{margin-left:auto}#landscape-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a0f;text-align:center}.rotate-icon{font-size:4rem;margin-bottom:20px;animation:rotate 2s infinite}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (orientation: portrait) and (max-width: 900px){#landscape-overlay{display:flex}}@media (max-width: 900px){#game-container{border-radius:0;border:none;width:100vw;height:100vh}.stats-panel{top:10px;left:10px;padding:8px 15px;gap:15px}.stat-item .value{font-size:1rem}#ai-thought-box{top:10px;right:10px;width:180px}#touch-controls{display:flex}}.hidden{display:none!important}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.stats-panel{position:absolute;top:20px;left:20px;padding:15px 25px;border-radius:12px;display:flex;gap:30px;animation:slideInDown .5s ease-out}#ai-thought-box{position:absolute;top:20px;right:20px;width:250px;padding:15px;border-radius:12px;animation:slideInDown .5s ease-out}#ai-thought{font-size:.9rem;font-style:italic;margin-top:5px;color:var(--text-main);opacity:.8}.stat-item{display:flex;flex-direction:column}.label{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--accent-secondary);opacity:.8}.value{font-family:var(--font-title);font-size:1.2rem;font-weight:700}#message-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:40px;background:linear-gradient(90deg,transparent,rgba(112,0,255,.2),transparent);transition:opacity .5s,transform .5s}#message-container.hidden{opacity:0;transform:translate(-50%,-40%)}#level-title{font-family:var(--font-title);font-size:3rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:5px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(112,0,255,.3)}#ai-comment{font-size:1.1rem;font-style:italic;color:var(--accent-secondary);opacity:.9}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;transition:opacity .5s}#loading-screen.hidden{opacity:0;pointer-events:none}.loader{width:50px;height:50px;border:3px solid transparent;border-top-color:var(--accent-primary);border-bottom-color:var(--accent-secondary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}#debug-bar{position:fixed;bottom:20px;right:20px;width:350px;max-height:400px;border-radius:12px;display:flex;flex-direction:column;z-index:100;pointer-events:all;box-shadow:0 10px 30px #00000080;transition:transform .3s ease,opacity .3s ease}#debug-bar.hidden{display:none}.debug-header{padding:12px 15px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#00f2ff0d}#debug-close{cursor:pointer;font-size:1.5rem;line-height:1;opacity:.5}#debug-close:hover{opacity:1}.debug-content{padding:15px;overflow-y:auto;font-family:Courier New,Courier,monospace}.debug-section{margin-bottom:20px}.debug-section pre{background:#0000004d;padding:10px;border-radius:6px;font-size:.8rem;color:var(--accent-secondary);white-space:pre-wrap;word-break:break-all}#debug-thoughts{font-size:.85rem;line-height:1.4;color:var(--text-main);border-left:2px solid var(--accent-primary);padding-left:10px}