:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Orbitron", "Press Start 2P", ui-monospace, monospace;--hue-primary:290;--hue-secondary:180;--primary-base:var(--hue-primary), 100%, 60%;--secondary-base:var(--hue-secondary), 100%, 50%;--primary:hsl(var(--primary-base));--primary-glow:hsla(var(--primary-base), .35);--secondary:hsl(var(--secondary-base));--secondary-glow:hsla(var(--secondary-base), .35);--bg-dark:#09090e;--bg-card:#10101cb3;--bg-card-hover:#1a1a2ad9;--border-glass:#ffffff14;--border-neon:hsla(var(--primary-base), .3);--border-neon-active:hsla(var(--primary-base), .8);--text-primary:#fff;--text-secondary:#a0a0c0;--text-muted:#62627a;--shadow-neon:0 0 15px var(--primary-glow);--shadow-neon-strong:0 0 25px var(--primary-glow), 0 0 10px hsla(var(--primary-base), .5);--safe-bottom:env(safe-area-inset-bottom,0px)}.theme-mario{--hue-primary:358;--hue-secondary:48;--bg-dark:#0d0404;--bg-card:#1c0a0abf;--bg-card-hover:#2a0e0ee6}.theme-zelda{--hue-primary:135;--hue-secondary:45;--bg-dark:#020b05;--bg-card:#08180dbf;--bg-card-hover:#0e2615e6}.theme-rdr{--hue-primary:0;--hue-secondary:28;--bg-dark:#0e0505;--bg-card:#1e0a0acc;--bg-card-hover:#2d0f0ff2}.theme-portal{--hue-primary:198;--hue-secondary:28;--bg-dark:#050a10;--bg-card:#0a1420bf;--bg-card-hover:#101e30e6}.theme-custom{--hue-primary:290;--hue-secondary:180}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:#050508;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.phone-wrapper{background:var(--bg-dark);border:1px solid var(--border-glass);flex-direction:column;width:100%;max-width:430px;height:100vh;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c,0 0 30px #00000080}.crt-overlay{z-index:9999;pointer-events:none;opacity:.45;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}@media (width>=500px){body{background:radial-gradient(circle,#1b1329 0%,#08050e 100%);padding:20px}.phone-wrapper{height:880px;box-shadow:0 0 0 4px #2a2a35, 0 20px 40px #000c, 0 0 80px hsla(var(--hue-primary), 100%, 60%, .15);border:10px solid #1a1a24;border-radius:40px}.phone-wrapper:before{content:"";z-index:1000;background:#1a1a24;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--hue-primary), 100%, 60%, .5)}h1,h2,h3,h4{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}.glow-text{text-shadow:0 0 8px var(--primary-glow), 0 0 2px var(--primary)}.glow-text-secondary{text-shadow:0 0 8px var(--secondary-glow), 0 0 2px var(--secondary)}.btn{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), hsl(var(--hue-primary), 100%, 45%));border:1px solid hsla(var(--hue-primary), 100%, 75%, .3);box-shadow:var(--shadow-neon)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-neon-strong);filter:brightness(1.1)}.btn-primary:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#2a2a35;border-color:#0000}.btn-secondary{border:1px solid var(--secondary);color:var(--secondary);background:linear-gradient(135deg,#ffffff0f,#ffffff05);box-shadow:0 0 10px #00ffff1a}.btn-secondary:hover:not(:disabled){background:hsla(var(--hue-secondary), 100%, 50%, .1);box-shadow:0 0 15px var(--secondary-glow)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:20px;transition:all .3s}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:hsla(var(--hue-primary), 100%, 60%, .2)}.glass-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0006;border-radius:12px;outline:none;padding:14px 18px;font-size:15px;transition:all .25s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.nav-tabs{border-top:1px solid var(--border-glass);padding:10px 10px calc(10px + var(--safe-bottom));z-index:100;background:#0a0a0fd9;justify-content:space-around;display:flex}.nav-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.nav-tab-btn.active{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.nav-tab-btn svg{transition:transform .2s}.nav-tab-btn.active svg{filter:drop-shadow(0 0 5px var(--primary));transform:translateY(-2px)}@keyframes pulseGlow{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.pulse-glow-border{animation:2s ease-in-out infinite pulseGlow}@keyframes coinDrop{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(600px)rotate(360deg)}}.coin-particle{pointer-events:none;z-index:1000;background:gold;border:1px solid #b8860b;border-radius:50%;width:14px;height:14px;animation:1.5s linear forwards coinDrop;position:absolute;box-shadow:0 0 8px #ffd700cc}.scrapbook-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.scrapbook-card{aspect-ratio:1;border:1px solid var(--border-glass);cursor:pointer;background:#000;border-radius:12px;position:relative;overflow:hidden}.scrapbook-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.scrapbook-card:hover img{transform:scale(1.08)}.scrapbook-card-caption{text-align:center;background:linear-gradient(#0000,#000000d9);padding:8px;font-size:12px;position:absolute;bottom:0;left:0;right:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake-anim{animation:.3s ease-in-out 2 shake}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-up-anim{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up-anim{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.progress-steps{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.progress-line{background:var(--border-glass);z-index:1;height:2px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.progress-line-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;box-shadow:var(--shadow-neon);width:0%;transition:width .4s}.step-node{border:2px solid var(--border-glass);z-index:2;width:38px;height:38px;font-family:var(--font-mono);color:var(--text-muted);background:#141424;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:flex}.step-node.active{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-neon);background:#1b1329}.step-node.completed{border-color:var(--secondary);color:var(--bg-dark);background:var(--secondary);box-shadow:0 0 10px var(--secondary-glow)}