*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Playfair Display", Georgia, serif;--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-2: #1a1a25;--color-text: #e8e6e3;--color-text-dim: #8a8a95;--color-accent: #6c63ff;--color-accent-glow: rgba(108, 99, 255, .3);--color-success: #4ade80;--color-danger: #ef4444;--color-warning: #f59e0b;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px var(--color-accent-glow);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--hud-height: 60px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow:hidden;line-height:1.5}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:1}.screen.active{opacity:1;pointer-events:auto;z-index:10}.game-area{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--hud-height);display:flex;align-items:center;justify-content:center;overflow:hidden}.level-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(1px,-3px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,3px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px,1px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(2px,-1px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.btn{font-family:var(--font-primary);font-weight:600;font-size:1rem;padding:14px 36px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px var(--color-accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d}.particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#6c63ff66;border-radius:50%;animation:float 6s ease-in-out infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}.hud{position:fixed;top:0;left:0;right:0;height:var(--hud-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);z-index:100;transition:transform var(--transition-normal)}.hud.hidden{transform:translateY(-100%)}.hud-lives{display:flex;gap:6px;align-items:center}.hud-heart{width:22px;height:22px;position:relative;transition:all var(--transition-fast)}.hud-heart svg{width:100%;height:100%;fill:var(--color-danger);filter:drop-shadow(0 0 4px rgba(239,68,68,.4));transition:all var(--transition-fast)}.hud-heart.empty svg{fill:var(--color-surface-2);filter:none;opacity:.4}.hud-heart.lost{animation:heartLost .5s ease forwards}@keyframes heartLost{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.8)}to{transform:scale(1);opacity:.4}}.hud-center{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-level{font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-dim)}.hud-level-number{color:var(--color-accent);font-size:.85rem}.hud-sublevels{display:flex;gap:6px}.hud-sublevel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface-2);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.hud-sublevel-dot.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.hud-sublevel-dot.complete{background:var(--color-success);border-color:var(--color-success)}.hud-score{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-dim);font-weight:500;min-width:100px;text-align:right}.hud-score span{color:var(--color-text);font-weight:700}.hud-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(239,68,68,.15),transparent 70%);pointer-events:none;opacity:0;z-index:99;transition:opacity .2s}.hud-flash.active{opacity:1}.menu-badge{font-family:var(--font-primary);font-size:.75rem;font-weight:600;letter-spacing:10px;color:var(--color-text-dim);text-transform:uppercase;animation:slideDown .6s ease}.menu-title{margin:8px 0 10px;animation:slideDown .7s ease}.menu-title-num{font-family:var(--font-primary);font-size:clamp(5rem,15vw,10rem);font-weight:900;background:linear-gradient(135deg,#6c63ff,#a855f7,#ec4899 80%,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 4px 30px rgba(108,99,255,.3))}.menu-subtitle{font-family:var(--font-primary);font-size:1rem;font-weight:400;color:var(--color-text-dim);margin-bottom:32px;animation:slideDown .8s ease;letter-spacing:1px}.menu-rules{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;animation:slideUp .8s ease}.menu-rule{font-family:var(--font-primary);font-size:.85rem;color:var(--color-text-dim);display:flex;align-items:center;gap:10px}.menu-rule-icon{font-size:1.1rem}.menu-start-btn{animation:slideUp .9s ease,pulse 2s ease-in-out 1.5s infinite;font-size:1.1rem;padding:16px 48px}.menu-footer{font-family:var(--font-primary);font-size:.75rem;color:#ffffff26;margin-top:32px;letter-spacing:3px;animation:fadeIn 1.2s ease}.gameover-content{animation:scaleIn .5s ease}.gameover-skull{font-size:4rem;margin-bottom:8px;animation:float 3s ease-in-out infinite}.gameover-title{font-family:var(--font-primary);font-size:clamp(2.5rem,8vw,4rem);font-weight:900;color:var(--color-danger);letter-spacing:6px;text-shadow:0 0 40px rgba(239,68,68,.3);margin-bottom:24px}.gameover-stats{display:flex;gap:32px;margin-bottom:36px}.gameover-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.gameover-stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--color-text)}.gameover-stat-label{font-family:var(--font-primary);font-size:.7rem;font-weight:500;color:var(--color-text-dim);letter-spacing:1px;text-transform:uppercase}.transition-content{text-align:center;animation:scaleIn .4s ease}.transition-new-level{font-family:var(--font-primary);font-size:.7rem;font-weight:600;letter-spacing:6px;color:var(--color-accent);text-transform:uppercase;margin-bottom:8px;text-shadow:0 0 15px var(--color-accent-glow)}.transition-level-num{font-family:var(--font-primary);font-size:clamp(4rem,12vw,7rem);font-weight:900;color:var(--color-text);line-height:1;margin-bottom:8px}.transition-level-name{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:12px}.transition-hint{font-family:var(--font-primary);font-size:.85rem;color:var(--color-text-dim);max-width:300px;margin:0 auto 20px}.transition-sublevel-label{font-family:var(--font-primary);font-size:.7rem;font-weight:600;letter-spacing:5px;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:4px}.transition-sublevel-num{font-family:var(--font-primary);font-size:4rem;font-weight:900;color:var(--color-text);line-height:1;margin-bottom:8px}.transition-of{font-size:1.5rem;font-weight:400;color:var(--color-text-dim)}.transition-difficulty{font-family:var(--font-primary);font-size:.85rem;font-weight:600;letter-spacing:3px;color:var(--color-warning);text-transform:uppercase;margin-bottom:16px}.transition-dots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.transition-dot{width:10px;height:10px;border-radius:50%;background:var(--color-surface-2);border:1px solid rgba(255,255,255,.1)}.transition-dot.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.transition-dot.complete{background:var(--color-success);border-color:var(--color-success)}.transition-ready{font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;color:#ffffff40;animation:pulse 1s ease-in-out infinite}@media (max-width: 600px){.gameover-stats{flex-direction:column;gap:16px}.menu-rules{padding:0 20px}}.comp-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#completion-screen{background:radial-gradient(ellipse at center,#0a0a0feb,#0a0a0ffa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}#completion-screen.comp-fading{opacity:0;transition:opacity .5s ease}.comp-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.comp-burst-ring{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.15) 0%,transparent 70%);animation:compBurstExpand .8s ease-out forwards;pointer-events:none}@keyframes compBurstExpand{0%{width:40px;height:40px;opacity:.8}to{width:220px;height:220px;opacity:0}}.comp-checkmark-wrap{width:80px;height:80px;margin-bottom:16px;animation:compCheckPop .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes compCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.comp-checkmark{width:100%;height:100%}.comp-checkmark-circle{stroke:#4ade80;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:compCircleDraw .6s ease .2s forwards}@keyframes compCircleDraw{to{stroke-dashoffset:0}}.comp-checkmark-check{stroke:#4ade80;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:compCheckDraw .4s ease .5s forwards}@keyframes compCheckDraw{to{stroke-dashoffset:0}}.comp-cleared-label{font-family:var(--font-primary);font-size:1.6rem;font-weight:800;letter-spacing:8px;color:#4ade80;text-shadow:0 0 30px rgba(74,222,128,.4);animation:slideUp .4s ease .3s both;margin-bottom:6px}.comp-sub-info{display:flex;align-items:center;gap:10px;font-family:var(--font-primary);font-size:.8rem;color:var(--color-text-dim);animation:slideUp .4s ease .4s both;margin-bottom:18px}.comp-sub-sep{opacity:.3}.comp-sub-diff{color:var(--color-warning);font-weight:600;letter-spacing:1px}.comp-score-burst{display:flex;align-items:baseline;gap:4px;animation:compScorePop .5s cubic-bezier(.34,1.56,.64,1) .5s both;margin-bottom:22px}@keyframes compScorePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.comp-plus{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:#f59e0b}.comp-score-val{font-family:var(--font-mono);font-size:2.4rem;font-weight:800;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.4)}.comp-progress{display:flex;align-items:center;gap:0;animation:fadeIn .4s ease .6s both;margin-bottom:18px}.comp-pip{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:#ffffff08;display:flex;align-items:center;justify-content:center;transition:all .3s}.comp-pip span{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:#fff3}.comp-pip svg{width:16px;height:16px;color:#4ade80}.comp-pip-done{border-color:#4ade80;background:#4ade801a}.comp-pip-current{animation:compPipGlow 1.5s ease infinite;box-shadow:0 0 16px #4ade8059}@keyframes compPipGlow{0%,to{box-shadow:0 0 16px #4ade8059}50%{box-shadow:0 0 28px #4ade808c}}.comp-pip-line{width:28px;height:2px;background:#ffffff14}.comp-pip-done+.comp-pip-line{background:#4ade804d}.comp-next-hint{font-family:var(--font-primary);font-size:.75rem;color:#ffffff4d;letter-spacing:1px;animation:fadeIn .4s ease .8s both}.comp-next-hint strong{color:var(--color-accent);font-weight:700}.comp-level-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,rgba(168,85,247,.06) 40%,transparent 70%);animation:compGlowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes compGlowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.15);opacity:1}}.comp-level-badge-wrap{position:relative;margin-bottom:20px;animation:compBadgeDrop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes compBadgeDrop{0%{transform:translateY(-40px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.comp-level-badge{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.comp-level-badge-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;background:conic-gradient(from 0deg,#6c63ff,#a855f7,#ec4899,#f43f5e,#f59e0b,#4ade80,#38bdf8,#6c63ff) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:compRingSpin 4s linear infinite}@keyframes compRingSpin{to{transform:rotate(360deg)}}.comp-level-badge-inner{width:84px;height:84px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6c63ff33}.comp-level-badge-num{font-family:var(--font-primary);font-size:2.4rem;font-weight:900;background:linear-gradient(135deg,#6c63ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comp-level-crown{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:1.8rem;animation:compCrownBounce 1s ease .6s both;filter:drop-shadow(0 2px 6px rgba(245,158,11,.4))}@keyframes compCrownBounce{0%{transform:translate(-50%) translateY(-20px) scale(0)}60%{transform:translate(-50%) translateY(3px) scale(1.1)}to{transform:translate(-50%) translateY(0) scale(1)}}.comp-level-title{font-family:var(--font-primary);font-size:1.2rem;font-weight:800;letter-spacing:8px;color:var(--color-text);text-shadow:0 0 20px rgba(108,99,255,.3);animation:slideUp .4s ease .4s both;margin-bottom:4px}.comp-level-name-cleared{font-family:var(--font-primary);font-size:.85rem;font-weight:500;color:var(--color-text-dim);letter-spacing:2px;animation:slideUp .4s ease .5s both;margin-bottom:20px}.comp-stats-card{display:flex;align-items:center;gap:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px 28px;animation:compCardSlide .5s ease .6s both;margin-bottom:24px}@keyframes compCardSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.comp-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}.comp-stat-icon{font-size:1.2rem}.comp-stat-val{font-family:var(--font-mono);font-size:1.4rem;font-weight:800;color:var(--color-text)}.comp-stat-label{font-family:var(--font-primary);font-size:.6rem;font-weight:500;color:var(--color-text-dim);letter-spacing:1px;text-transform:uppercase}.comp-stat-divider{width:1px;height:40px;background:#ffffff0f}.comp-next-level-preview{display:flex;flex-direction:column;align-items:center;gap:4px;animation:compNextFade .5s ease .9s both}@keyframes compNextFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comp-next-label{font-family:var(--font-primary);font-size:.6rem;font-weight:700;letter-spacing:4px;color:#ffffff40;text-transform:uppercase}.comp-next-num{font-family:var(--font-primary);font-size:.85rem;font-weight:800;letter-spacing:3px;color:var(--color-accent);text-shadow:0 0 10px var(--color-accent-glow)}.comp-next-name{font-family:var(--font-primary);font-size:1.1rem;font-weight:600;color:var(--color-text)}.comp-next-hint-text{font-family:var(--font-primary);font-size:.75rem;color:var(--color-text-dim);max-width:260px;line-height:1.4}@media (max-width: 500px){.comp-stats-card{padding:14px 16px;gap:14px}.comp-stat{min-width:54px}.comp-stat-val{font-size:1.1rem}.comp-score-val{font-size:1.8rem}.comp-level-badge{width:80px;height:80px}.comp-level-badge-inner{width:66px;height:66px}.comp-level-badge-num{font-size:1.8rem}}#briefing-screen{background:#050508f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;color:#fff}.brief-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(108,99,255,.05) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px);pointer-events:none}.brief-content{width:min(500px,90%);padding:40px;border:1px solid rgba(108,99,255,.2);background:#0a0a0f66;position:relative;box-shadow:0 0 50px #00000080;animation:briefEntry .5s cubic-bezier(.23,1,.32,1)}@keyframes briefEntry{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.brief-header{margin-bottom:30px}.brief-level-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);letter-spacing:4px;margin-bottom:8px}.brief-title{font-family:var(--font-primary);font-size:2rem;font-weight:900;letter-spacing:2px;color:#fff;margin:0}.brief-line{height:2px;width:60px;background:var(--color-accent);margin-top:15px}.brief-body{display:flex;flex-direction:column;gap:32px}.brief-section-title{font-family:var(--font-primary);font-size:.65rem;font-weight:700;color:#ffffff4d;letter-spacing:3px;margin-bottom:12px;text-transform:uppercase}.brief-text{font-family:var(--font-primary);font-size:1rem;line-height:1.6;color:#fffc;margin:0;min-height:3em}.brief-controls{display:flex;flex-wrap:wrap;gap:12px}.brief-key{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;background:#ffffff0d;color:#fff}.brief-hint-section{padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.brief-hint-tag{display:inline-block;padding:2px 8px;background:#f59e0b1a;color:#f59e0b;font-family:var(--font-mono);font-size:.6rem;font-weight:700;margin-bottom:8px;border-radius:2px}.brief-hint-text{font-family:var(--font-primary);font-size:.85rem;font-style:italic;color:#ffffff80;margin:0}.brief-footer{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.brief-begin-btn{position:relative;background:#fff;color:#000;border:none;padding:16px 40px;font-family:var(--font-primary);font-weight:900;font-size:1rem;letter-spacing:4px;cursor:pointer;overflow:hidden;transition:transform .2s}.brief-begin-btn:hover{transform:scale(1.05)}.brief-begin-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;transform:translate(-101%);transition:transform .3s cubic-bezier(.77,0,.175,1)}.brief-begin-btn:hover .brief-begin-glitch{transform:translate(0)}.brief-press-space{font-family:var(--font-mono);font-size:.65rem;color:#fff3;letter-spacing:2px}.color-match-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:linear-gradient(165deg,#f5f0e8,#e8e0d0,#d4cbbe);padding:20px;font-family:var(--font-display)}.cm-target{display:flex;flex-direction:column;align-items:center;gap:10px;animation:slideDown .5s ease}.cm-target-label{font-family:var(--font-primary);font-size:.7rem;font-weight:600;letter-spacing:4px;color:#8a7e6b;text-transform:uppercase}.cm-target-swatch{width:80px;height:80px;border-radius:50%;box-shadow:0 4px 20px #0000001a,inset 0 2px 4px #ffffff4d;border:3px solid rgba(255,255,255,.5);transition:transform .3s}.cm-target-name{font-size:1.1rem;color:#5a5245;font-weight:400;font-style:italic}.cm-timer-wrap{width:min(400px,90%)}.level-timer{width:100%;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.level-timer-fill{height:100%;width:100%;background:#87a878;border-radius:3px;transition:background .3s}.cm-grid{display:grid;gap:14px;width:min(400px,90%);animation:scaleIn .5s ease}.cm-tile{aspect-ratio:1;border:none;border-radius:16px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000001a,inset 0 1px 2px #ffffff40;transition:all .2s ease;font-family:var(--font-primary)}.cm-tile:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #00000026}.cm-tile:active{transform:scale(.97)}.cm-tile-name{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:.65rem;color:#fffc;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.3);opacity:0;transition:opacity .2s}.cm-tile:hover .cm-tile-name{opacity:1}.cm-tile.cm-correct{animation:pulse .4s ease;box-shadow:0 0 0 4px #4ade80,0 6px 24px #4ade804d}.cm-tile.cm-wrong{animation:shake .4s ease;box-shadow:0 0 0 4px #ef4444;opacity:.5}.seq-mem-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(180deg,#030820,#0a1628 40%,#0d1f3c);position:relative;overflow:hidden;padding:20px}.seq-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.seq-bubble{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.3),transparent);animation:seqBubbleRise 8s ease-in infinite}@keyframes seqBubbleRise{0%{bottom:-20px;opacity:0}10%{opacity:.6}90%{opacity:.2}to{bottom:110%;opacity:0}}.seq-status{font-family:var(--font-primary);font-size:.8rem;font-weight:600;letter-spacing:4px;color:#00c8ffcc;text-transform:uppercase;z-index:1;animation:slideDown .5s ease;text-shadow:0 0 20px rgba(0,200,255,.4)}.seq-counter{font-family:var(--font-mono);font-size:.75rem;color:#ffffff4d;z-index:1}.seq-grid{display:grid;gap:10px;width:min(340px,85%);z-index:1;animation:scaleIn .6s ease}.seq-tile{aspect-ratio:1;border:1px solid rgba(0,200,255,.15);border-radius:12px;background:#00c8ff08;cursor:pointer;transition:all .2s;position:relative}.seq-tile:hover{background:#00c8ff14;border-color:#00c8ff4d}.seq-tile.seq-active{background:radial-gradient(circle,#00dcff99,#0096ff4d);border-color:#00dcffcc;box-shadow:0 0 30px #00c8ff66,inset 0 0 15px #00c8ff33;transform:scale(1.05)}.seq-tile.seq-pressed{background:radial-gradient(circle,#00dcff66,#0096ff33);border-color:#00c8ff80;transform:scale(.95)}.seq-tile.seq-success{background:radial-gradient(circle,#4ade8066,#4ade801a);border-color:#4ade8099;box-shadow:0 0 20px #4ade804d}.seq-tile.seq-wrong{background:radial-gradient(circle,#ef444480,#ef444433);border-color:#ef4444b3;animation:shake .4s}.seq-tile.seq-reveal{background:radial-gradient(circle,rgba(0,220,255,.3),transparent);border-color:#00c8ff66}.maze-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0a;position:relative;overflow:hidden;padding:20px}.maze-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,45,111,.03) 2px,rgba(255,45,111,.03) 4px);pointer-events:none;z-index:2}.maze-header{display:flex;align-items:center;gap:16px;z-index:1}.maze-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:3px;color:#ff2d6f;text-shadow:0 0 10px rgba(255,45,111,.5)}.maze-size{font-family:var(--font-mono);font-size:.6rem;color:#ffffff4d;border:1px solid rgba(255,45,111,.3);padding:2px 8px;border-radius:2px}.maze-instructions{font-family:var(--font-mono);font-size:.65rem;color:#ffffff40;z-index:1}.maze-container{position:relative;border:2px solid rgba(255,45,111,.4);box-shadow:0 0 30px #ff2d6f26;z-index:1}.maze-player{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff9,0 0 30px #ffffff4d;transition:all .12s ease;z-index:3}.maze-player-win{background:#4ade80;box-shadow:0 0 20px #4ade80b3;animation:pulse .3s ease}.maze-end{position:absolute;background:#ff2d6f;border-radius:4px;box-shadow:0 0 15px #ff2d6f80;animation:pulse 2s ease-in-out infinite;z-index:2}.maze-fog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transition:background .15s}.math-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#1a3a2a;background-image:radial-gradient(ellipse at 30% 40%,rgba(0,50,20,.4) 0%,transparent 70%),radial-gradient(ellipse at 70% 60%,rgba(0,60,30,.3) 0%,transparent 70%);position:relative;padding:20px}.math-chalk-dust{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.math-equation{font-family:Playfair Display,Georgia,serif;font-size:2.8rem;color:#ffffffd9;letter-spacing:4px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:slideDown .5s ease;z-index:1}.math-timer-wrap{width:min(400px,85%);z-index:1}.math-level .level-timer{background:#ffffff1a}.math-level .level-timer-fill{background:#ffffff80}.math-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:min(360px,85%);z-index:1;animation:scaleIn .5s ease}.math-choice{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;padding:18px;border:2px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;color:#fffc;cursor:pointer;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.math-choice:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.03)}.math-choice.math-correct{background:#4ade8033;border-color:#4ade80;color:#4ade80;animation:pulse .4s}.math-choice.math-wrong{background:#ef444433;border-color:#ef4444;color:#ef4444;animation:shake .4s}.math-status{font-family:var(--font-mono);font-size:.85rem;letter-spacing:2px;z-index:1;min-height:24px}.math-status-win{color:#4ade80}.math-status-fail{color:#ef4444}.word-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#f0e6d3;position:relative;padding:20px}.word-paper-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}.word-header{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.word-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:4px;color:#5a4a3a}.word-hint-count{font-family:var(--font-mono);font-size:.65rem;color:#8a7a6a}.word-scrambled{display:flex;gap:10px;z-index:1;animation:slideDown .5s ease}.word-letter{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:#3a2a1a;width:52px;height:64px;display:flex;align-items:center;justify-content:center;border-bottom:3px solid #3a2a1a;transition:all .2s}.word-letter-hint{color:#87a878;border-bottom-color:#87a878}.word-input-area{display:flex;gap:10px;z-index:1;animation:scaleIn .5s ease}.word-input{font-family:var(--font-mono);font-size:1.3rem;font-weight:600;letter-spacing:8px;text-transform:uppercase;padding:12px 20px;border:2px solid #c0a080;border-radius:4px;background:#fff9;color:#3a2a1a;width:260px;text-align:center;outline:none;transition:all .2s}.word-input:focus{border-color:#5a4a3a;background:#fffc}.word-input-correct{border-color:#4ade80!important;background:#4ade801a!important}.word-input-wrong{border-color:#ef4444!important;background:#ef44441a!important;animation:shake .4s}.word-submit{font-family:var(--font-mono);background:#3a2a1a;color:#f0e6d3;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:2px;transition:all .2s}.word-submit:hover{background:#5a4a3a}.word-hint-btn{font-family:var(--font-mono);font-size:.75rem;padding:8px 16px;border:1px dashed #c0a080;border-radius:4px;background:transparent;color:#8a7a6a;cursor:pointer;z-index:1;transition:all .2s}.word-hint-btn:hover:not(:disabled){border-color:#5a4a3a;color:#5a4a3a}.word-hint-btn:disabled{opacity:.4;cursor:default}.word-status{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:2px;z-index:1;min-height:24px}.word-status-win{color:#4ade80}.word-status-fail{color:#c4675c}.react-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,#1a0030,#2d1b4e 40%,#1a3a4a);position:relative;overflow:hidden;padding:20px}.react-grid-bg{position:absolute;bottom:0;left:-10%;right:-10%;height:50%;background:linear-gradient(90deg,rgba(255,100,200,.15) 1px,transparent 1px),linear-gradient(0deg,rgba(255,100,200,.15) 1px,transparent 1px);background-size:60px 40px;transform:perspective(400px) rotateX(60deg);transform-origin:bottom}.react-sun{position:absolute;top:15%;left:50%;transform:translate(-50%);width:160px;height:160px;border-radius:50%;background:linear-gradient(180deg,#ff6ec7,#ff9a5c,#fc0);opacity:.3;filter:blur(20px)}.react-status{font-family:var(--font-primary);font-size:1.2rem;font-weight:800;letter-spacing:5px;color:#ff6ec7;text-shadow:0 0 20px rgba(255,110,199,.5);z-index:1;text-transform:uppercase}.react-counter{font-family:var(--font-mono);font-size:.8rem;color:#fff6;z-index:1}.react-field{width:min(500px,90%);height:350px;position:relative;border:1px solid rgba(255,110,199,.2);border-radius:12px;z-index:1}.react-target{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#ff6ec7,#f39);box-shadow:0 0 30px #ff6ec799,0 0 60px #ff6ec74d;cursor:pointer;animation:reactPop .3s ease;transition:all .15s;transform:translate(-50%,-50%)}.react-target:hover{transform:translate(-50%,-50%) scale(1.1)}.react-decoy{background:radial-gradient(circle,#f33,#a00);box-shadow:0 0 30px #f009,0 0 60px #ff00004d;border:4px solid #fff}.react-decoy:before{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:900}@keyframes reactPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.react-target-hit{animation:reactHit .3s ease forwards}@keyframes reactHit{to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.react-target-miss{animation:shake .3s ease;opacity:.3}.react-target-wrong{background:radial-gradient(circle,#ef4444,#c00);box-shadow:0 0 30px #ef4444b3;animation:shake .4s}.pattern-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#fafafa;padding:20px}.pattern-header{display:flex;flex-direction:column;align-items:center;gap:8px;height:60px}.pattern-label{font-family:var(--font-primary);font-size:.72rem;font-weight:700;letter-spacing:5px;color:#999;text-transform:uppercase}.pattern-explanation{font-family:var(--font-mono);font-size:.65rem;color:#2a9d8f;background:#e8fff8;padding:4px 12px;border-radius:4px;border:1px solid rgba(42,157,143,.2);opacity:0;transform:translateY(5px);transition:all .5s ease}.pattern-explanation.reveal{opacity:1;transform:translateY(0)}.pattern-grid{display:grid;gap:3px;width:min(320px,85%);background:#111;padding:3px;animation:scaleIn .5s ease;box-shadow:0 10px 40px #0000001a}.pattern-cell{aspect-ratio:1;background:#fafafa;display:flex;align-items:center;justify-content:center;border:1px solid #111;position:relative}.pattern-missing{background:#f4f4f4}.pattern-missing:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed #ddd}.pattern-q{font-family:var(--font-primary);font-size:2.2rem;font-weight:300;color:#ddd;z-index:1}.pattern-filled{animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);background:#f8fff8}.pattern-shape{width:65%;height:65%;transition:transform .3s ease}.pattern-choices{display:flex;gap:16px;animation:slideUp .6s ease}.pattern-choice{width:74px;height:74px;border:2px solid #eee;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.pattern-choice:hover{border-color:#111;transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.pattern-choice-correct{border-color:#2a9d8f;background:#f0fff0;box-shadow:0 0 20px #2a9d8f33}.pattern-choice-wrong{border-color:#e63946;background:snow;animation:shake .4s}.pattern-status{font-family:var(--font-primary);font-size:.9rem;font-weight:900;letter-spacing:4px;min-height:24px;text-transform:uppercase}.status-success{color:#2a9d8f;animation:slideDown .3s ease}.status-fail{color:#e63946}.dodge-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#05001a,#0a0025 40%,#150030);position:relative;overflow:hidden;padding:20px}.dodge-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dodge-star{position:absolute;background:#fff;border-radius:50%;animation:dodgeTwinkle 3s ease-in-out infinite}@keyframes dodgeTwinkle{0%,to{opacity:.3}50%{opacity:1}}.dodge-nebula{position:absolute;top:20%;left:30%;width:300px;height:200px;background:radial-gradient(ellipse,rgba(100,50,200,.15),rgba(200,50,100,.08),transparent);filter:blur(40px);pointer-events:none}.dodge-timer{font-family:var(--font-mono);font-size:.85rem;color:#c896ffcc;letter-spacing:3px;z-index:1}.dodge-timer span{color:#c896ff;font-weight:700}.dodge-arena{width:min(500px,90%);height:400px;position:relative;border:1px solid rgba(200,150,255,.15);border-radius:8px;overflow:hidden;z-index:1;background:#0000004d}.dodge-player{position:absolute;bottom:4%;height:12px;background:linear-gradient(90deg,#c896ff,#ff96c8);border-radius:6px;box-shadow:0 0 15px #c896ff99,0 0 30px #c896ff4d;transition:left .05s linear;z-index:5}.dodge-player-win{animation:pulse .5s ease;box-shadow:0 0 30px #4ade80b3;background:linear-gradient(90deg,#4ade80,#80ffb8)}.dodge-player-hit{animation:shake .3s ease;background:#ef4444;box-shadow:0 0 20px #ef4444b3}.dodge-obstacle{position:absolute;width:100%;height:8px;z-index:2}.dodge-obs-part{position:absolute;height:100%;background:#c896ff66;box-shadow:0 0 10px #c896ff4d;border-radius:2px}.dodge-instructions{font-family:var(--font-mono);font-size:.6rem;color:#fff3;z-index:1}.light-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#0c0c0c;position:relative;overflow:hidden;padding:20px}.light-grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay}.light-header{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.light-label{font-family:var(--font-primary);font-size:.8rem;font-weight:700;letter-spacing:6px;color:#ffffffb3}.light-moves{font-family:var(--font-mono);font-size:.65rem;color:#ffffff4d;letter-spacing:2px}.light-grid{display:grid;gap:8px;width:min(350px,85%);z-index:1;animation:scaleIn .5s ease}.light-cell{aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#1a1a1a;cursor:pointer;transition:all .2s;position:relative}.light-cell:hover:not(:disabled){border-color:#ffffff4d;transform:scale(1.05)}.light-cell.light-on{background:#f0f0f0;border-color:#fffc;box-shadow:0 0 25px #ffffff4d,0 0 50px #ffffff1a}.light-cell.light-locked{cursor:not-allowed;opacity:.4}.light-cell.light-locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem}.rhythm-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#1a0030,#2d0050,#0d001a);position:relative;overflow:hidden;padding:20px}.rhythm-waveform{position:absolute;bottom:0;left:0;right:0;height:150px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,150,50,.06) 8px,rgba(255,150,50,.06) 10px);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.3),transparent);mask-image:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.rhythm-header{display:flex;gap:24px;align-items:center;z-index:1}.rhythm-bpm{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#ff9632;letter-spacing:2px;text-shadow:0 0 10px rgba(255,150,50,.5)}.rhythm-score{font-family:var(--font-mono);font-size:.75rem;color:#ffffff80}.rhythm-lanes{display:flex;gap:4px;height:350px;width:min(400px,90%);z-index:1}.rhythm-lane{flex:1;position:relative;border:1px solid rgba(255,150,50,.1);border-radius:8px;overflow:hidden;background:#0000004d}.rhythm-lane-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:#ff96324d}.rhythm-hit-zone{position:absolute;bottom:0;left:0;right:0;height:15%;border-top:2px solid rgba(255,150,50,.3);transition:all .15s}.rhythm-zone-flash{background:#ff963233;border-top-color:#ff9632}.rhythm-note{position:absolute;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff9632,#f60);box-shadow:0 0 15px #ff963280;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#fff;z-index:2}.rhythm-note-hit{animation:rhythmHit .3s ease forwards}@keyframes rhythmHit{to{transform:translate(-50%) scale(1.5);opacity:0;background:#4ade80}}.rhythm-note-miss{opacity:.2}.rhythm-status{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:3px;color:#ff9632;text-shadow:0 0 10px rgba(255,150,50,.4);z-index:1}.tower-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f5f0e0;padding:20px}.tower-header{display:flex;gap:20px;align-items:center}.tower-label{font-family:var(--font-primary);font-size:1.2rem;font-weight:900;letter-spacing:8px;color:#264653;text-transform:uppercase}.tower-count{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#e63946;background:#fff;padding:4px 12px;border:3px solid #000}.tower-arena{border:3px solid #000;background:#fff;animation:scaleIn .5s ease}#tower-canvas{display:block;cursor:pointer}.tower-instructions{font-family:var(--font-primary);font-size:.7rem;font-weight:600;color:#888;letter-spacing:2px}.code-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0a;position:relative;overflow:hidden;padding:20px}.code-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none;z-index:2}.code-header{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.code-prompt{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.5);animation:slideDown .5s ease}.code-info{font-family:var(--font-mono);font-size:.65rem;color:#00ff4166}.code-info span{color:#00ff41;font-weight:700}.code-legend{display:flex;gap:16px;z-index:1}.code-legend-item{font-family:var(--font-mono);font-size:.6rem;color:#00ff414d}.code-history{width:min(420px,90%);max-height:200px;overflow-y:auto;z-index:1;display:flex;flex-direction:column;gap:4px}.code-history-row{display:flex;align-items:center;gap:12px;padding:6px 12px;border:1px solid rgba(0,255,65,.1);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:#00ff41b3;animation:slideUp .3s ease}.code-guess-num{color:#00ff414d;min-width:24px}.code-guess-digits{font-weight:700;letter-spacing:6px;color:#00ff41;flex:1}.code-guess-result{font-size:.7rem}.code-input-row{display:flex;gap:8px;align-items:center;z-index:1}.code-digit-input{width:44px;height:44px;border:2px solid rgba(0,255,65,.3);border-radius:4px;background:#00ff410d;color:#00ff41;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;text-align:center;outline:none;transition:all .2s;-moz-appearance:textfield}.code-digit-input::-webkit-inner-spin-button,.code-digit-input::-webkit-outer-spin-button{-webkit-appearance:none}.code-digit-input:focus{border-color:#00ff41;box-shadow:0 0 15px #00ff414d}.code-submit{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:10px 16px;border:2px solid #00ff41;border-radius:4px;background:transparent;color:#00ff41;cursor:pointer;transition:all .2s;text-shadow:0 0 5px rgba(0,255,65,.4)}.code-submit:hover{background:#00ff411a}.code-status{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:2px;z-index:1;min-height:20px}.code-status-win{color:#00ff41;text-shadow:0 0 15px rgba(0,255,65,.6)}.code-status-fail{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.5)}.slide-level{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(165deg,#d4c5a9,#c4b394,#b0a080);position:relative;padding:20px}.slide-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}.slide-header{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.slide-label{font-family:var(--font-display);font-size:.85rem;font-weight:400;letter-spacing:4px;color:#5a4a35;font-style:italic}.slide-moves{font-family:var(--font-mono);font-size:.7rem;color:#8a7a5a}.slide-timer-wrap{width:min(360px,80%);z-index:1}.slide-level .level-timer{background:#00000014}.slide-level .level-timer-fill{background:#8a7a5a}.slide-grid{display:grid;gap:4px;width:min(360px,85%);z-index:1;animation:scaleIn .5s ease;background:#0000001a;padding:4px;border-radius:8px}.slide-tile{aspect-ratio:1;border:none;border-radius:6px;background:linear-gradient(135deg,#e8dcc8,#d4c5a9);color:#3a2a15;font-family:var(--font-display);font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:1px 2px 4px #00000026,inset 0 1px #ffffff4d}.slide-tile:hover:not(.slide-empty){transform:scale(1.03);box-shadow:2px 4px 8px #0003}.slide-tile.slide-empty{background:#00000014;box-shadow:inset 1px 2px 4px #0000001a;cursor:default}.slide-grid.slide-solved .slide-tile:not(.slide-empty){background:linear-gradient(135deg,#c8e0b4,#a8c894);color:#2a4a15;animation:pulse .4s ease}