:root{--bg-color:#080710;--bg-gradient:radial-gradient(circle at 50% 50%, #15122e 0%, var(--bg-color) 100%);--panel-bg:rgba(16, 14, 30, 0.65);--modal-bg:rgba(16, 14, 30, 0.96);--modal-border:1px solid rgba(0, 242, 254, 0.25);--border-glow:rgba(0, 242, 254, 0.15);--card-border:1px solid rgba(255, 255, 255, 0.08);--card-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.1);--card-sub-bg:rgba(255, 255, 255, 0.02);--card-sub-border:1px solid rgba(255, 255, 255, 0.05);--input-bg:rgba(255, 255, 255, 0.04);--input-border:1px solid rgba(255, 255, 255, 0.08);--input-focus-bg:rgba(255, 255, 255, 0.08);--btn-primary-text:#05040a;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-border:1px solid rgba(255, 255, 255, 0.1);--btn-secondary-hover-bg:rgba(255, 255, 255, 0.12);--nav-btn-active-bg:rgba(255, 255, 255, 0.06);--neon-blue:#00f2fe;--neon-pink:#ff007f;--neon-purple:#9d4edd;--neon-green:#39ff14;--text-color:#f1f0fb;--text-muted:#8e8ba7;--accent-glow:0 0 20px rgba(0, 242, 254, 0.4);--accent-pink-glow:0 0 20px rgba(255, 0, 128, 0.4);--safe-area-inset-top:env(safe-area-inset-top, 0px);--safe-area-inset-bottom:env(safe-area-inset-bottom, 0px);--safe-area-inset-left:env(safe-area-inset-left, 0px);--safe-area-inset-right:env(safe-area-inset-right, 0px)}body.theme-cyberpunk{--bg-color:#0b0214;--bg-gradient:radial-gradient(circle at 50% 50%, #1c0032 0%, var(--bg-color) 100%);--panel-bg:rgba(25, 3, 40, 0.7);--modal-bg:rgba(25, 3, 40, 0.96);--modal-border:1px solid rgba(0, 255, 210, 0.25);--border-glow:rgba(212, 255, 0, 0.18);--card-border:1px solid rgba(255, 255, 255, 0.08);--card-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.1);--card-sub-bg:rgba(0, 255, 210, 0.02);--card-sub-border:1px solid rgba(0, 255, 210, 0.05);--input-bg:rgba(255, 255, 255, 0.04);--input-border:1px solid rgba(255, 255, 255, 0.08);--input-focus-bg:rgba(255, 255, 255, 0.08);--btn-primary-text:#05040a;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-border:1px solid rgba(255, 255, 255, 0.1);--btn-secondary-hover-bg:rgba(255, 255, 255, 0.12);--nav-btn-active-bg:rgba(255, 255, 255, 0.06);--neon-blue:#00ffd2;--neon-pink:#ff0077;--neon-purple:#9b00e8;--neon-green:#d4ff00;--accent-glow:0 0 20px rgba(0, 255, 210, 0.4);--accent-pink-glow:0 0 20px rgba(255, 0, 119, 0.4)}body.theme-solar{--bg-color:#0f0500;--bg-gradient:radial-gradient(circle at 50% 50%, #2a0800 0%, var(--bg-color) 100%);--panel-bg:rgba(25, 10, 5, 0.7);--modal-bg:rgba(25, 10, 5, 0.96);--modal-border:1px solid rgba(255, 106, 0, 0.25);--border-glow:rgba(255, 100, 0, 0.2);--card-border:1px solid rgba(255, 255, 255, 0.08);--card-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.1);--card-sub-bg:rgba(255, 106, 0, 0.02);--card-sub-border:1px solid rgba(255, 106, 0, 0.05);--input-bg:rgba(255, 255, 255, 0.04);--input-border:1px solid rgba(255, 255, 255, 0.08);--input-focus-bg:rgba(255, 255, 255, 0.08);--btn-primary-text:#05040a;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-border:1px solid rgba(255, 255, 255, 0.1);--btn-secondary-hover-bg:rgba(255, 255, 255, 0.12);--nav-btn-active-bg:rgba(255, 255, 255, 0.06);--neon-blue:#ff6a00;--neon-pink:#ff3300;--neon-purple:#ffb300;--neon-green:#ffe600;--accent-glow:0 0 20px rgba(255, 106, 0, 0.4);--accent-pink-glow:0 0 20px rgba(255, 51, 0, 0.4)}body.theme-deepocean{--bg-color:#000c14;--bg-gradient:radial-gradient(circle at 50% 50%, #001f3f 0%, var(--bg-color) 100%);--panel-bg:rgba(5, 20, 35, 0.7);--modal-bg:rgba(5, 20, 35, 0.96);--modal-border:1px solid rgba(0, 136, 255, 0.25);--border-glow:rgba(0, 255, 191, 0.2);--card-border:1px solid rgba(255, 255, 255, 0.08);--card-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.1);--card-sub-bg:rgba(0, 136, 255, 0.02);--card-sub-border:1px solid rgba(0, 136, 255, 0.05);--input-bg:rgba(255, 255, 255, 0.04);--input-border:1px solid rgba(255, 255, 255, 0.08);--input-focus-bg:rgba(255, 255, 255, 0.08);--btn-primary-text:#ffffff;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-border:1px solid rgba(255, 255, 255, 0.1);--btn-secondary-hover-bg:rgba(255, 255, 255, 0.12);--nav-btn-active-bg:rgba(255, 255, 255, 0.06);--neon-blue:#0088ff;--neon-pink:#00ffd5;--neon-purple:#1e3c72;--neon-green:#a8ff78;--accent-glow:0 0 20px rgba(0, 136, 255, 0.4);--accent-pink-glow:0 0 20px rgba(0, 255, 213, 0.4)}body.theme-matrix{--bg-color:#020a02;--bg-gradient:radial-gradient(circle at 50% 50%, #011401 0%, var(--bg-color) 100%);--panel-bg:rgba(5, 18, 5, 0.75);--modal-bg:rgba(5, 18, 5, 0.96);--modal-border:1px solid rgba(57, 255, 20, 0.25);--border-glow:rgba(57, 255, 20, 0.18);--card-border:1px solid rgba(255, 255, 255, 0.08);--card-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.1);--card-sub-bg:rgba(57, 255, 20, 0.02);--card-sub-border:1px solid rgba(57, 255, 20, 0.05);--input-bg:rgba(255, 255, 255, 0.04);--input-border:1px solid rgba(255, 255, 255, 0.08);--input-focus-bg:rgba(255, 255, 255, 0.08);--btn-primary-text:#020a02;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-border:1px solid rgba(255, 255, 255, 0.1);--btn-secondary-hover-bg:rgba(255, 255, 255, 0.12);--nav-btn-active-bg:rgba(57, 255, 20, 0.06);--neon-blue:#39ff14;--neon-pink:#00ff00;--neon-purple:#052e16;--neon-green:#86efac;--text-color:#dcfce7;--text-muted:#4ade80;--accent-glow:0 0 20px rgba(57, 255, 20, 0.4);--accent-pink-glow:0 0 20px rgba(0, 255, 0, 0.4)}body.theme-nebulalight{--bg-color:#f4f6fa;--bg-gradient:radial-gradient(circle at 50% 50%, #ffffff 0%, var(--bg-color) 100%);--panel-bg:rgba(255, 255, 255, 0.85);--modal-bg:rgba(255, 255, 255, 0.98);--modal-border:1px solid rgba(0, 85, 204, 0.2);--border-glow:rgba(0, 85, 204, 0.12);--card-border:1px solid rgba(0, 85, 204, 0.12);--card-shadow:0 20px 50px rgba(0, 50, 150, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.8);--card-sub-bg:rgba(0, 85, 204, 0.04);--card-sub-border:1px solid rgba(0, 85, 204, 0.08);--input-bg:rgba(0, 0, 0, 0.03);--input-border:1px solid rgba(0, 0, 0, 0.1);--input-focus-bg:rgba(0, 0, 0, 0.05);--btn-primary-text:#ffffff;--btn-secondary-bg:rgba(0, 0, 0, 0.05);--btn-secondary-border:1px solid rgba(0, 0, 0, 0.08);--btn-secondary-hover-bg:rgba(0, 0, 0, 0.08);--nav-btn-active-bg:rgba(0, 85, 204, 0.08);--neon-blue:#0055cc;--neon-pink:#be123c;--neon-purple:#6b21a8;--neon-green:#047857;--text-color:#0f172a;--text-muted:#64748b;--accent-glow:0 0 15px rgba(0, 85, 204, 0.2);--accent-pink-glow:0 0 15px rgba(190, 18, 60, 0.2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;padding:20px}.game-container{position:relative;width:100%;max-width:560px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--card-border);border-radius:24px;box-shadow:var(--card-shadow);display:grid;grid-template-columns:1fr;overflow:hidden;transition:.5s cubic-bezier(.16, 1, .3, 1)}.game-container.playing{max-width:960px}@media (min-width:1025px){.game-container.playing{grid-template-columns:1.1fr 0.9fr}}.canvas-section{display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px;position:relative;background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.05)}.game-container.playing .canvas-section{display:flex}.canvas-container{position:relative;width:420px;height:420px;max-width:100%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.05);background:radial-gradient(circle,rgba(16,14,30,.8) 0,rgba(5,4,10,.9) 100%);box-shadow:inset 0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,242,254,.02);overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:crosshair}.canvas-container canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ui-section{padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:520px}header{margin-bottom:30px}h1{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}.subtitle{font-size:.95rem;color:var(--text-muted);margin-top:5px;letter-spacing:.5px;text-transform:uppercase}.instruction-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-bottom:25px;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:center}.instruction-box::before{content:'';position:absolute;top:0;left:0;height:100%;width:4px;background:var(--neon-blue)}.round-indicator{font-size:.8rem;font-weight:600;color:var(--neon-blue);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.prompt-text{font-size:1.25rem;font-weight:500;line-height:1.4;color:var(--text-color)}.prompt-desc{font-size:.9rem;color:var(--text-muted);margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px;min-height:180px}.stat-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:15px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px}.stat-value{font-size:1.5rem;font-weight:700;font-family:'Space Grotesk',sans-serif;color:var(--text-color);word-break:break-all}.stat-value.highlight{color:var(--neon-blue);text-shadow:0 0 10px rgba(0,242,254,.3)}.sound-toggle{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-muted);transition:.3s}.sound-toggle:hover{color:var(--neon-blue);background:rgba(255,255,255,.1)}.sound-toggle.muted{color:var(--neon-pink)}.top-right-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.top-right-controls .sound-toggle{position:static}.restart-toggle{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-muted);transition:.3s;z-index:10}.restart-toggle:hover{color:var(--neon-blue);background:rgba(255,255,255,.1)}.btn{width:100%;padding:16px 28px;border-radius:14px;border:none;cursor:pointer;font-size:1.05rem;font-weight:600;letter-spacing:.5px;font-family:Outfit,sans-serif;transition:.3s cubic-bezier(.25, .8, .25, 1);display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.btn *{pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);color:var(--btn-primary-text);font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,242,254,.4);filter:brightness(1.1)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-color);border:var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg)}.btn:active{transform:translateY(1px)}#zenGuidelineToggle:checked+.toggle-slider{background-color:var(--neon-blue)!important;box-shadow:0 0 8px var(--neon-blue)}.toggle-slider::before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}#zenGuidelineToggle:checked+.toggle-slider::before{transform:translateX(14px)}.streak-badge{position:absolute;top:20px;left:80px;background:linear-gradient(135deg,#ff007f 0,#ff5e00 100%);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:800;color:#fff;display:none;align-items:center;gap:5px;box-shadow:0 0 15px rgba(255,94,0,.4);z-index:10}.hint-button{position:absolute;top:20px;right:110px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-muted);transition:.3s;z-index:10}.hint-button:hover{color:var(--neon-pink);background:rgba(255,255,255,.1);border-color:rgba(255,0,127,.3);box-shadow:0 0 10px rgba(255,0,127,.2)}.hint-button.used{opacity:.3;cursor:not-allowed;pointer-events:none;box-shadow:none}.leaderboard-table{width:100%;margin-top:15px;border-collapse:collapse;font-size:.8rem;background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.leaderboard-table td,.leaderboard-table th{padding:8px 12px;text-align:left}.leaderboard-table th{background:rgba(255,255,255,.03);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px}.leaderboard-table tr{border-bottom:1px solid rgba(255,255,255,.03)}.leaderboard-table tr:last-child{border-bottom:none}.zen-control-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;width:100%}.zen-slider-row{display:flex;flex-direction:column;gap:6px}.zen-slider-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.slider-input{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:0;-webkit-appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon-blue);cursor:pointer;box-shadow:0 0 8px var(--neon-blue)}.screen{display:none;width:100%;height:100%;animation:.4s ease-out forwards fadeIn}.screen.active{display:flex;flex-direction:column;justify-content:space-between}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-screen{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto}.welcome-logo{font-size:4rem;margin-bottom:20px;animation:6s linear infinite spinPulse;display:inline-block}@keyframes spinPulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 5px rgba(0, 242, 254, .2))}50%{transform:scale(1.05) rotate(180deg);filter:drop-shadow(0 0 25px rgba(0, 242, 254, .6))}100%{transform:scale(1) rotate(360deg);filter:drop-shadow(0 0 5px rgba(0, 242, 254, .2))}}.instructions-list{text-align:left;margin:25px 0 35px;background:var(--card-sub-bg);border:var(--card-sub-border);border-radius:16px;padding:20px 25px}.instructions-list li{margin-bottom:12px;font-size:.95rem;color:var(--text-muted);line-height:1.4;list-style:none;position:relative;padding-left:20px}.instructions-list li::before{content:"✦";position:absolute;left:0;color:var(--neon-blue)}.results-container{width:100%;display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.round-row{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 20px;transition:.3s}.round-row:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.round-num-label{font-weight:600;color:var(--text-color)}.round-details-label{font-size:.85rem;color:var(--text-muted)}.round-score-badge{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.15rem;padding:4px 12px;border-radius:8px;background:rgba(0,242,254,.1);color:var(--neon-blue);border:1px solid rgba(0,242,254,.2)}.round-score-badge.high{background:rgba(57,255,20,.1);color:var(--neon-green);border-color:rgba(57,255,20,.2)}.round-score-badge.low{background:rgba(255,0,127,.1);color:var(--neon-pink);border-color:rgba(255,0,127,.2)}.total-score-box{background:linear-gradient(135deg,rgba(0,242,254,.1) 0,rgba(157,78,221,.1) 100%);border:1px solid rgba(0,242,254,.2);border-radius:18px;padding:25px;text-align:center;margin-bottom:25px}.total-score-value{font-size:3.5rem;font-weight:800;font-family:'Space Grotesk',sans-serif;background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:10px 0;line-height:1}.canvas-overlay-text{position:absolute;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:4rem;pointer-events:none;opacity:0;transition:.5s cubic-bezier(.175, .885, .32, 1.275);z-index:10}.canvas-overlay-text.active{opacity:1;transform:scale(1.2)}.btn-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.16);z-index:1;pointer-events:none;transition:width 50ms linear}.hint-bar{margin-top:15px;font-size:.85rem;color:var(--text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}footer{margin-top:25px;font-size:.8rem;color:var(--text-muted);letter-spacing:1px}.profile-form-container{width:100%;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.text-input{background:var(--input-bg);border:var(--input-border);border-radius:12px;padding:14px 20px;color:var(--text-color);font-family:Outfit,sans-serif;font-size:1.05rem;outline:0;transition:.3s}.text-input:focus{border-color:var(--neon-blue);background:var(--input-focus-bg);box-shadow:0 0 15px var(--border-glow)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:5px}.avatar-option{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;font-size:1.8rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s;aspect-ratio:1}.avatar-option:hover{background:rgba(255,255,255,.08);border-color:var(--neon-purple);transform:translateY(-2px)}.avatar-option.selected{background:rgba(0,242,254,.08);border-color:var(--neon-blue);box-shadow:0 0 15px rgba(0,242,254,.3);transform:scale(1.05)}.dashboard-user-card{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:20px;margin-bottom:25px;text-align:left}.user-avatar-display{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(16,14,30,.8) 0,rgba(0,242,254,.15) 100%);border:2px solid var(--neon-blue);font-size:2.2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px rgba(0,242,254,.2)}.user-info-text{display:flex;flex-direction:column;gap:4px}.user-name{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-color)}.user-meta{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.dashboard-stat-card{background:var(--card-sub-bg);border:var(--card-sub-border);border-radius:12px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dashboard-stat-value{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-color)}.dashboard-stat-value.accent{color:var(--neon-blue);text-shadow:0 0 8px rgba(0,242,254,.2)}.dashboard-stat-value.pink{color:var(--neon-pink);text-shadow:0 0 8px rgba(255,0,127,.2)}.reset-link-container{margin-top:15px;text-align:center}.btn-link-reset{font-size:.75rem;color:var(--text-muted);background:0 0;border:none;cursor:pointer;text-decoration:underline;transition:color .3s}.btn-link-reset:hover{color:var(--neon-pink)}@media (max-width:1024px){body{padding:0;margin:0;width:100vw;background:var(--bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;overflow-x:hidden}body.viewport-locked{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-container{min-height:100dvh;min-height:100svh;width:100vw;max-width:480px;background:0 0;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:visible;border-radius:0}.game-container.playing{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;max-width:480px;overflow:hidden}.canvas-section{display:none;flex:1 1 auto;min-height:0;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:15px 10px 10px;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.15);position:relative}.game-container.playing .canvas-section{display:flex}.canvas-container{width:min(320px,80vw)!important;height:min(320px,80vw)!important;max-width:100%;max-height:76%;aspect-ratio:1!important}.hint-bar{margin-top:12px;font-size:.72rem}.top-right-controls{top:calc(12px + var(--safe-area-inset-top));right:calc(12px + var(--safe-area-inset-right));gap:6px}.sound-toggle{width:32px;height:32px}.sound-toggle svg{width:14px;height:14px}.restart-toggle{position:absolute;top:calc(12px + var(--safe-area-inset-top));left:calc(12px + var(--safe-area-inset-left));width:32px;height:32px;z-index:10}.restart-toggle svg{width:14px;height:14px}.hint-button{position:absolute;top:calc(12px + var(--safe-area-inset-top));right:calc(82px + var(--safe-area-inset-right));width:32px;height:32px;z-index:10}.hint-button svg{width:14px;height:14px}.streak-badge{position:absolute;top:calc(12px + var(--safe-area-inset-top));left:calc(52px + var(--safe-area-inset-left));height:32px;padding:0 10px;font-size:.72rem;z-index:10;box-sizing:border-box}.ui-section{flex:0 0 auto;min-height:auto!important;padding-top:18px;padding-bottom:calc(18px + var(--safe-area-inset-bottom));padding-left:calc(15px + var(--safe-area-inset-left));padding-right:calc(15px + var(--safe-area-inset-right));background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:flex-start;gap:12px;border-left:none;width:100%}.ui-section header{display:none!important}.screen{height:100%;display:none;flex-direction:column;justify-content:space-between}.screen.active{display:flex}#screenWelcome{justify-content:center;align-items:center;height:100%;padding:20px 0}#profileCreationContainer header,#welcomeDashboardContainer header{display:block!important;margin-bottom:15px;text-align:center;padding-top:calc(52px + var(--safe-area-inset-top))}#profileCreationContainer h1,#welcomeDashboardContainer h1{font-size:2.1rem!important;justify-content:center}.welcome-screen{padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.welcome-logo svg{width:80px;height:80px}.instructions-list{margin:15px 0;padding:10px 15px;width:100%}.instructions-list li{font-size:.82rem;margin-bottom:6px}.instruction-box{min-height:auto;height:auto;padding:14px 18px;margin-bottom:12px;display:flex;flex-direction:column;justify-content:center}.round-indicator{font-size:.65rem;margin-bottom:2px}.prompt-text{font-size:.92rem!important;line-height:1.25}.prompt-desc{font-size:.72rem!important;margin-top:2px}.stats-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px;min-height:auto!important;margin-bottom:10px}#targetStatsCard{grid-column:span 1!important}.stat-card{padding:6px;border-radius:8px}.stat-label{font-size:.65rem;margin-bottom:2px}.stat-value{font-size:.9rem!important}.stat-value.highlight{font-size:1.15rem!important}.btn{padding:12px;font-size:.95rem;border-radius:10px;width:100%}.total-score-box{padding:8px!important;margin-bottom:8px!important;border-radius:12px!important}.total-score-value{font-size:2rem!important;margin:2px 0!important}#roundScorePhrase{font-size:.78rem}.ui-section div[style*=grid-template-columns]{padding:8px 12px!important;margin-bottom:8px!important;gap:6px 12px!important;font-size:.78rem!important;border-radius:10px!important}#screenGameOver{justify-content:center;align-items:center;height:100%;padding:20px 0}#screenGameOver header{display:block!important;margin-bottom:10px;text-align:center;padding-top:calc(52px + var(--safe-area-inset-top))}#screenGameOver h1{font-size:1.9rem!important;justify-content:center}#screenGameOver .total-score-box{padding:12px!important;margin-bottom:10px!important;width:100%}#screenGameOver .total-score-value{font-size:2.4rem!important}.results-container{gap:6px!important;margin-bottom:12px!important;width:100%}.results-container>div{padding:10px 4px!important;border-radius:10px!important}.results-container>div>div:nth-child(2){font-size:.85rem!important}footer{display:none!important}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px}.avatar-option{font-size:1.5rem;padding:8px}.dashboard-user-card{padding:12px;gap:12px;margin-bottom:15px}.user-avatar-display{width:48px;height:48px;font-size:1.8rem}.user-name{font-size:1.15rem}.user-meta{font-size:.65rem}.dashboard-stats-grid{gap:8px;margin-bottom:15px}.dashboard-stat-card{padding:8px 4px}.dashboard-stat-label{font-size:.58rem}.dashboard-stat-value{font-size:.95rem}}@keyframes skeleton-pulse{0%,100%{opacity:.35}50%{opacity:.7}}.skeleton-row{animation:1.5s ease-in-out infinite skeleton-pulse}@media (max-width:1024px) and (max-height:720px){.game-container.playing .canvas-section{padding:8px 8px 6px}.canvas-container{width:min(240px,58vh)!important;height:min(240px,58vh)!important;max-height:58vh}.hint-bar{margin-top:3px;font-size:.65rem}.ui-section{padding:8px 12px;gap:6px}.instruction-box{padding:6px 10px;margin-bottom:4px}.prompt-text{font-size:.78rem!important}.prompt-desc{font-size:.62rem!important}.stats-grid{gap:4px;margin-bottom:4px;min-height:auto!important}.stat-card{padding:3px}.stat-label{font-size:.55rem}.stat-value{font-size:.75rem!important}.stat-value.highlight{font-size:.95rem!important}.btn{padding:8px;font-size:.82rem}}.mode-pill{transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.mode-pill.active{background:linear-gradient(135deg,rgba(0,242,254,.15),rgba(157,78,221,.15))!important;border:1px solid rgba(0,242,254,.35)!important;color:var(--neon-blue)!important;box-shadow:0 0 15px rgba(0,242,254,.15)}.mode-pill:hover:not(.active){color:var(--text-color)!important;background:rgba(255,255,255,.05)!important}.mode-card{transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.01)}.mode-card.active{background:linear-gradient(135deg,rgba(0,242,254,.08),rgba(157,78,221,.08))!important;border:1px solid rgba(0,242,254,.35)!important;box-shadow:0 0 15px rgba(0,242,254,.12)}.mode-card.active .mode-desc{color:var(--text-muted)!important}.mode-card:hover:not(.active){background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.15)!important;transform:translateY(-2px)}.life-bar-container{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.life-bar-fill{transition:width .4s cubic-bezier(.4, 0, .2, 1),background-color .4s;box-shadow:0 0 10px rgba(0,242,254,.5)}.reversal-range-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);outline:0;transition:.3s}.reversal-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));cursor:pointer;box-shadow:0 0 10px var(--neon-blue);transition:transform .1s,box-shadow .2s;border:none}.reversal-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px var(--neon-blue),0 0 25px var(--neon-purple)}.reversal-range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));cursor:pointer;box-shadow:0 0 10px var(--neon-blue);transition:transform .1s,box-shadow .2s;border:none}.reversal-range-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px var(--neon-blue),0 0 25px var(--neon-purple)}.achievements-list-wrapper::-webkit-scrollbar{width:6px}.achievements-list-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.01);border-radius:3px}.achievements-list-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.achievements-list-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.achievement-card:hover{transform:translateY(-2px)!important;border-color:rgba(0,242,254,.4)!important;background:rgba(0,242,254,.06)!important;box-shadow:0 4px 15px rgba(0,242,254,.1)}.theme-section{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:12px}.theme-tile{position:relative;padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;text-align:center;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-tile:hover:not(.locked){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.theme-tile.active{border-color:var(--neon-blue);background:rgba(0,242,254,.05);box-shadow:0 0 10px rgba(0,242,254,.15)}.theme-tile.locked{opacity:.5;cursor:not-allowed}.theme-color-preview{display:flex;gap:4px;margin-top:4px}.theme-color-dot{width:12px;height:12px;border-radius:50%}.theme-name{font-size:.85rem;font-weight:600}.theme-status{font-size:.7rem;color:var(--text-muted)}.insights-section{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.insight-card{background:var(--card-sub-bg);border:var(--card-sub-border);border-radius:14px;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.insight-card.full-width{grid-column:1/-1}.insight-label{font-size:.75rem;color:var(--text-muted);font-family:'Space Grotesk',sans-serif;letter-spacing:.5px;text-transform:uppercase}.insight-value{font-size:1.4rem;font-weight:800;margin:8px 0;color:var(--text-color)}.insight-desc{font-size:.8rem;color:var(--text-muted)}.bias-meter-wrapper{margin-top:12px;position:relative;width:100%}.bias-meter-track{height:6px;background:rgba(255,255,255,.1);border-radius:3px;position:relative}.bias-meter-track::before{content:'';position:absolute;left:50%;top:-3px;width:2px;height:12px;background:rgba(255,255,255,.4)}.bias-meter-fill-left{position:absolute;right:50%;height:100%;background:var(--neon-pink);border-radius:3px 0 0 3px;transition:width .3s}.bias-meter-fill-right{position:absolute;left:50%;height:100%;background:var(--neon-green);border-radius:0 3px 3px 0;transition:width .3s}.bias-meter-marker{position:absolute;top:-5px;width:16px;height:16px;background:var(--text-color);border:3px solid var(--neon-blue);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 8px var(--neon-blue);transition:left .3s cubic-bezier(.16, 1, .3, 1)}.bias-meter-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:6px}.dash-nav-btn{background:0 0;border:1px solid transparent;color:var(--text-muted);padding:10px 4px;font-weight:700;font-size:.75rem;border-radius:8px;cursor:pointer;transition:.25s;font-family:'Space Grotesk',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.5px}.dash-nav-btn:hover{color:var(--text-color);background:rgba(255,255,255,.02)}.dash-nav-btn.active{color:var(--neon-blue);background:var(--nav-btn-active-bg);border:1px solid var(--neon-blue);box-shadow:0 0 12px var(--border-glow)}