@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-ext-300-normal-BYS6Dpvq.woff2)format("woff2"),url(/assets/outfit-latin-ext-300-normal-CMIMshEd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-300-normal-CRYTwY6m.woff2)format("woff2"),url(/assets/outfit-latin-300-normal-AWLfuCom.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#f9f8f6;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1c1c1e;--text-secondary:#6b7280;--accent-primary:#1c1c1e;--accent-secondary:#1c1c1e;--border-color:#1c1c1e1a;--shadow:0 4px 20px #0000000d;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--canvas-bg:#fff;--toolbar-bg:#fff;--button-bg:#1c1c1e0a;--button-hover:#1c1c1e14;--success:#2d6a4f;--warning:#e09f3e;--danger:#9b2226;--rank-bronze:#cd7f32;--rank-silver:silver;--rank-gold:gold;--rank-diamond:#4d94ff;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--glass-filter:none}[data-theme=night]{--bg-primary:#18181b;--bg-secondary:#27272a;--bg-card:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--accent-primary:#fafafa;--accent-secondary:#fafafa;--border-color:#fafafa1a;--shadow:0 4px 30px #0003;--canvas-bg:#1f1f22;--toolbar-bg:#27272a;--button-bg:#fafafa0d;--button-hover:#fafafa1a;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--glass-filter:none}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-primary);font-size:16px;line-height:1.5}body{background:var(--bg-primary);transition:background-color .5s;overflow-x:hidden}[data-theme=night] body{background:var(--bg-primary);background-image:radial-gradient(circle at 15%,#fafafa05,#0000 25%),radial-gradient(circle at 85% 30%,#fafafa05,#0000 25%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}[data-theme=night] h1,[data-theme=night] h2,[data-theme=night] h3,[data-theme=night] h4,[data-theme=night] h5,[data-theme=night] h6{color:var(--text-primary)}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:.75rem;display:flex;position:absolute;inset:0}.screen-header{z-index:10;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.screen-header h1{text-align:center;flex:1;font-size:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-filter);transition:var(--transition);padding:1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);transition:var(--transition);background:var(--button-bg);color:var(--text-primary);border:none;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--button-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-primary);color:#fff;border:1px solid #fff3}[data-theme=night] .btn-primary{color:var(--bg-primary);box-shadow:0 0 15px #00f5d466}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{border:2px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--button-bg)}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.btn-lg{border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1.25rem}.badge{border-radius:var(--radius-full);background:var(--accent-secondary);color:var(--bg-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem 0;display:grid}.level-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-filter);padding:1rem;position:relative;overflow:hidden}.level-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.level-card h3{margin-bottom:.5rem}.level-card.locked{opacity:.6;filter:grayscale(80%);cursor:not-allowed}.level-card.locked:after{content:"🔒";opacity:.8;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-card.locked:hover{border-color:var(--border-color);transform:none}.level-card.completed{border-color:var(--success);box-shadow:0 0 10px #2d6a4f4d}[data-theme=night] .level-card.completed{box-shadow:0 0 15px #00ff8766}.toolbar{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);border:1px solid var(--border-color);box-shadow:var(--shadow);z-index:100;justify-content:space-around;align-items:center;margin:.5rem;padding:.5rem;display:flex}.toolbar-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:36px;min-height:36px;font-size:.75rem;display:flex}.toolbar-btn svg{width:24px;height:24px}.toolbar-btn:hover,.toolbar-btn.active{color:var(--text-primary);background:var(--button-bg);border-radius:var(--radius-lg)}[data-theme=night] .toolbar-btn.active{background:#fafafa1a}.canvas-container{aspect-ratio:16/9;background:var(--canvas-bg);border:2px solid var(--border-color);width:100%;max-width:900px;max-height:55vh;margin:1rem auto;position:relative;overflow:hidden}[data-theme=night] .canvas-container{box-shadow:inset 0 0 20px #00f5d41a}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.overlay-content{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-color);width:100%;max-width:400px;-webkit-backdrop-filter:var(--glass-filter);padding:2rem;box-shadow:0 10px 40px #0000004d}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.stat-item{background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.stat-item .value{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--accent-primary)}.progress-bar{background:var(--border-color);border-radius:var(--radius-full);width:100%;height:8px;margin-top:.5rem;overflow:hidden}.progress-bar .fill{background:var(--accent-primary);height:100%;transition:width .3s}[data-theme=night] .progress-bar .fill{box-shadow:0 0 10px var(--accent-primary)}.hint-countdown{border:2px solid var(--accent-secondary);width:40px;height:40px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.result-comparison{justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.result-comparison>div{text-align:center;flex:1}.rank-display{font-size:3rem;font-family:var(--font-heading);text-align:center;text-shadow:0 4px 10px #0003;margin:1rem 0}[data-theme=night] .rank-display{text-shadow:0 0 20px}.star-rating{color:var(--warning);justify-content:center;gap:.5rem;margin:1rem 0;font-size:1.5rem;display:flex}.section-header{color:var(--text-secondary);font-family:var(--font-heading);align-items:center;margin:2rem 0 1rem;display:flex}.section-header:after{content:"";background:var(--border-color);flex:1;height:1px;margin-left:1rem}.fun-fact{border:1px dashed var(--accent-secondary);border-radius:var(--radius-md);background:#c8a9511a;align-items:flex-start;gap:1rem;margin:1.5rem 0;padding:1rem;font-size:.9rem;display:flex}[data-theme=night] .fun-fact{border-color:var(--accent-secondary);background:#7b2ff71a}.top-controls{z-index:100;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;height:44px;box-shadow:var(--shadow);color:var(--text-primary);transition:var(--transition);-webkit-backdrop-filter:var(--glass-filter);border-radius:50%;justify-content:center;align-items:center;display:flex}.toggle-btn.icon-btn{width:44px;font-size:1.2rem}.toggle-btn.text-btn{border-radius:var(--radius-full);font-weight:700;font-family:var(--font-heading);padding:0 1rem}.toggle-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.toast{bottom:calc(80px + env(safe-area-inset-bottom));background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);z-index:1000;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.score-display{font-size:4rem;font-weight:700;font-family:var(--font-heading);color:var(--accent-primary);text-align:center;margin:1rem 0;line-height:1}[data-theme=night] .score-display{text-shadow:0 0 15px var(--accent-primary)}.mode-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:var(--glass-filter);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.mode-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.mode-card .icon{font-size:3rem}.mode-card h3{font-size:1.5rem}.mode-card p{color:var(--text-secondary)}.logo{font-family:var(--font-heading);color:var(--accent-primary);text-align:center;letter-spacing:-1px;font-size:2.5rem;font-weight:700}.lucide{vertical-align:middle;width:1em;height:1em}.toolbar-btn .lucide{width:24px;height:24px;margin-bottom:4px}.toggle-btn.icon-btn .lucide,.btn-icon .lucide{width:20px;height:20px}[data-theme=night] .logo{text-shadow:0 0 20px var(--accent-primary)}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:1rem}.game-header{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.game-header .region-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.game-header .mode-badge{padding:.2rem .6rem;font-size:.7rem}.home-modes{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.home-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.daily-card:hover{border-color:var(--accent-primary);transform:translateY(-3px)}.result-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.scroll-container{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:1rem;overflow-y:auto}@media (width>=480px){.level-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=768px){.screen{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow);height:calc(100vh - 4rem);max-height:900px;margin-top:2rem;position:relative;overflow-y:auto}.toolbar{border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%}.theme-toggle{top:2rem;right:2rem}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.player-card{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background-color:#0000;border:none;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.player-card:hover{color:var(--text-primary);background-color:var(--button-bg)}.player-card.active{background-color:var(--accent-primary);color:var(--bg-primary)}.player-card h4{color:inherit;margin:0;font-size:1rem}.mode-card.active{border-color:var(--primary);background-color:#00f5d41a;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}[data-theme=day] .mode-card.active{background-color:#1e90ff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}70%{transform:scale(.9)}90%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes starBurst{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(72deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulseGlow{0%{text-shadow:0 0 5px;box-shadow:0 0 5px}50%{text-shadow:0 0 20px;box-shadow:0 0 20px,0 0 30px}to{text-shadow:0 0 5px;box-shadow:0 0 5px}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes revealOverlay{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lockUnlock{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.2)rotate(-15deg)}70%{transform:scale(1.2)rotate(15deg)}to{opacity:0;transform:scale(1)rotate(0)}}@keyframes scoreCountUp{0%{transform:scale(1)}50%{color:var(--accent-secondary);transform:scale(1.2)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-fade-out{animation:.4s ease-out forwards fadeOut}.animate-slide-in-right{animation:.4s ease-out forwards slideInRight}.animate-slide-out-left{animation:.4s ease-in forwards slideOutLeft}.animate-slide-in-up{animation:.4s ease-out forwards slideInUp}.animate-slide-in-down{animation:.4s ease-out forwards slideInDown}.animate-bounce-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}.animate-star-burst{animation:.6s ease-out forwards starBurst}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-shake{animation:.5s ease-in-out shake}.animate-compass-spin{animation:4s linear infinite compassSpin}.animate-float-up{animation:1.5s ease-out forwards floatUp}.animate-draw-line{animation:2s ease-out forwards drawLine}.animate-reveal-overlay{animation:.4s ease-out forwards revealOverlay}.animate-lock-unlock{animation:.6s ease-in-out forwards lockUnlock}.animate-score-count-up{animation:.3s ease-out scoreCountUp}.animate-ripple{animation:.6s linear forwards ripple}.animate-breathe{animation:3s ease-in-out infinite breathe}.animate-gradient-shift{background-size:200% 200%;animation:3s infinite gradientShift}.animate-pop-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.screen-enter{animation:.4s ease-out forwards slideInRight}.screen-exit{animation:.3s ease-in forwards slideOutLeft}.screen-enter-back{animation:.4s ease-out forwards slideInLeft}.screen-exit-back{animation:.3s ease-in forwards slideOutRight}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}