@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-color:#0b0f19;--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #151b2c 100%);--panel-bg:#161e31b3;--panel-border:#ffffff14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-hover:#4f46e5;--accent-light:#6366f126;--success-color:#10b981;--success-light:#10b98126;--warning-color:#f59e0b;--danger-color:#ef4444;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 24px #0003;--shadow-lg:0 16px 40px #00000059;--safe-bottom:env(safe-area-inset-bottom,0px);--header-height:64px;--navbar-height:72px}body.theme-pastel{--bg-color:#f4f6f9;--bg-gradient:linear-gradient(135deg, #eef2f7 0%, #f4f6f9 100%);--panel-bg:#ffffffd9;--panel-border:#6366f114;--text-primary:#1e293b;--text-secondary:#64748b;--accent-color:#4f46e5;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-hover:#4338ca;--accent-light:#4f46e514;--shadow-sm:0 2px 8px #6366f10d;--shadow-md:0 8px 24px #6366f114;--shadow-lg:0 16px 40px #6366f11f}body.theme-high-contrast{--bg-color:#000;--bg-gradient:none;--panel-bg:#121212;--panel-border:#fff;--text-primary:#fff;--text-secondary:#e0e0e0;--accent-color:#ff0;--accent-gradient:none;--accent-hover:#cc0;--accent-light:#ff03;--success-color:#0f0;--success-light:#0f03;--warning-color:#fa0;--danger-color:red;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}*,:before,:after{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px;transition:font-size .2s}html.size-large{font-size:18px}html.size-xlarge{font-size:20px}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}body.theme-pastel ::-webkit-scrollbar-thumb{background:#0000001a}.app-container{background:var(--bg-gradient);width:100%;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}body{background:#05070c}.app-header{height:var(--header-height);border-bottom:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.app-title{align-items:center;text-decoration:none;display:flex}.logo-brand{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.logo-interactive:hover{transform:scale(1.03)}.logo-interactive:hover .logo-svg-icon{filter:drop-shadow(0 0 6px #6366f166)}.logo-svg-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s}.logo-interactive:hover .logo-svg-icon{transform:translateY(-1px)}.logo-interactive:hover .logo-infinity-ring{transform-origin:20px 20px;animation:3s linear infinite logoOrbitRotate}.logo-glow-aura{transition:fill-opacity .3s,r .3s}.logo-interactive:hover .logo-glow-aura{animation:2s ease-in-out infinite alternate logoPulseGlow}.logo-pulse-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseGreen;display:inline-block}.logo-sparkle-1{animation:2.5s ease-in-out infinite logoSparkle}.logo-sparkle-2{animation:2.5s ease-in-out 1.25s infinite logoSparkle}@keyframes logoOrbitRotate{0%{transform:rotate(-15deg)}50%{transform:rotate(5deg)scale(1.03)}to{transform:rotate(-15deg)}}@keyframes logoPulseGlow{0%{fill-opacity:.15;r:16px}to{fill-opacity:.32;r:18px}}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes logoSparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}body.theme-high-contrast .logo-title-main{-webkit-text-fill-color:var(--accent-color)!important;color:var(--accent-color)!important;background:0 0!important}body.theme-high-contrast .logo-badge-online{color:#fff!important;background:0 0!important;border-color:#fff!important}body.theme-high-contrast .logo-pulse-dot{box-shadow:none!important;background:#fff!important;animation:none!important}body.theme-high-contrast .logo-glow-aura{fill:none!important}body.theme-high-contrast .logo-globe{fill:none!important;stroke:#fff!important;stroke-width:1.5px!important}body.theme-high-contrast .logo-continents{fill:#fff!important;fill-opacity:.5!important}body.theme-high-contrast .logo-infinity-ring{stroke:var(--accent-color)!important;stroke-width:2px!important}.avatar-badge{background:var(--accent-light);border:1px solid var(--panel-border);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.avatar-text{color:var(--text-primary);font-size:.85rem;font-weight:600}.header-lang-switcher{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;margin:0 10px;padding:4px 8px;display:flex}body.theme-light .header-lang-switcher{background:#00000008}.header-lang-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:2px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.header-lang-btn .flag-svg{filter:grayscale(50%)opacity(.5);border-radius:50%;width:20px;height:20px;transition:all .25s;display:block}.header-lang-btn:hover{border-color:#fff3;transform:translateY(-1px)scale(1.08)}body.theme-light .header-lang-btn:hover{border-color:#0000001a}.header-lang-btn:hover .flag-svg{filter:grayscale(0%)opacity(.9)}.header-lang-btn.active{border-color:var(--accent-color);background:#ffffff14;transform:translateY(0)scale(1.08);box-shadow:0 0 10px #6495ed33}body.theme-light .header-lang-btn.active{background:#0000000a}.header-lang-btn.active .flag-svg{filter:grayscale(0%)opacity()}@media (width<=540px){.header-lang-switcher{gap:4px;margin:0 4px;padding:3px 6px}.header-lang-btn{padding:1px}.header-lang-btn .flag-svg{width:16px;height:16px}}.app-content{padding:16px;padding-bottom:calc(var(--navbar-height) + 16px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-navbar{height:calc(var(--navbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--panel-border);z-index:10;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item.active{color:var(--accent-color);font-weight:600}.nav-item.active:after{content:"";background:var(--accent-color);width:30%;height:3px;box-shadow:0 2px 10px var(--accent-color);border-radius:0 0 4px 4px;position:absolute;top:0}.nav-icon{width:22px;height:22px;transition:transform .2s}.nav-item:active .nav-icon{transform:scale(.85)}.onboarding-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;animation:.5s ease-out fadeIn;display:flex}.onboarding-logo{margin-bottom:24px;font-size:4rem;animation:3s ease-in-out infinite float}.onboarding-card{background:var(--panel-bg);border:1px solid var(--panel-border);width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:24px}.onboarding-title{margin-bottom:12px;font-size:1.75rem;font-weight:700}.onboarding-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.5}.input-group{text-align:left;margin-bottom:20px}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-text{border:1.5px solid var(--panel-border);width:100%;color:var(--text-primary);background:#0003;border-radius:12px;outline:none;padding:14px 16px;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s}body.theme-pastel .input-text{background:#fff}.input-text:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}body.theme-high-contrast .btn-primary{background:var(--accent-color);color:#000;border:2px solid #fff}.btn-primary:active{opacity:.9;transform:scale(.98)}.screen-title{margin-bottom:4px;font-size:1.5rem;font-weight:700}.screen-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem}.filters-container{scrollbar-width:none;gap:8px;width:calc(100% + 32px);margin-bottom:16px;margin-left:-16px;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.filters-container::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-chip.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px var(--accent-light)}body.theme-high-contrast .filter-chip.active{background:var(--accent-color);color:#000;border-color:#fff}.landmarks-grid{grid-template-columns:1fr;gap:16px;display:grid}.landmark-card{background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:20px;gap:16px;padding:16px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.landmark-card:before{content:"";background:var(--landmark-color,var(--accent-color));border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.landmark-card:active{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-2px)scale(.99)}.landmark-card-icon{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.25rem;transition:transform .3s;display:flex}body.theme-pastel .landmark-card-icon{background:#00000005}.landmark-card:hover .landmark-card-icon{transform:rotate(5deg)scale(1.05)}.landmark-card-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.landmark-card-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.1rem;font-weight:700;overflow:hidden}.landmark-card-location{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:8px;font-size:.85rem;display:flex}.landmark-card-stats{gap:12px;display:flex}.landmark-card-badge{background:var(--accent-light);color:var(--text-primary);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:flex}.details-overlay{background:var(--bg-color);background:var(--bg-gradient);z-index:20;flex-direction:column;animation:.35s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:absolute;inset:0}.details-header{height:var(--header-height);border-bottom:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.btn-icon{border:1px solid var(--panel-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}body.theme-pastel .btn-icon{background:#00000008}.btn-icon:active{background:var(--accent-light);transform:scale(.9)}.details-content{flex:1;padding:20px 20px 40px;overflow-y:auto}.details-hero{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:28px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.details-hero-badge{margin-bottom:16px;font-size:4.5rem;animation:4s ease-in-out infinite float;display:inline-block}.details-hero-name{margin-bottom:4px;font-size:1.6rem;font-weight:700}.details-hero-meta{color:var(--text-secondary);font-size:.95rem}.audio-controller{background:var(--accent-light);border:1px solid var(--panel-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex}.audio-info{align-items:center;gap:12px;display:flex}.audio-title{font-size:.9rem;font-weight:600}.audio-subtitle{color:var(--text-secondary);font-size:.75rem}.audio-wave{align-items:flex-end;gap:3px;height:16px;display:flex}.wave-bar{background:var(--accent-color);border-radius:2px;width:3px;height:40%}.audio-wave.playing .wave-bar{animation:1.2s ease-in-out infinite alternate soundWave}.audio-wave.playing .wave-bar:nth-child(2){animation-delay:.2s}.audio-wave.playing .wave-bar:nth-child(3){animation-delay:.4s}.audio-wave.playing .wave-bar:nth-child(4){animation-delay:.1s}.details-section-title{color:var(--accent-color);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}body.theme-high-contrast .details-section-title{color:var(--accent-color)}.stats-table{border-collapse:collapse;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.stats-row{border-bottom:1px solid var(--panel-border);padding:12px 16px;display:flex}.stats-row:last-child{border-bottom:none}.stats-label{width:45%;color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.stats-value{word-break:break-word;width:55%;font-size:.9rem;font-weight:600}.sticker-hint-box{border:1px dashed var(--warning-color);background:#f59e0b14;border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.sticker-hint-text{font-size:.85rem;line-height:1.4}.sticker-hint-text strong{color:var(--warning-color)}.fun-facts-list{flex-direction:column;gap:12px;display:flex}.fun-fact-item{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;gap:12px;padding:16px;font-size:.9rem;line-height:1.5;display:flex;position:relative}.fun-fact-number{color:var(--accent-color);font-size:1.25rem;font-weight:700;line-height:1}.album-progress-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:24px;margin-bottom:20px;padding:20px}.album-progress-info{justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.progress-bar-bg{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:6px;width:100%;height:12px;margin-bottom:16px;overflow:hidden}body.theme-pastel .progress-bar-bg{background:#0000000a}.progress-bar-fill{background:var(--accent-gradient);border-radius:6px;height:100%;transition:width .5s ease-out}body.theme-high-contrast .progress-bar-fill{background:var(--accent-color)}.pack-opening-area{background:var(--accent-light);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;align-items:center;margin-bottom:24px;padding:16px;display:flex}.pack-counter{margin-bottom:12px;font-size:.9rem;font-weight:600}.pack-graphic{width:90px;height:120px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e0a96d 0%,#d2904c 100%);border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;font-size:2.5rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite pulseGlow;display:flex;position:relative}.pack-graphic.shake{animation:.5s ease-in-out shake}.pack-graphic:active{transform:scale(.95)}.pack-graphic:after{content:"ABRIR";letter-spacing:1px;font-size:.7rem;font-weight:700;position:absolute;bottom:8px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sticker-slot{aspect-ratio:3/4;background:var(--panel-bg);border:1.5px dashed var(--panel-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .3s;display:flex;position:relative;overflow:hidden}.sticker-slot.unlocked{box-shadow:var(--shadow-sm);background:#ffffff05;border-style:solid}body.theme-pastel .sticker-slot.unlocked{background:#fff}.sticker-slot-number{color:var(--text-secondary);opacity:.5;font-size:.8rem;font-weight:600}.sticker-slot-emoji{filter:grayscale();opacity:.25;font-size:2.25rem;transition:all .3s}.sticker-slot.unlocked .sticker-slot-emoji{filter:grayscale(0);opacity:1;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}.sticker-slot-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 4px;font-size:.7rem;font-weight:600;overflow:hidden}.sticker-slot-label{color:var(--text-secondary);font-size:.65rem}.pack-modal-overlay{z-index:30;background:#05070ce6;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.opened-sticker-card{aspect-ratio:3/4;text-align:center;background:linear-gradient(135deg,#2a3147 0%,#1e2436 100%);border:3px solid #fc0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:180px;padding:16px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards zoomAndSpin;display:flex;transform:scale(.9);box-shadow:0 0 30px #fc06}body.theme-pastel .opened-sticker-card{border-color:var(--accent-color);background:linear-gradient(135deg,#fff 0%,#f4f6f9 100%);box-shadow:0 0 30px #4f46e533}.opened-sticker-emoji{font-size:4rem}.opened-sticker-name{color:#fff;font-size:1.1rem;font-weight:700}body.theme-pastel .opened-sticker-name{color:#1e293b}.opened-sticker-city{color:#a0aec0;font-size:.8rem}.pack-modal-title{color:#fc0;text-shadow:0 2px 10px #ffcc004d;margin-bottom:24px;font-size:1.5rem;font-weight:700}body.theme-pastel .pack-modal-title{color:var(--accent-color);text-shadow:none}.quiz-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;margin-bottom:20px;padding:20px;display:flex;position:relative}.quiz-question-number{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.8rem;font-weight:600}.quiz-question-text{margin-bottom:20px;font-size:1.25rem;font-weight:700;line-height:1.4}.quiz-options-list{flex-direction:column;gap:12px;width:100%;display:flex}.quiz-option-btn{border:1.5px solid var(--panel-border);background:var(--panel-bg);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quiz-option-btn:hover{background:var(--accent-light);border-color:var(--accent-color)}.quiz-option-btn.correct{background:var(--success-light);border-color:var(--success-color);color:var(--success-color);animation:.5s pulseGreen}.quiz-option-btn.incorrect{border-color:var(--danger-color);color:var(--danger-color);opacity:.7;background:#ef444414}.quiz-reward-message{background:var(--success-light);border:1px solid var(--success-color);color:var(--success-color);text-align:center;border-radius:16px;margin-bottom:16px;padding:12px;font-size:.9rem;font-weight:600;animation:.3s fadeIn}.settings-section{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;margin-bottom:16px;padding:16px}.settings-section-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:700}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-btn{border:2px solid var(--panel-border);color:var(--text-primary);cursor:pointer;background:#0003;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}body.theme-pastel .theme-btn{background:#fff}.theme-btn.active{border-color:var(--accent-color);background:var(--accent-light)}.theme-preview-dot{border:1px solid #fff3;border-radius:50%;width:16px;height:16px}.toggle-row{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-title{font-size:.95rem;font-weight:600}.toggle-desc{color:var(--text-secondary);font-size:.75rem}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--panel-border);background-color:#ffffff1a;border-radius:34px;transition:all .3s;position:absolute;inset:0}body.theme-pastel .slider{background-color:#0000000d}.slider:before{content:"";background-color:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--success-color)}input:checked+.slider:before{transform:translate(22px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes soundWave{0%{height:20%}to{height:100%}}@keyframes zoomAndSpin{0%{opacity:0;transform:scale(.3)rotate(-15deg)}70%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #e0a96d66}70%{box-shadow:0 0 0 12px #e0a96d00}to{box-shadow:0 0 #e0a96d00}}.landmark-image-container{background:var(--panel-bg);border:2px solid var(--panel-border);width:100%;box-shadow:var(--shadow-md);aspect-ratio:16/10;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;animation:.4s ease-out fadeIn;display:flex;overflow:hidden}body.theme-high-contrast .landmark-image-container{border:3px solid #fff}.landmark-detail-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.landmark-image-container:hover .landmark-detail-image{transform:scale(1.03)}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0b0f19f2;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;position:relative}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-48px;right:0}.lightbox-close:hover{background:#fff3;transform:scale(1.05)}.lightbox-image{object-fit:contain;border:4px solid #ffffff26;border-radius:24px;width:100%;height:auto;max-height:70vh;box-shadow:0 20px 50px #00000080}.lightbox-illustration{aspect-ratio:16/10;background:var(--panel-bg);border:4px solid var(--panel-border);width:100%;box-shadow:var(--shadow-lg);border-radius:24px;justify-content:center;align-items:center;padding:16px;display:flex}.lightbox-caption{text-align:center;color:#fff;text-shadow:0 2px 4px #00000080}.lightbox-caption h3{margin-bottom:4px;font-size:1.4rem;font-weight:700}.lightbox-caption p{color:#ffffffb3;font-size:.95rem}.landmark-image-container.fallback-illustration{background:var(--panel-bg);border:2px solid var(--panel-border);cursor:pointer;padding:16px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.landmark-image-container.fallback-illustration:active{transform:scale(.98)}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.portal-container{flex-direction:column;gap:20px;padding-bottom:30px;animation:.4s ease-out fadeIn;display:flex}.portal-hero{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-md);border-radius:28px;padding:24px 16px;position:relative;overflow:hidden}.portal-title{background:linear-gradient(135deg,#0288d1 0%,#ab47bc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:1.8rem;font-weight:900}body.theme-high-contrast .portal-title{-webkit-text-fill-color:initial;color:var(--accent-color);background:0 0}.portal-subtitle{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.85rem;line-height:1.4}.portal-user-welcome{background:var(--accent-light);color:var(--accent-color);border-radius:20px;margin-top:12px;padding:6px 16px;font-size:.9rem;display:inline-block}.portal-instructions{text-align:center;color:var(--text-primary);margin:10px 0;font-size:.95rem;font-weight:600}.portal-grid{flex-direction:column;gap:16px;display:flex}.portal-card{background:var(--panel-bg);border:2px solid var(--panel-border);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:24px;align-items:center;gap:16px;padding:16px 20px;transition:transform .2s cubic-bezier(.175,.885,.32,1.1),border-color .2s,box-shadow .2s;display:flex;position:relative}.portal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.portal-card:active{transform:translateY(0)scale(.98)}.portal-card-icon-wrapper{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .3s;display:flex}.portal-card:hover .portal-card-icon-wrapper{transform:scale(1.08)rotate(5deg)}.portal-card-content{flex:1}.portal-card-title{margin-bottom:4px;font-size:1.05rem;font-weight:700}.portal-card-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.35}.card-game{border-color:#0288d140}.card-game .portal-card-icon-wrapper{color:#0288d1;background:#0288d11a}.card-game:hover{border-color:#0288d1}.card-hyperfocus{border-color:#ffb30040}.card-hyperfocus .portal-card-icon-wrapper{color:#ffb300;background:#ffb3001a}.card-hyperfocus:hover{border-color:#ffb300}.card-sensory{border-color:#ff704340}.card-sensory .portal-card-icon-wrapper{color:#ff7043;background:#ff70431a}.card-sensory:hover{border-color:#ff7043}.card-guide{border-color:#4caf5040}.card-guide .portal-card-icon-wrapper{color:#4caf50;background:#4caf501a}.card-guide:hover{border-color:#4caf50}.card-forum{border-color:#ab47bc40}.card-forum .portal-card-icon-wrapper{color:#ab47bc;background:#ab47bc1a}.card-forum:hover{border-color:#ab47bc}.portal-header-back{margin-bottom:12px;display:flex}.btn-back-home{border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.parents-guide-container{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.guide-hero{text-align:left;margin-bottom:6px}.guide-tabs{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab-chip{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.guide-tab-chip.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #4f46e533}.guide-content-panel{background:var(--panel-bg);border:1px solid var(--panel-border);min-height:300px;box-shadow:var(--shadow-sm);border-radius:28px;padding:24px}.guide-article h3{color:var(--text-primary);border-left:4px solid var(--accent-color);margin-bottom:16px;padding-left:12px;font-size:1.3rem;font-weight:800}.article-paragraph{color:var(--text-primary);opacity:.9;margin-bottom:16px;font-size:.85rem;line-height:1.55}.reassurance-quote{background:var(--accent-light);text-align:center;border:1px dashed var(--accent-color);color:var(--accent-color);border-radius:20px;margin-top:24px;padding:18px;font-size:.9rem;font-weight:700}.qna-list{flex-direction:column;gap:16px;display:flex}.qna-item{border:1px solid var(--panel-border);background:#0000001a;border-radius:20px;padding:16px}body.theme-pastel .qna-item{background:#ffffff80}.qna-question{color:var(--accent-color);margin-bottom:8px;font-size:.9rem;font-weight:700}.qna-answer{color:var(--text-primary);font-size:.8rem;line-height:1.5}.laws-section-grid{flex-direction:column;gap:20px;margin-top:20px;display:flex}.law-card{border:1.5px solid var(--panel-border);background:#00000026;border-radius:22px;padding:20px;position:relative}body.theme-pastel .law-card{background:#fff}.law-card h4{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:800}.law-card p{opacity:.85;margin-bottom:10px;font-size:.8rem;line-height:1.5}.law-card p:last-child{margin-bottom:0}.law-card-badge{background:var(--accent-light);color:var(--accent-color);border-radius:8px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:16px;right:16px}.law-card-badge.badge-rj{color:#03a9f4;background:#03a9f41a}.support-service-card{border:1.5px solid var(--panel-border);background:#00000026;border-radius:22px;margin-top:16px;padding:20px}body.theme-pastel .support-service-card{background:#fff}.service-header{color:var(--accent-color);align-items:center;gap:8px;margin-bottom:12px;display:flex}.service-icon,.service-emoji{font-size:1.4rem}.service-header h4{margin:0;font-size:.9rem;font-weight:700}.service-name{color:var(--text-primary);margin:0 0 8px;font-size:1.05rem;font-weight:800}.service-desc{opacity:.85;margin-bottom:12px;font-size:.8rem;line-height:1.45}.service-meta{color:var(--text-secondary);border-top:1px solid var(--panel-border);flex-direction:column;gap:4px;padding-top:10px;font-size:.75rem;display:flex}.ecoterapia-list{flex-direction:column;gap:12px;display:flex}.ecoterapia-item{font-size:.8rem;line-height:1.45}.ecoterapia-item strong{color:var(--accent-color)}.forum-container{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.new-topic-form{background:var(--panel-bg);border:2.5px dashed var(--panel-border);border-radius:24px;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.form-group input,.form-group textarea{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);border-radius:12px;outline:none;padding:10px;font-size:.85rem}.form-group textarea{resize:vertical}.form-submit-btn{border-radius:12px;padding:12px;font-size:.9rem;font-weight:700}.forum-topics-list{flex-direction:column;gap:16px;display:flex}.forum-topic-card{background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:22px;padding:18px 20px;transition:transform .2s,border-color .2s}.forum-topic-card:hover{border-color:var(--accent-color);transform:translateY(-1px)}.topic-card-subject{color:var(--text-primary);margin:0 0 8px;font-size:.95rem;font-weight:700;line-height:1.35}.topic-card-snippet{color:var(--text-secondary);margin:0 0 14px;font-size:.78rem;line-height:1.4}.topic-card-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.topic-card-author{font-weight:600}.topic-card-stats{align-items:center;gap:12px;display:flex}.btn-like{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.btn-like:hover{background:var(--accent-light);color:var(--accent-color)}.btn-like.liked{color:#ff1744}.forum-comment-count{align-items:center;gap:4px;display:flex}.forum-detail-view{flex-direction:column;gap:20px;display:flex}.opened-topic-card{background:var(--panel-bg);border:2px solid var(--accent-color);box-shadow:var(--shadow-sm);border-radius:26px;padding:24px}.opened-topic-subject{margin:0 0 6px;font-size:1.15rem;font-weight:800;line-height:1.3}.opened-topic-meta{color:var(--text-secondary);margin-bottom:16px;font-size:.75rem}.opened-topic-message{margin-bottom:20px;font-size:.85rem;line-height:1.55}.opened-topic-footer{border-top:1px solid var(--panel-border);padding-top:14px;display:flex}.forum-replies-area{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:26px;padding:20px}.forum-replies-area h4{color:var(--text-primary);margin:0 0 16px;font-size:.95rem;font-weight:700}.forum-replies-list{flex-direction:column;gap:12px;max-height:250px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.forum-reply-card{border:1px solid var(--panel-border);background:#00000026;border-radius:16px;padding:12px 16px}body.theme-pastel .forum-reply-card{background:#fff}.reply-card-header{color:var(--text-secondary);margin-bottom:4px;font-size:.72rem}.reply-card-body{margin:0;font-size:.8rem;line-height:1.4}.reply-form h5{margin:0 0 8px;font-size:.8rem;font-weight:700}.reply-form input{border:1px solid var(--panel-border);background:var(--panel-bg);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:.8rem}.btn-send-reply{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.btn-send-reply:hover{background:var(--accent-hover)}.sensory-room-container{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.sensory-main-panel{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:28px;padding:24px}.sensory-instruction{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem;line-height:1.45}.bubbles-board{grid-template-columns:repeat(4,1fr);justify-content:center;gap:16px;max-width:320px;margin:0 auto;display:grid}.sensory-bubble{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .1s cubic-bezier(.175,.885,.32,1.2),opacity .2s;display:flex;position:relative;box-shadow:0 6px 12px #00000026}.sensory-bubble:active{transform:scale(.85)}.bubble-shine{background:#fff6;border-radius:50%;width:14px;height:8px;position:absolute;top:8px;left:8px;transform:rotate(-30deg)}.sensory-bubble.popped{opacity:0;pointer-events:none;transform:scale(0)}.breathing-area{justify-content:center;align-items:center;height:250px;margin:20px 0;display:flex}.breathing-circle{background:radial-gradient(circle,#e0f7fa 0%,#00acc1 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:transform 4s cubic-bezier(.4,0,.2,1),background 4s;display:flex;box-shadow:0 0 30px #00acc14d}body.theme-pastel .breathing-circle{background:radial-gradient(circle,#fff 0%,#a5d6a7 100%);box-shadow:0 0 30px #a5d6a74d}.breathing-circle-inner{background:#ffffff4d;border-radius:50%;width:50px;height:50px}.breathing-circle.in{background:radial-gradient(circle,#f3e5f5 0%,#ab47bc 100%);transform:scale(1.8);box-shadow:0 0 40px #ab47bc80}.breathing-circle.hold{background:radial-gradient(circle,#fffde7 0%,#fbc02d 100%);animation:4s ease-in-out infinite alternate pulseHold;transform:scale(1.8);box-shadow:0 0 45px #fbc02d80}.breathing-circle.out{background:radial-gradient(circle,#e0f2f1 0%,#26a69a 100%);transform:scale(.9);box-shadow:0 0 20px #26a69a4d}.breathing-instruction-box{background:var(--accent-light);border:1px solid var(--panel-border);border-radius:20px;min-width:240px;margin-top:10px;padding:16px;display:inline-block}.breathing-status-text{color:var(--accent-color);margin:0;font-size:1.1rem;font-weight:700}@keyframes pulseHold{0%{transform:scale(1.8)}50%{transform:scale(1.83)}to{transform:scale(1.8)}}.hyperfocus-container{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.hyperfocus-games-grid{grid-template-columns:1fr;gap:16px;margin-top:10px;display:grid}.hyperfocus-game-card{background:var(--panel-bg);border:2px solid var(--panel-border);cursor:pointer;box-shadow:var(--shadow-sm);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.1),border-color .2s;display:flex}.hyperfocus-game-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.hyperfocus-game-card:active{transform:scale(.98)}.game-card-icon{font-size:3rem}.hyperfocus-game-card h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.dino-selector-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;padding:20px}.dino-options-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.dino-btn{padding:16px;font-size:.95rem;font-weight:700}.dino-digging-view{flex-direction:column;gap:20px;display:flex}.dino-flex-layout{flex-direction:column;align-items:center;gap:20px;display:flex}.dino-dig-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:240px;height:240px;display:grid}.dig-block{cursor:pointer;-webkit-user-select:none;user-select:none;background:#6d4c41;border:2px solid #5d4037;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;transition:background .2s,transform .1s;display:flex;position:relative}.dig-block:active{transform:scale(.95)}.dig-block.excavated{cursor:default;background:#0003;border-style:dashed}body.theme-pastel .dig-block.excavated{background:#0000000d}.dirt-overlay{justify-content:center;align-items:center;display:flex}.bone-reveal{animation:.3s cubic-bezier(.175,.885,.32,1.25) popIn}.dino-fossil-display{background:var(--panel-bg);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:260px;padding:20px;display:flex}.fossil-locked{opacity:.5;flex-direction:column;align-items:center;gap:10px;display:flex}.fossil-locked span{font-size:2.5rem}.fossil-locked p{font-size:.8rem}.dino-fossil-success h4{margin:12px 0 6px;font-size:1.25rem;font-weight:800}.solar-system-board{background:#000c1e;border-radius:28px;justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.solar-sun{color:#fff;z-index:12;background:radial-gradient(circle,#fffde7 0%,#ff9100 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 0 25px #ffab00}.orbits-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.orbit-slot{cursor:pointer;border:1px dashed #ffffff1f;border-radius:50%;justify-content:flex-end;align-items:center;padding-right:12px;display:flex;position:absolute}.orbit-slot.spin-orbit{border-style:solid;border-color:#ffffff0f;animation:12s linear infinite spinOrbit}.orbit-slot:nth-child(2).spin-orbit{animation-duration:16s}.orbit-slot:nth-child(3).spin-orbit{animation-duration:20s}.orbit-slot:nth-child(4).spin-orbit{animation-duration:24s}.empty-planet-placeholder{color:#fff6;background:#0000004d;border:1px dashed #fff6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:flex}.placed-planet{border-radius:50%;justify-content:center;align-items:center;animation:.3s cubic-bezier(.175,.885,.32,1.2) popIn;display:flex;position:relative;box-shadow:0 4px 10px #00000080}.planet-tag{color:#fff;white-space:nowrap;background:#00000080;border-radius:4px;padding:1px 4px;font-size:.6rem;position:absolute;bottom:-18px}.planets-selection-pool{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;margin-top:16px;padding:20px}.game-tip{color:var(--text-secondary);text-align:center;margin:0 0 12px;font-size:.75rem}.planets-pool-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-planet-select{border:1.5px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-planet-select.active{background:var(--accent-light);border-color:var(--accent-color);transform:scale(1.05)}.game-success-banner{background:var(--success-light);border:1.5px solid var(--success-color);color:var(--success-color);text-align:center;border-radius:24px;margin-top:16px;padding:20px}.game-success-banner h4{margin:0;font-size:1.05rem;font-weight:800}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.train-track-view{border:1px solid var(--panel-border);background:linear-gradient(#7ec0ee,#b9e3de);border-radius:28px;align-items:flex-end;height:200px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -10px 20px #0000001a}.train-assembly{align-items:flex-end;width:100%;transition:transform 2.5s cubic-bezier(.55,.055,.675,.19);display:flex;position:relative}.train-assembly.train-depart{transform:translate(110%)}.train-locomotive{z-index:12;flex-direction:column;align-items:center;display:flex;position:relative}.locomotive-smoke{opacity:0;font-size:1.2rem;animation:1.5s infinite floatSmoke;position:absolute;top:-24px;left:6px}.train-depart .locomotive-smoke{opacity:1}.train-wagons-slots{gap:6px;margin-left:4px;display:flex}.train-wagon-slot{cursor:pointer;background:#00000026;border:2px dashed #ffffffb3;border-radius:6px;justify-content:center;align-items:center;width:46px;height:38px;transition:all .2s;display:flex}.train-wagon-slot.occupied{border-style:solid}.placed-wagon{color:#fff;border:1px solid #fff6;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.2) popIn;display:flex;box-shadow:inset 0 0 10px #0003}.empty-wagon-placeholder{color:#fff9;font-size:.65rem;font-weight:700}.wagons-selection-pool{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;margin-top:16px;padding:20px}.wagons-pool-list{justify-content:center;gap:10px;display:flex}.btn-wagon-select{color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #ffffff4d;border-radius:12px;padding:12px 18px;font-size:.85rem;font-weight:800;transition:all .2s}.btn-wagon-select:active{transform:scale(.95)}.btn-wagon-select.active{box-shadow:var(--shadow-md);border-color:#fff;transform:translateY(-4px)scale(1.05)}@keyframes floatSmoke{0%{opacity:.8;transform:translateY(0)scale(.8)}50%{opacity:.5;transform:translateY(-12px)scale(1.1)}to{opacity:0;transform:translateY(-24px)scale(1.3)}}@media (width>=768px){body{background:#0b0f19;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}.app-container{border:3px solid var(--panel-border);background:var(--bg-gradient);border-radius:32px;width:95%;max-width:1100px;height:90vh;box-shadow:0 20px 60px #0006}.portal-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.portal-hero{padding:32px}.landmarks-grid{grid-template-columns:repeat(3,1fr);gap:20px}.app-navbar{border:2px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#1e2436d9;border-radius:20px;width:90%;max-width:500px;height:64px;padding-bottom:0;position:absolute;bottom:24px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 30px #0006}.app-content{padding-bottom:100px}.laws-section-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.guide-tabs{justify-content:center}.forum-topics-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hyperfocus-games-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dino-flex-layout{flex-direction:row;justify-content:center;align-items:stretch;gap:32px;width:100%;margin-top:10px}.dino-dig-grid{flex-shrink:0}.dino-fossil-display{flex:1;max-width:400px;height:100%}.solar-system-board{height:440px}}@media (width>=1024px){.landmarks-grid{grid-template-columns:repeat(4,1fr)}}.forum-login-container{justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.forum-login-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:30px;display:flex;box-shadow:0 8px 32px #0000005e}.forum-login-title{text-align:center;color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.forum-login-subtitle{text-align:center;color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.forum-login-form{flex-direction:column;gap:16px;display:flex}.forum-error-badge{color:#ef5350;text-align:center;background:#ef535026;border:1px solid #ef5350;border-radius:10px;padding:10px 14px;font-size:.8rem}.forum-toggle-link{color:var(--accent-color);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;font-size:.85rem;text-decoration:underline;transition:opacity .2s}.forum-toggle-link:hover{opacity:.85}.btn-guest-login{border:1px dashed var(--panel-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;transition:all .2s;display:flex}.btn-guest-login:hover{color:var(--text-primary);border-color:var(--text-secondary);background:#ffffff1a}.forum-user-badge{border:1px solid var(--panel-border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 16px;font-size:.85rem;display:flex}.forum-user-info{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.forum-user-name{color:var(--accent-color);font-weight:600}.btn-forum-logout{color:#ef5350;cursor:pointer;background:#ef53501a;border:1px solid #ef535033;border-radius:8px;padding:4px 10px;font-size:.8rem;transition:all .2s}.btn-forum-logout:hover{background:#ef535033}.landing-container{width:100%;color:var(--text-primary);background:var(--bg-gradient);font-family:var(--font-family);scroll-behavior:smooth;flex-direction:column;display:flex;overflow-y:auto}.landing-hero{border-bottom:1px solid var(--panel-border);background:radial-gradient(circle at 70% 30%,#6366f126 0%,#0000 50%),radial-gradient(circle at 10% 80%,#8b5cf61a 0%,#0000 50%),#05070c;flex-direction:column;justify-content:center;min-height:80vh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-space-bg{pointer-events:none;z-index:1;position:absolute;inset:0}.floating-element{opacity:.15;filter:blur(1px);font-size:2.5rem;animation:12s ease-in-out infinite alternate float-around;position:absolute}.element-rocket{opacity:.25;filter:none;font-size:3.5rem;animation:15s ease-in-out infinite rocket-float;top:15%;right:15%}.element-planet1{opacity:.2;font-size:4rem;animation:40s linear infinite planet-rotate;bottom:25%;right:25%}.element-planet2{opacity:.15;font-size:2.8rem;top:30%;left:10%}.element-dino{opacity:.15;font-size:3.2rem;animation:8s ease-in-out infinite dino-wobble;bottom:15%;left:20%}.element-flag1{opacity:.12;font-size:2rem;top:10%;left:45%}.element-flag2{opacity:.12;font-size:2rem;bottom:40%;right:10%}.hero-stars{opacity:.3;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 80px 120px,#fff,#0000),radial-gradient(1.5px 1.5px at 110px 220px,#fff,#0000),radial-gradient(1px 1px at 150px 40px,#fff,#0000);background-repeat:repeat;background-size:250px 250px;width:100%;height:100%;position:absolute}@keyframes float-around{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-30px)rotate(15deg)}}@keyframes rocket-float{0%{transform:translate(0)rotate(45deg)}50%{transform:translate(-20px,-20px)rotate(40deg)}to{transform:translate(0)rotate(45deg)}}@keyframes dino-wobble{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(-10deg)}to{transform:translateY(0)rotate(0)}}@keyframes planet-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:850px;margin:0 auto;display:flex;position:relative}.hero-text-block{flex-direction:column;align-items:center;display:flex}.hero-main-title{letter-spacing:-1px;text-transform:uppercase;margin-bottom:24px;font-size:2.6rem;font-weight:800;line-height:1.15}@media (width>=768px){.hero-main-title{font-size:3.8rem}}.hero-text-yellow{color:var(--warning-color);text-shadow:0 0 25px #f59e0b59}.hero-text-outline{color:#fff;font-weight:300}.hero-desc{color:#ffdf00;text-shadow:0 2px 10px #ffdf0033;max-width:650px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:600;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-cta-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hero-cta-btn.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 25px #6366f14d}.hero-cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6366f173}.hero-cta-btn.secondary{border:1px solid var(--panel-border);color:#fff;background:#ffffff14}.hero-cta-btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-signature-block{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-lg);background:#161e31a6;border-radius:24px;flex-direction:column;align-self:center;align-items:flex-start;padding:32px;display:flex;position:relative}.signature-avatar{filter:drop-shadow(0 0 10px #6366f14d);margin-bottom:20px;font-size:3.5rem}.signature-title{color:var(--warning-color);border-bottom:2px solid #f59e0b4d;width:100%;margin-bottom:12px;padding-bottom:6px;font-family:Georgia,serif;font-size:1.8rem;font-style:italic;font-weight:500}.signature-text{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.6}.landing-featured{border-bottom:1px solid var(--panel-border);scrollbar-width:none;background:#090c13;padding:24px;overflow-x:auto}.landing-featured::-webkit-scrollbar{display:none}.featured-scroll-content{justify-content:space-around;align-items:center;gap:16px;min-width:900px;display:flex}.featured-item{border:1px solid var(--panel-border);color:var(--text-secondary);background:#ffffff08;border-radius:50px;align-items:center;gap:12px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.featured-item.featured-link{border:1.5px dashed var(--accent-color);color:var(--text-primary);background:#6366f114!important}.featured-item.featured-link:hover{transform:translateY(-3px);box-shadow:0 4px 15px #6366f166;background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.featured-item:hover{border-color:var(--accent-color);color:var(--text-primary);background:#6366f114;transform:translateY(-2px)}.section-header-block{text-align:center;max-width:750px;margin:0 auto 60px;padding:0 20px}.section-badge{text-transform:uppercase;letter-spacing:1.5px;background:var(--accent-light);color:var(--accent-color);border:1px solid #6366f126;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.section-main-title{text-transform:uppercase;letter-spacing:-.5px;margin-bottom:16px;font-size:2.2rem;font-weight:800}.section-subtitle-desc{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.landing-methodology{background:#05070c;flex-direction:column;padding:100px 24px;display:flex;position:relative}.methodology-cards-stack{flex-direction:column;gap:40px;width:100%;max-width:900px;margin:0 auto;display:flex}.methodology-card{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161e31d9;border-radius:28px;grid-template-columns:1fr;align-items:center;gap:32px;padding:40px;transition:transform .3s;display:grid;position:sticky;top:90px;box-shadow:0 -20px 40px #00000040}@media (width>=768px){.methodology-card{grid-template-columns:80px 1fr}}.methodology-card-num{color:var(--warning-color);opacity:.85;font-size:3.5rem;font-weight:800}.methodology-card-content{flex-direction:column;display:flex}.methodology-card-title{align-items:center;gap:12px;margin-bottom:12px;font-size:1.5rem;font-weight:700;display:flex}.methodology-card-desc{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.6}.landing-solutions{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);background:#090c13;padding:100px 24px}.solutions-scroll-container{scrollbar-width:thin;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:20px 10px 40px;display:flex;overflow-x:auto}.solutions-card{border:1px solid var(--panel-border);min-height:420px;box-shadow:var(--shadow-md);background:#161e31b3;border-radius:24px;flex-direction:column;flex:0 0 320px;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.solutions-card:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 15px 35px #6366f12e}.solutions-card:before{content:"";background:var(--accent-gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.solutions-card:hover:before{opacity:1}.solutions-card-top{flex-direction:column;display:flex}.solutions-card-badge{text-transform:uppercase;color:var(--text-secondary);background:#ffffff0d;border-radius:6px;align-self:flex-start;margin-bottom:16px;padding:4px 10px;font-size:.72rem;font-weight:700}.solutions-card-badge.tag-dino{color:#ef5350;background:#ef535026}.solutions-card-badge.tag-space{color:#6495ed;background:#6495ed26}.solutions-card-badge.tag-train{color:#ab47bc;background:#ab47bc26}.solutions-card-badge.tag-flags{color:#4caf50;background:#4caf5026}.solutions-card-badge.tag-sensory{color:#ff9800;background:#ff980026}.solutions-card-icon{filter:drop-shadow(0 0 10px #ffffff0d);margin-bottom:20px;font-size:3.5rem;transition:transform .3s}.solutions-card:hover .solutions-card-icon{transform:scale(1.1)rotate(5deg)}.solutions-card-title{margin-bottom:12px;font-size:1.35rem;font-weight:700}.solutions-card-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.solutions-card-btn{border:1px solid var(--panel-border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:12px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.solutions-card:hover .solutions-card-btn{background:var(--accent-gradient);border-color:#0000;box-shadow:0 4px 12px #6366f140}.landing-testimonials{background:#05070c;padding:100px 24px}.testimonial-slider{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161e3180;border-radius:28px;max-width:800px;margin:0 auto;padding:48px;position:relative}.testimonial-quote{color:var(--text-primary);text-align:center;margin-bottom:28px;font-size:1.15rem;font-style:italic;line-height:1.7;position:relative}.testimonial-quote:before{content:"“";color:var(--accent-color);opacity:.15;font-family:serif;font-size:5rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.testimonial-user{flex-direction:column;align-items:center;display:flex}.testimonial-user-name{color:var(--warning-color);margin-bottom:4px;font-size:.95rem;font-weight:700}.testimonial-user-role{color:var(--text-secondary);font-size:.8rem}.testimonial-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.testimonial-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.testimonial-dot.active{background:var(--accent-color);box-shadow:0 0 8px var(--accent-color);transform:scale(1.3)}.landing-indicators{border-top:1px solid var(--panel-border);background:#090c13;padding:80px 24px}.indicators-grid{grid-template-columns:1fr;gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (width>=576px){.indicators-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.indicators-grid{grid-template-columns:repeat(4,1fr)}}.indicator-card{border:1px solid var(--panel-border);text-align:center;background:#ffffff05;border-radius:20px;padding:28px;transition:all .3s}.indicator-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px)}.indicator-number{color:var(--accent-color);text-shadow:0 0 15px #6366f133;margin-bottom:10px;font-size:2.5rem;font-weight:800}.indicator-label{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.4}.landing-creator-banner{border-top:1px solid var(--panel-border);background:#05070c;padding:100px 24px}.creator-card{border:1px solid var(--panel-border);max-width:1000px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161e31b3;border-radius:32px;grid-template-columns:1fr;align-items:center;gap:40px;margin:0 auto;padding:48px;display:grid}@media (width>=768px){.creator-card{grid-template-columns:.7fr 1.3fr}}.creator-image-wrapper{justify-content:center;display:flex}.creator-avatar-box{background:var(--accent-light);border:3px solid var(--accent-color);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;font-size:6rem;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 0 35px #6366f140}.creator-info{flex-direction:column;display:flex}.creator-name{margin-bottom:4px;font-size:1.8rem;font-weight:800}.creator-role{color:var(--warning-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:.9rem;font-weight:600}.creator-letter{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.6}.creator-signature{color:var(--text-primary);margin-top:10px;font-family:Georgia,serif;font-size:1.35rem;font-style:italic}.onboarding-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#05070cd9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.onboarding-modal-content{border:1px solid var(--panel-border);width:100%;max-width:450px;box-shadow:var(--shadow-lg);background:#0f172a;border-radius:28px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative;overflow:hidden}.onboarding-modal-close{border:1px solid var(--panel-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.onboarding-modal-close:hover{color:var(--text-primary);background:#ffffff26;transform:scale(1.05)}.dino-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding-bottom:40px;display:grid}.dino-guide-card{background:var(--panel-bg);border-radius:28px;flex-direction:column;gap:20px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.dino-guide-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000004d!important}body.theme-pastel .dino-guide-card{background:#fff}.dino-card-badge{letter-spacing:.5px;z-index:2;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:800;position:absolute;top:20px;right:20px}.dino-image-box{border-radius:20px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.dino-card-image{object-fit:contain;filter:drop-shadow(0 8px 12px #00000026);max-width:90%;max-height:90%;transition:transform .5s}.dino-guide-card:hover .dino-card-image{transform:scale(1.08)rotate(2deg)}.dino-info-box{flex-direction:column;flex-grow:1;gap:16px;display:flex}.dino-name{letter-spacing:-.5px;margin:0;font-size:1.45rem;font-weight:900}.dino-detail-row{border-bottom:1px dashed var(--panel-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.dino-detail-row:last-of-type{border-bottom:none;padding-bottom:0}.dino-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.dino-value{color:var(--text-primary);font-size:.85rem;font-weight:800}.dino-text{color:var(--text-primary);opacity:.9;margin:0;font-size:.85rem;line-height:1.5}.dino-speak-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.dino-speak-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.dino-speak-btn:active{transform:scale(.98)}.space-guide-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000040!important}body.theme-pastel .space-guide-card{background:#fff!important}