.global-style-cursor{position:fixed;inset:0;z-index:30000;pointer-events:none;opacity:0;transition:opacity .2s}html[data-global-cursor-visible=true] .global-style-cursor{opacity:1}.global-style-cursor-orbit,.global-style-cursor-dot{position:absolute;top:0;left:0;will-change:transform}.global-style-cursor-orbit{width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;place-items:center;color:#ff8f77;border:1px solid rgba(204,243,213,.72);border-radius:50%;background:#17201e14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:width .22s,height .22s,margin .22s,background .22s,border-color .22s}.global-style-cursor-orbit:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(204,243,213,.52);border-radius:inherit;animation:global-cursor-spin 5s linear infinite}.global-style-cursor-orbit i{font-style:normal;font-size:13px;line-height:1;transition:rotate .25s,scale .25s}.global-style-cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#f1eee5;box-shadow:0 0 12px #ccf3d5}html[data-global-cursor-hover=true] .global-style-cursor-orbit{width:62px;height:62px;margin:-31px 0 0 -31px;border-color:#ff8f77;background:#ccf3d51c}html[data-global-cursor-hover=true] .global-style-cursor-orbit i{rotate:45deg;scale:1.3}html[data-global-cursor-down=true] .global-style-cursor-orbit{width:30px;height:30px;margin:-15px 0 0 -15px}@keyframes global-cursor-spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){html.global-style-cursor-enabled,html.global-style-cursor-enabled *{cursor:none!important}}@media(prefers-reduced-motion:reduce){.global-style-cursor{display:none}}#root{margin:0;padding:0;text-align:center;min-height:100vh;width:100%;max-width:100%;overflow-x:clip}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.page-transition{position:relative;width:100%;min-height:100vh;isolation:isolate;max-width:100%;overflow-x:clip}.page-transition:after{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:0}[data-theme=cyber] .page-transition{animation:cyberPageIn .58s cubic-bezier(.16,.78,.24,1) both}[data-theme=cyber] .page-transition:after{background:linear-gradient(180deg,transparent 0,rgba(0,243,255,.2) 48%,#00f3ff 50%,rgba(217,70,239,.16) 52%,transparent 100%);background-size:100% 18%;background-repeat:no-repeat;animation:cyberPageScan .68s linear both}@keyframes cyberPageIn{0%{opacity:0;transform:translateY(12px) scale(.985);filter:brightness(1.35) saturate(.72);clip-path:inset(0 0 92% 0)}45%{opacity:1;clip-path:inset(0 0 0 0)}65%{transform:translate(3px) scale(1);filter:brightness(1.12) saturate(1.2) blur(0)}75%{transform:translate(-2px)}to{opacity:1;transform:none;filter:none;clip-path:inset(0)}}@keyframes cyberPageScan{0%{opacity:0;background-position:0 -20%}15%{opacity:.9}85%{opacity:.45}to{opacity:0;background-position:0 120%}}[data-theme=hi-tech] .page-transition{animation:hiTechPageIn .52s cubic-bezier(.22,.75,.2,1) both}[data-theme=hi-tech] .page-transition:after{background:linear-gradient(90deg,transparent,rgba(2,132,199,.28),transparent);width:24%;left:-25%;animation:hiTechPageSweep .62s ease-out both}@keyframes hiTechPageIn{0%{opacity:0;transform:translate(22px);clip-path:inset(0 0 0 28%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes hiTechPageSweep{0%{opacity:0;translate:0}20%{opacity:.8}to{opacity:0;translate:520%}}[data-theme=steam] .page-transition{transform-origin:50% 0;animation:steamPageIn .75s cubic-bezier(.18,.8,.2,1) both}[data-theme=steam] .page-transition:after{background:repeating-linear-gradient(90deg,#0c0a09f5 0 8px,#44403cf5 8px 16px);border-bottom:6px ridge #d97706;animation:steamShutterLift .72s cubic-bezier(.6,0,.3,1) both}@keyframes steamPageIn{0%{opacity:0;transform:perspective(900px) rotateX(-7deg) translateY(-28px) scale(.98);filter:sepia(.8) brightness(.55)}62%{opacity:1;transform:perspective(900px) rotateX(1deg) translateY(4px);filter:sepia(.18) brightness(1.05)}82%{transform:perspective(900px) rotateX(0) translateY(-2px)}to{opacity:1;transform:none;filter:none}}@keyframes steamShutterLift{0%{opacity:1;transform:translateY(0)}65%{opacity:1}to{opacity:0;transform:translateY(-105%)}}[data-theme=blush] .page-transition{transform-origin:50% 18%;animation:blushPageIn .68s cubic-bezier(.2,1.25,.35,1) both}[data-theme=blush] .page-transition:after{inset:-20%;background:radial-gradient(circle at 25% 35%,rgba(255,143,171,.3) 0 6%,transparent 7%),radial-gradient(circle at 72% 62%,rgba(47,155,124,.24) 0 7%,transparent 8%);animation:blushPageBubbles .72s ease-out both}@keyframes blushPageIn{0%{opacity:0;transform:translateY(24px) scale(.965) rotate(-.5deg)}68%{opacity:1;transform:translateY(-4px) scale(1.008) rotate(.15deg);filter:blur(0)}to{opacity:1;transform:none;filter:none}}@keyframes blushPageBubbles{0%{opacity:0;transform:scale(.72)}35%{opacity:.8}to{opacity:0;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.page-transition,.page-transition:after{animation:none!important;opacity:1;transform:none;filter:none;clip-path:none}.page-transition:after{display:none}}[data-theme=brutalism] .page-transition{animation:brutalPageIn .24s ease-out both;will-change:transform,opacity}[data-theme=brutalism] .page-transition:after{inset:0 auto auto 0;width:100%;height:8px;background:#06f;border-bottom:3px solid #111;transform-origin:left center;animation:brutalStripe .28s ease-out both;will-change:transform,opacity}@keyframes brutalPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brutalStripe{0%{opacity:1;transform:scaleX(0)}65%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}[data-theme=synthwave] .page-transition{animation:synthPageIn .66s ease-out both}[data-theme=synthwave] .page-transition:after{background:linear-gradient(180deg,transparent,#ff2bd655 48%,#00f5ff 50%,transparent 52%);animation:cyberPageScan .75s linear both}@keyframes synthPageIn{0%{opacity:0;transform:scale(1.03);filter:hue-rotate(70deg)}to{opacity:1;transform:none;filter:none}}[data-theme=glass] .page-transition{animation:glassPageIn .65s cubic-bezier(.2,.9,.3,1) both}[data-theme=glass] .page-transition:after{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.8),transparent 55%);animation:glassShine .7s ease-out both}@keyframes glassPageIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none;filter:none}}@keyframes glassShine{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.25)}}:root{--tour-accent: #22d3ee;--tour-accent-soft: #67e8f9;--tour-bg: #111827;--tour-surface: #082f49;--tour-text: #e2e8f0;--tour-muted: #475569;--tour-border: 1px solid rgba(34,211,238,.5);--tour-radius: 16px;--tour-shadow: 0 22px 65px rgba(0,0,0,.55),0 0 28px rgba(34,211,238,.16);--tour-mask: rgba(2,6,23,.76);--tour-close: #ef4444;--tour-close-border: #fecaca;--tour-robot-bg: linear-gradient(145deg,#1e293b,#0f172a);--tour-robot-face: #020617;--tour-robot-mouth: #f472b6}.tour-robot-message{display:flex;align-items:center;gap:16px;min-height:92px;padding:12px 28px 4px 2px}.tour-guide-copy{flex:1;color:var(--tour-text);font-size:15px;font-weight:600;line-height:1.55;white-space:pre-wrap}.tour-typing-caret{display:inline-block;width:2px;height:1em;margin-inline-start:4px;background:var(--tour-accent);vertical-align:-.12em;box-shadow:0 0 7px var(--tour-accent);animation:tourCaretBlink .72s steps(1,end) infinite}.tour-guide-robot{position:relative;flex:0 0 72px;width:72px;height:62px;padding:13px 11px 9px;border:2px solid var(--tour-accent);border-radius:20px;background:var(--tour-robot-bg);box-shadow:inset 0 0 14px color-mix(in srgb,var(--tour-accent) 18%,transparent),0 8px 20px #00000059;animation:tourRobotFloat 2.1s ease-in-out infinite}.tour-guide-antenna{position:absolute;top:-12px;left:50%;width:3px;height:12px;background:var(--tour-accent);transform:translate(-50%)}.tour-guide-antenna:before{content:"";position:absolute;top:-5px;left:-4px;width:11px;height:11px;border-radius:50%;background:var(--tour-robot-mouth);box-shadow:0 0 12px var(--tour-robot-mouth)}.tour-guide-face{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;width:46px;height:34px;margin:auto;padding:8px;border-radius:12px;background:var(--tour-robot-face)}.tour-guide-face i{width:8px;height:10px;border-radius:50%;background:var(--tour-accent-soft);box-shadow:0 0 8px var(--tour-accent)}.tour-guide-face b{grid-column:1 / -1;width:20px;height:4px;margin:-2px auto 0;border-radius:0 0 8px 8px;background:var(--tour-robot-mouth)}.tour-guide-robot.is-speaking .tour-guide-face b{transform-origin:50% 0;animation:tourRobotTalk .19s steps(2,end) infinite}.tour-guide-character{position:relative;flex:0 0 86px;width:86px;height:98px;overflow:hidden;border:2px solid var(--tour-accent);border-radius:22px;background:var(--tour-surface);box-shadow:0 8px 20px #00000047;animation:tourRobotFloat 2.1s ease-in-out infinite}.tour-guide-character img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;transform:scale(1.38);transform-origin:50% 20%}.tour-guide-character.is-speaking{box-shadow:0 8px 20px #00000047,0 0 0 4px color-mix(in srgb,var(--tour-accent) 18%,transparent)}@keyframes tourRobotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes tourRobotTalk{0%,to{height:3px;border-radius:999px;transform:scaleX(.78)}50%{height:11px;border-radius:4px 4px 9px 9px;transform:scaleX(1)}}@keyframes tourCaretBlink{0%,48%{opacity:1}49%,to{opacity:0}}[dir=rtl] .tour-robot-message{padding:12px 2px 4px 28px}@media(max-width:480px){.tour-robot-message{gap:11px;min-height:84px}.tour-guide-robot{flex-basis:62px;width:62px;transform:scale(.9)}.tour-guide-character{flex-basis:70px;width:70px;height:82px}}@media(prefers-reduced-motion:reduce){.tour-guide-robot,.tour-guide-character,.tour-guide-robot.is-speaking .tour-guide-face b,.tour-typing-caret{animation:none}}.tour-close-button{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid var(--tour-close-border);border-radius:50%;color:#fff;background:var(--tour-close);box-shadow:0 4px 12px #00000073;cursor:pointer}.tour-close-button span{display:block;margin-top:-2px;font:400 29px/1 Arial,sans-serif;transform:none}.tour-close-button:hover{background:#dc2626;transform:scale(1.06)}.tour-close-button:focus-visible{outline:3px solid var(--tour-accent-soft);outline-offset:2px}.tour-step-navigation{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;margin-top:18px}.tour-step-navigation button{display:grid;place-items:center;width:48px;height:40px;padding:0;border:1px solid var(--tour-accent);border-radius:calc(var(--tour-radius) * .75);color:var(--tour-accent-soft);background:var(--tour-surface);box-shadow:0 0 14px color-mix(in srgb,var(--tour-accent) 16%,transparent);cursor:pointer}.tour-step-navigation button span{font:700 26px/1 Arial,sans-serif}.tour-step-navigation button:hover:not(:disabled){border-color:var(--tour-accent-soft);filter:brightness(1.14);transform:translateY(-1px)}.tour-step-navigation button:disabled{color:#475569;border-color:#334155;background:#1e293b73;box-shadow:none;cursor:not-allowed}.tour-step-count{justify-self:center;min-width:88px;padding:8px 14px;border:1px solid var(--tour-accent);border-radius:999px;color:var(--tour-text);background:var(--tour-surface);text-align:center;font:800 14px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:inset 0 0 12px color-mix(in srgb,var(--tour-accent) 12%,transparent)}[dir=rtl] .tour-close-button{right:auto;left:12px}[data-theme=hi-tech]{--tour-accent: #0284c7;--tour-accent-soft: #0369a1;--tour-bg: #f8fafc;--tour-surface: #e0f2fe;--tour-text: #1e293b;--tour-muted: #94a3b8;--tour-border: 2px solid #0284c7;--tour-radius: 8px;--tour-shadow: 8px 9px 0 rgba(15,23,42,.13),0 22px 55px rgba(15,23,42,.2);--tour-mask: rgba(15,23,42,.58);--tour-close: #dc2626;--tour-close-border: #991b1b;--tour-robot-bg: linear-gradient(145deg,#fff,#dbeafe);--tour-robot-face: #e2e8f0;--tour-robot-mouth: #db2777}[data-theme=hi-tech] .tour-guide-robot{border-radius:8px;box-shadow:4px 4px #bae6fd}[data-theme=steam]{--tour-accent: #d97706;--tour-accent-soft: #fde68a;--tour-bg: linear-gradient(145deg,#44403c,#1c1917);--tour-surface: #292524;--tour-text: #fef3c7;--tour-muted: #78716c;--tour-border: 5px ridge #d97706;--tour-radius: 3px;--tour-shadow: 8px 10px 0 #0c0a09,0 24px 55px rgba(0,0,0,.6);--tour-mask: rgba(12,10,9,.82);--tour-close: #991b1b;--tour-close-border: #f59e0b;--tour-robot-bg: linear-gradient(#57534e,#292524);--tour-robot-face: #0c0a09;--tour-robot-mouth: #f59e0b}[data-theme=steam] .tour-guide-robot{border-width:4px;border-style:ridge;border-radius:3px;box-shadow:4px 5px #0c0a09}[data-theme=steam] .tour-step-navigation button,[data-theme=steam] .tour-step-count{border-width:3px;border-style:ridge;border-radius:3px;text-shadow:1px 1px #0c0a09}[data-theme=steam] .tour-close-button{border-radius:3px}[data-theme=blush]{--tour-accent: #8d65c5;--tour-accent-soft: #7650a8;--tour-bg: #fffafd;--tour-surface: #f3e8ff;--tour-text: #35294d;--tour-muted: #c4b5d6;--tour-border: 2px solid rgba(141,101,197,.38);--tour-radius: 24px;--tour-shadow: 0 12px 0 rgba(141,101,197,.14),0 28px 60px rgba(46,37,63,.18);--tour-mask: rgba(53,41,77,.58);--tour-close: #ff6f94;--tour-close-border: #ffd6e1;--tour-robot-bg: linear-gradient(145deg,#fff,#fce7f3);--tour-robot-face: #fff;--tour-robot-mouth: #ff6f94}[data-theme=blush] .tour-guide-robot{border-radius:45% 55% 48% 52%;box-shadow:4px 6px #eadcff}[data-theme=blush] .tour-step-navigation button{border-radius:14px}[data-theme=brutalism]{--tour-accent:#0066ff;--tour-accent-soft:#111;--tour-bg:#fffdf0;--tour-surface:#f5f000;--tour-text:#111;--tour-muted:#555;--tour-border:4px solid #111;--tour-radius:0px;--tour-shadow:10px 10px 0 #111;--tour-mask:rgba(17,17,17,.67);--tour-close:#ff5c35;--tour-close-border:#111;--tour-robot-bg:#fff;--tour-robot-face:#f5f000;--tour-robot-mouth:#ff2e63}[data-theme=brutalism] .tour-guide-robot{border:4px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=brutalism] .tour-guide-face{border:3px solid #111;border-radius:0}[data-theme=brutalism] .tour-guide-face i{background:#111;box-shadow:none}[data-theme=brutalism] .tour-step-navigation button,[data-theme=brutalism] .tour-step-count{color:#111;border:3px solid #111;border-radius:0;background:#f5f000;box-shadow:4px 4px #111;text-shadow:none}[data-theme=brutalism] .tour-step-navigation button:hover:not(:disabled){background:#00e5ff;transform:translate(-2px,-2px);box-shadow:6px 6px #111;filter:none}[data-theme=brutalism] .tour-step-navigation button:disabled{color:#666;border-color:#555;background:#d6d3c5;box-shadow:2px 2px #555}[data-theme=brutalism] .tour-close-button{color:#111;border:3px solid #111;border-radius:0;background:#ff5c35;box-shadow:4px 4px #111}[data-theme=synthwave]{--tour-accent:#ff2bd6;--tour-accent-soft:#00f5ff;--tour-bg:linear-gradient(145deg,#240046,#10002b);--tour-surface:#3c096c;--tour-text:#fff5ff;--tour-muted:#9d4edd;--tour-border:2px solid #ff2bd6;--tour-radius:8px;--tour-shadow:0 0 26px rgba(255,43,214,.55),0 24px 60px rgba(0,0,0,.6);--tour-mask:rgba(16,0,43,.78);--tour-close:#ff2bd6;--tour-close-border:#00f5ff;--tour-robot-bg:linear-gradient(145deg,#6a00f4,#240046);--tour-robot-face:#10002b;--tour-robot-mouth:#ff2bd6}[data-theme=synthwave] .tour-guide-robot{border-color:#00f5ff;border-radius:12px;box-shadow:0 0 18px #ff2bd6,inset 0 0 12px #00f5ff33}[data-theme=synthwave] .tour-guide-face i{box-shadow:0 0 10px #00f5ff}[data-theme=synthwave] .tour-guide-copy{text-shadow:0 0 6px rgba(255,43,214,.35)}[data-theme=synthwave] .tour-step-navigation button,[data-theme=synthwave] .tour-step-count{border-color:#00f5ff;background:#240046;box-shadow:0 0 14px #ff2bd673}[data-theme=synthwave] .tour-step-navigation button:hover:not(:disabled){color:#fff;border-color:#ff2bd6;box-shadow:0 0 18px #ff2bd6}[data-theme=synthwave] .tour-close-button{border-radius:6px;box-shadow:0 0 14px #ff2bd6}[data-theme=glass]{--tour-accent:#0a84ff;--tour-accent-soft:#16213b;--tour-bg:rgba(255,255,255,.72);--tour-surface:rgba(255,255,255,.58);--tour-text:#16213b;--tour-muted:#8c99ae;--tour-border:1px solid rgba(255,255,255,.92);--tour-radius:24px;--tour-shadow:inset 0 1px #fff,0 24px 70px rgba(30,64,175,.2);--tour-mask:rgba(30,41,59,.48);--tour-close:rgba(255,55,95,.9);--tour-close-border:rgba(255,255,255,.88);--tour-robot-bg:rgba(255,255,255,.72);--tour-robot-face:rgba(219,234,254,.72);--tour-robot-mouth:#ff375f}[data-theme=glass] .tour-guide-robot{border:1px solid #fff;border-radius:22px;box-shadow:inset 0 1px #fff,0 12px 30px #2563eb2e;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}[data-theme=glass] .tour-guide-face{border-radius:14px;box-shadow:inset 0 1px #fffc}[data-theme=glass] .tour-guide-face i{background:#0a84ff;box-shadow:0 0 7px #0a84ff66}[data-theme=glass] .tour-step-navigation button,[data-theme=glass] .tour-step-count{color:#16213b;border:1px solid #fff;background:#ffffff8c;box-shadow:inset 0 1px #fff,0 8px 20px #2563eb1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=glass] .tour-step-navigation button:hover:not(:disabled){background:#ffffffdb;box-shadow:inset 0 1px #fff,0 10px 24px #2563eb2e}[data-theme=glass] .tour-close-button{border:1px solid #fff;box-shadow:inset 0 1px #ffffff8c,0 7px 18px #ff375f33}[data-theme=shadcn] .page-transition{animation:shadcnPageIn .32s ease-out both}[data-theme=shadcn] .page-transition:after{background:linear-gradient(90deg,transparent,rgba(24,24,27,.06),transparent);animation:shadcnSweep .38s ease-out both}@keyframes shadcnPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shadcnSweep{0%{opacity:0;transform:translate(-18%)}45%{opacity:1}to{opacity:0;transform:translate(18%)}}[data-theme=shadcn]{--tour-accent:#18181b;--tour-text:#18181b;--tour-surface:#fff}[data-theme=shadcn] .tour-guide-robot{border:1px solid #27272a;border-radius:12px;background:#fff;box-shadow:0 8px 24px #00000024}[data-theme=shadcn] .tour-guide-face{border:1px solid #d4d4d8;border-radius:8px;background:#f4f4f5}[data-theme=shadcn] .tour-guide-face i{background:#18181b;box-shadow:none}[data-theme=shadcn] .tour-guide-copy{color:#18181b;text-shadow:none}[data-theme=shadcn] .tour-step-navigation button,[data-theme=shadcn] .tour-step-count{color:#18181b;border:1px solid #d4d4d8;border-radius:6px;background:#fff;box-shadow:none;text-shadow:none}[data-theme=shadcn] .tour-step-navigation button:hover:not(:disabled){color:#fff;border-color:#18181b;background:#18181b;box-shadow:none}[data-theme=shadcn] .tour-close-button{color:#52525b;border:1px solid #e4e4e7;border-radius:6px;background:#fff;box-shadow:none}.global-footer{padding:2rem 1rem;background:var(--theme-header);border-top:1px solid rgba(139,92,246,.3);text-align:center;font-family:Rajdhani,sans-serif;margin-top:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-links .link-btn{color:var(--cyber-dim);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;background:none;border:none;cursor:pointer;transition:color .2s;font-family:Orbitron,sans-serif}.footer-links .link-btn:hover{color:var(--neon-cyan);text-shadow:0 0 5px rgba(34,211,238,.5)}.footer-copy{color:var(--cyber-dim);font-size:.8rem}.coming-soon-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;position:relative}.coming-soon-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-dim) 1px,transparent 1px),linear-gradient(90deg,var(--border-dim) 1px,transparent 1px);background-size:40px 40px;opacity:.1;z-index:0}.coming-soon-content{z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:500px}.icon-pulse{width:100px;height:100px;border-radius:50%;background:#00f3ff1a;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f3ff33;margin-bottom:1rem;animation:pulse 2s infinite ease-in-out}.rocket-icon{color:var(--neon-cyan);transform:rotate(-45deg)}h1.glitch-text{font-family:Orbitron,sans-serif;font-size:3.5rem;margin:0;background:linear-gradient(135deg,#fff 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;font-weight:700}.coming-soon-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.progress-bar-container{width:100%;height:4px;background:var(--bg-card);border-radius:2px;overflow:hidden;position:relative;max-width:300px}.progress-bar{width:60%;height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:loading 3s infinite ease-in-out}.version-tag{font-family:Orbitron,monospace;font-size:.8rem;color:var(--text-muted);margin-top:1rem;opacity:.6}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #00f3ff66}70%{transform:scale(1.1);box-shadow:0 0 0 15px #00f3ff00}to{transform:scale(1);box-shadow:0 0 #00f3ff00}}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:600px){h1.glitch-text{font-size:2.5rem}}.sg-landing{--sg-ink: #17201e;--sg-bg: #171c1b;--sg-paper: #f1eee5;--sg-mint: #ccf3d5;--sg-coral: #ff8f77;position:relative;background:var(--sg-bg);color:var(--sg-paper);font-family:Arial,Helvetica,sans-serif;font-weight:400;text-align:start;color-scheme:dark;isolation:isolate}.sg-landing *,.sg-landing *:before,.sg-landing *:after{box-sizing:border-box}.sg-landing :is(h1,h2,h3,p){margin:0}.sg-landing :is(h1,h2,h3){font-family:inherit;font-weight:500;text-transform:none;letter-spacing:-.065em;text-shadow:none}.sg-landing :is(a,button,select){-webkit-tap-highlight-color:transparent}.sg-landing a{color:inherit;text-decoration:none}.sg-landing button{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;padding:0;text-transform:none;letter-spacing:normal;clip-path:none;box-shadow:none;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;transition:background .25s,color .25s,transform .25s}.sg-landing button:hover{background:transparent;color:inherit;box-shadow:none;text-shadow:none;transform:none}.sg-landing :is(a,button,select):focus-visible{outline:2px solid var(--sg-coral);outline-offset:6px}.sg-cursor-layer{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s}.sg-landing[data-cursor-visible=true] .sg-cursor-layer{opacity:1}.sg-cursor-orbit,.sg-cursor-dot{position:absolute;top:0;left:0;will-change:transform}.sg-cursor-orbit{width:42px;height:42px;margin:-21px 0 0 -21px;border:1px solid #ccf3d599;border-radius:50%;display:grid;place-items:center;color:var(--sg-coral);transition:width .22s,height .22s,margin .22s,background .22s,border-color .22s}.sg-cursor-orbit:after{content:"";position:absolute;inset:5px;border:1px dashed #ccf3d566;border-radius:inherit;animation:sg-cursor-spin 5s linear infinite}.sg-cursor-orbit i{font-style:normal;font-size:13px;line-height:1;transition:rotate .25s,scale .25s}.sg-cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--sg-paper);box-shadow:0 0 12px var(--sg-mint)}.sg-landing[data-cursor-hover=true] .sg-cursor-orbit{width:62px;height:62px;margin:-31px 0 0 -31px;background:#ccf3d51c;border-color:var(--sg-coral)}.sg-landing[data-cursor-hover=true] .sg-cursor-orbit i{rotate:45deg;scale:1.3}.sg-landing[data-cursor-down=true] .sg-cursor-orbit{width:30px;height:30px;margin:-15px 0 0 -15px}.sg-header{position:absolute;inset:0 0 auto;z-index:5;height:136px;margin-inline:4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;gap:24px}.sg-wordmark{display:inline-flex;align-items:center;width:clamp(190px,16vw,250px);height:130px;flex:0 0 auto}.sg-wordmark img{display:block;width:100%;height:100%;object-fit:contain}.sg-nav{display:flex;align-items:center;gap:32px;font-size:13px}.sg-nav a:hover,.sg-nav .sg-nav-link:hover{color:var(--sg-coral)}.sg-nav select{font:inherit;border:0;background:var(--sg-bg);color:var(--sg-paper);cursor:pointer;padding:8px 3px}.sg-nav .sg-nav-account{padding:12px 17px;border:1px solid #ffffff55;border-radius:30px;display:flex;align-items:center;gap:16px}.sg-nav-account span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-nav .sg-nav-account:hover{background:var(--sg-paper);color:var(--sg-ink)}.sg-main{display:block;width:100%;padding:0}.sg-journey{position:relative;isolation:isolate;overflow:clip}.sg-stage{position:sticky;top:0;z-index:3;height:max(100svh,670px);margin-bottom:min(-100svh,-670px);pointer-events:none}.sg-sculpture{position:absolute;inset:0;width:100%;height:100%}.sg-hero{position:relative;z-index:2;min-height:max(100svh,760px);padding:190px 6% 120px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;column-gap:3%}.sg-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.sg-live-dot{height:6px;width:6px;border-radius:50%;background:var(--sg-mint);box-shadow:0 0 0 5px #ccf3d50b}.sg-hero h1{font-size:clamp(76px,7.6vw,138px);line-height:.97;margin:33px 0 29px}.sg-title-serif,.sg-landing h2 em{font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:italic;letter-spacing:-.072em}.sg-title-serif,.sg-title-period{color:var(--sg-coral)}.sg-intro-copy{max-width:345px;font-size:15px;line-height:1.75;color:#b9c1b9}.sg-landing .sg-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:100px;padding:9px 10px 9px 26px;min-height:61px;font-size:14px;font-weight:600}.sg-button>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:transform .3s}.sg-button:hover>span{transform:rotate(45deg)}.sg-landing .sg-button-mint{margin-top:31px;color:var(--sg-ink);background:var(--sg-mint)}.sg-landing .sg-button-mint:hover{color:var(--sg-ink);background:#e4ffe9;transform:translateY(-3px)}.sg-caption{color:#a9b4aa;font-size:10px;margin-top:15px!important}.sg-scene-label{position:absolute;z-index:4;top:31%;left:54%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#a5aaa3;font:9px monospace;letter-spacing:.14em}.sg-scene-cross{font-size:24px;font-weight:300}.sg-hero-bottom{position:absolute;inset-inline:6%;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.13em;color:#a4aea4}.sg-hero-bottom a{display:flex;align-items:center;gap:12px}.sg-hero-bottom a svg{animation:sg-arrow-drop 2s ease-in-out infinite}.sg-focus{min-height:100svh;position:relative;z-index:2;display:flex;align-items:center;padding:120px 6%}.sg-focus-copy{width:47%}.sg-focus .sg-eyebrow{color:var(--sg-mint)}.sg-focus h2{font-size:clamp(60px,6.5vw,108px);line-height:1.03;margin:30px 0}.sg-focus h2 em{color:var(--sg-mint)}.sg-focus-copy p{max-width:350px;font-size:15px;line-height:1.8;color:#b9c1b9}.sg-text-link{display:inline-flex;gap:30px;align-items:center;padding-block:18px;margin-top:22px;border-bottom:1px solid #a8b5a866;font-size:12px}.sg-text-link:hover{color:var(--sg-mint)}.sg-focus-note{position:absolute;bottom:13%;left:63%;display:flex;align-items:center;gap:10px;font:10px monospace;color:#b6c6b7}.sg-orbit-marker{width:9px;height:9px;background:var(--sg-mint);border-radius:50%;box-shadow:0 0 0 5px #ccf3d519}.sg-marquee{position:relative;z-index:4;overflow:hidden;padding:25px 0;background:var(--sg-mint);color:var(--sg-ink)}.sg-marquee>div{display:flex;width:max-content;animation:sg-marquee 38s linear infinite;direction:ltr}.sg-marquee span{display:flex;align-items:center;gap:44px;padding-inline-end:44px;font-size:clamp(25px,3vw,44px);letter-spacing:-.045em;white-space:nowrap}.sg-marquee i{font-style:normal;font-size:50px;line-height:.7}.sg-skills{position:relative;z-index:auto;padding:110px 6% 40px;color:var(--sg-ink);background:var(--sg-paper)}.sg-section-heading{position:relative;z-index:4;padding-bottom:60px}.sg-section-heading h2{font-size:clamp(48px,5.3vw,82px);line-height:1.05;margin-top:25px}.sg-section-heading>p{max-width:330px;margin-top:24px;font-size:13px;line-height:1.8;color:#657066}.sg-skill-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sg-skill{padding:26px;min-height:412px;border-radius:4px;transition:transform .4s}.sg-skill:hover{transform:translateY(-9px) rotate(-1deg)}.sg-skill-memory{background:#e5c9f1}.sg-skill-focus{background:#f2ad94}.sg-skill-flow{background:#d4e5c9}.sg-skill-top{display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:.06em}.sg-skill h3{font-size:31px;letter-spacing:-.05em;margin-bottom:12px}.sg-skill p{font-size:12px;line-height:1.8;max-width:290px;color:#344538}.sg-memory-art{height:226px;display:flex;align-items:center;justify-content:center}.sg-memory-art span{width:67px;height:85px;margin-inline:-13px;background:#564767;border:1px solid #e5c9f1;border-radius:10px;display:grid;place-items:center;color:#e5c9f1;font-size:50px;transform:rotate(-24deg);transition:transform .6s}.sg-memory-art span:nth-child(2){transform:translateY(-10px) rotate(-9deg)}.sg-memory-art span:nth-child(3){transform:translateY(-10px) rotate(9deg)}.sg-memory-art span:nth-child(4){transform:rotate(24deg)}.sg-skill-memory:hover .sg-memory-art span{transform:translate(-10px) rotate(-32deg)}.sg-skill-memory:hover .sg-memory-art span:nth-child(n+3){transform:translate(10px) rotate(32deg)}.sg-focus-art{position:relative;height:226px;display:grid;place-items:center}.sg-focus-art span{position:absolute;border:1px solid #623c2e;border-radius:50%;width:154px;height:154px;transition:transform .7s}.sg-focus-art span:nth-child(2){width:108px;height:108px}.sg-focus-art span:nth-child(3){width:60px;height:60px}.sg-focus-art i{width:15px;height:15px;border-radius:50%;background:#623c2e;box-shadow:60px -52px 0 -2px #623c2e}.sg-skill-focus:hover .sg-focus-art span:nth-child(2){transform:scale(1.22)}.sg-skill-focus:hover .sg-focus-art span:nth-child(3){transform:scale(.7)}.sg-flow-art{display:flex;justify-content:center;align-items:center;height:226px;transform:rotate(-25deg)}.sg-flow-art span{width:39px;height:125px;background:#45644b;border-radius:30px;margin-inline:-3px;transition:transform .6s}.sg-flow-art span:nth-child(2n){transform:translateY(22px);background:#72916b}.sg-skill-flow:hover .sg-flow-art span:nth-child(odd){transform:translateY(22px)}.sg-skill-flow:hover .sg-flow-art span:nth-child(2n){transform:translateY(-10px)}.sg-skills-foot{position:relative;z-index:4;display:flex;gap:12px;align-items:center;padding-top:31px;font-size:11px}.sg-skills-time{margin-inline-start:auto;font-size:25px;letter-spacing:-.06em}.sg-skills-time span{font-size:10px;letter-spacing:0}.sg-finale{position:relative;overflow:hidden;background:var(--sg-coral);color:var(--sg-ink);padding:110px 6% 130px;min-height:640px}.sg-finale h2{font-size:clamp(62px,7.4vw,116px);line-height:.98;margin:30px 0 35px;position:relative}.sg-finale-star{position:absolute;right:2%;top:50%;width:clamp(360px,42vw,700px);height:auto;opacity:.28;transform:translateY(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}.sg-finale>[data-reveal]{position:relative}.sg-landing .sg-button-dark{background:var(--sg-ink);color:var(--sg-paper)}.sg-landing .sg-button-dark:hover{background:#30483b;color:#fff;transform:translateY(-3px)}.sg-finale-bottom{position:absolute;inset-inline:6%;bottom:30px;border-top:1px solid #17201e44;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em}.sg-landing .sg-motion-toggle{position:fixed;bottom:18px;right:20px;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #b2beac44;border-radius:30px;background:#17201eef;color:var(--sg-paper);font:8px monospace;letter-spacing:.04em}.sg-landing .sg-motion-toggle:hover{background:#334337;color:#fff}.sg-landing .sg-motion-toggle:focus:not(:focus-visible){outline:none}.page-transition[data-page=landing]{animation:none}.page-transition[data-page=landing]:after{display:none}.app-layout:has(.sg-landing) .global-footer{background:#171c1b;border:0;padding:34px 6% 65px}.app-layout:has(.sg-landing) .global-footer .link-btn{font:10px Arial,sans-serif;color:#bcc5b9;letter-spacing:0;text-transform:none;clip-path:none;box-shadow:none;border-radius:0}.app-layout:has(.sg-landing) .global-footer .link-btn:hover{color:#ccf3d5;background:transparent;text-shadow:none}.app-layout:has(.sg-landing) .footer-copy{font:10px Arial,sans-serif;color:#aab6a8}[dir=rtl] .sg-hero-copy,[dir=rtl] .sg-focus-copy{direction:rtl}[dir=rtl] .sg-hero{direction:ltr}[dir=rtl] .sg-focus{flex-direction:row-reverse}@keyframes sg-arrow-drop{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes sg-marquee{to{transform:translate(-50%)}}@keyframes sg-cursor-spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.sg-landing,.sg-landing :is(a,button,select){cursor:none}}@media(prefers-reduced-motion:no-preference){.sg-landing[data-motion=on] [data-reveal]{opacity:0;translate:0 35px;transition:opacity 1.15s cubic-bezier(.16,1,.3,1),translate 1.15s cubic-bezier(.16,1,.3,1)}.sg-landing[data-motion=on] [data-reveal][data-visible=true]{opacity:1;translate:0 0}.sg-skill:nth-child(2){transition-delay:.1s}.sg-skill:nth-child(3){transition-delay:.2s}}.sg-landing[data-motion=off] *,.sg-landing[data-motion=off] *:before,.sg-landing[data-motion=off] *:after{animation-play-state:paused!important;transition:none!important}.sg-landing[data-motion=off] [data-reveal]{opacity:1;translate:none}@media(max-width:1050px){.sg-nav{gap:20px}.sg-hero{padding-inline:5%;column-gap:0}.sg-hero h1{font-size:clamp(68px,8vw,85px)}.sg-skill{padding:22px}.sg-skill h3{font-size:26px}.sg-section-heading>p{max-width:220px}}@media(max-width:759px){.sg-header{height:80px;margin-inline:6%;gap:12px}.sg-wordmark{width:112px;height:72px}.sg-nav{gap:12px;font-size:11px}.sg-how-link,.sg-nav .sg-nav-link{display:none}.sg-nav .sg-nav-account{padding:9px 12px;gap:8px}.sg-nav-account span{max-width:75px}.sg-stage{height:100svh;margin-bottom:-100svh;top:0}.sg-hero{min-height:920px;display:block;padding:127px 7% 100px}.sg-hero-copy{max-width:520px}.sg-hero h1{font-size:clamp(66px,12vw,90px);margin:25px 0 20px}.sg-eyebrow{font-size:9px;letter-spacing:.11em}.sg-intro-copy{font-size:13px;max-width:310px}.sg-landing .sg-button-mint{margin-top:24px}.sg-landing .sg-button{min-height:53px;font-size:12px;padding:7px 8px 7px 23px;gap:22px}.sg-button>span{width:37px;height:37px}.sg-caption{font-size:9px}.sg-scene-label{inset-inline:0;top:-25px;font-size:8px}.sg-hero-bottom{bottom:20px;font-size:7px}.sg-focus{min-height:950px;align-items:start;padding:90px 7% 450px}.sg-focus-copy{width:100%;max-width:520px}.sg-focus h2{font-size:clamp(43px,10vw,75px);margin-block:24px}.sg-focus-copy p{font-size:13px;max-width:330px}.sg-focus-note{bottom:90px;left:0;width:100%;justify-content:center;font-size:9px}.sg-marquee{padding-block:20px}.sg-marquee span{font-size:25px;gap:25px;padding-inline-end:25px}.sg-marquee i{font-size:34px}.sg-skills{padding:70px 6% 30px}.sg-section-heading{padding-bottom:32px}.sg-section-heading h2{font-size:clamp(36px,8.5vw,65px);overflow-wrap:anywhere}.sg-section-heading>p{position:static;margin-top:22px;max-width:340px;font-size:12px}.sg-skill-grid{grid-template-columns:1fr;gap:16px}.sg-skill{min-height:360px;padding:25px}.sg-skill :is(.sg-memory-art,.sg-focus-art,.sg-flow-art){height:190px}.sg-skill h3{font-size:31px}.sg-skill p{max-width:100%}.sg-skills-foot{flex-wrap:wrap;font-size:10px}.sg-skills-foot>span:not(.sg-skills-time){max-width:210px}.sg-skills-time{font-size:23px}.sg-finale{min-height:0;padding:75px 7% 30px;display:grid;grid-template-columns:minmax(0,1fr)}.sg-finale h2{font-size:clamp(59px,11vw,85px)}.sg-finale>[data-reveal]{grid-row:1;z-index:1}.sg-finale-star{position:static;grid-row:2;width:min(100%,480px);max-height:260px;margin:34px auto 0;opacity:.38;transform:none;object-fit:contain}.sg-finale-bottom{position:static;grid-row:3;margin-top:38px;padding-top:20px;font-size:8px}.sg-motion-toggle span{display:none}.sg-landing .sg-motion-toggle{padding:11px;right:12px;bottom:12px}}@media(max-width:380px){.sg-header{margin-inline:5%}.sg-wordmark{width:102px}.sg-nav{gap:8px}.sg-nav select{padding-inline:0}.sg-nav .sg-nav-account{padding:8px 10px}.sg-hero{min-height:880px;padding:118px 6% 92px}.sg-hero h1{font-size:clamp(48px,15vw,62px);line-height:1}.sg-intro-copy{max-width:100%;line-height:1.65}.sg-hero-bottom{inset-inline:6%;gap:10px}.sg-hero-bottom>span{max-width:42%;text-align:end}.sg-focus{min-height:900px;padding:78px 6% 390px}.sg-focus h2{font-size:clamp(40px,13vw,52px);line-height:1.02}.sg-focus-copy p{max-width:100%;line-height:1.65}.sg-text-link{gap:18px}.sg-section-heading h2{font-size:clamp(34px,11vw,45px)}.sg-skill{min-height:330px;padding:21px}.sg-finale{min-height:0;padding:68px 6% 26px}.sg-finale h2{font-size:clamp(46px,15vw,59px)}.sg-finale .sg-button{width:max-content;max-width:100%}.sg-finale-star{width:100%;max-height:220px;margin-top:28px}.sg-finale-bottom{inset-inline:6%;gap:12px}}@media(prefers-reduced-motion:reduce){.sg-landing *,.sg-landing *:before,.sg-landing *:after{animation:none!important;transition:none!important}.sg-landing [data-reveal]{opacity:1;translate:none}}.legal-page{min-height:100vh;padding:2rem;background-color:var(--cyber-bg);color:var(--cyber-text);overflow-y:auto;font-family:Rajdhani,sans-serif}.legal-header{display:flex;gap:1rem;margin-bottom:2rem}.legal-hub-title{font-size:2.5rem;color:var(--neon-cyan);margin-bottom:2rem;text-shadow:0 0 10px rgba(34,211,238,.5);font-family:Orbitron,sans-serif}.legal-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.legal-section{background:var(--theme-panel-soft);border:1px solid var(--neon-purple);padding:1.5rem;border-radius:8px;box-shadow:0 0 15px #8b5cf61a}.legal-section h2{color:var(--neon-purple);margin-top:0;margin-bottom:1rem;font-family:Orbitron,sans-serif;border-bottom:1px solid rgba(139,92,246,.3);padding-bottom:.5rem}.legal-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.legal-section .link-btn{text-align:start;color:var(--cyber-dim);transition:color .2s;font-size:1rem;padding:.3rem 0}.legal-section .link-btn:hover{color:var(--neon-pink);text-shadow:0 0 8px rgba(217,70,239,.4)}.legal-content-container{max-width:900px;margin:0 auto;background:var(--theme-panel);padding:2.5rem;border-radius:8px;border:1px solid var(--cyber-dim);box-shadow:0 4px 20px #0000004d}.legal-document h2{color:var(--neon-cyan);margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:2rem;text-align:center}.legal-text{white-space:pre-wrap;font-family:Rajdhani,sans-serif;font-size:1.15rem;line-height:1.6;color:var(--cyber-text);word-break:break-word;overflow-wrap:break-word}.auth-back-btn{position:absolute;top:1rem;left:1.5rem;background:none;border:none;color:var(--cyber-dim, #64748b);font-size:.85rem;font-family:Orbitron,sans-serif;cursor:pointer;letter-spacing:1px;transition:color .2s;padding:0 2px 0 0}.auth-back-btn:hover{color:var(--neon-cyan, #00d4ff)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cyber-bg, #030712);padding:2rem}.auth-card{background:var(--theme-panel);padding:2.5rem 2.5rem 3rem;border:1px solid var(--neon-purple, #8b5cf6);width:100%;max-width:400px;box-shadow:0 0 40px #8b5cf633;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid var(--neon-purple, #8b5cf6);border-left:2px solid var(--neon-purple, #8b5cf6)}.auth-card:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid var(--neon-purple, #8b5cf6);border-right:2px solid var(--neon-purple, #8b5cf6)}.auth-title{font-size:1.8rem;color:var(--cyber-text);margin-bottom:2rem;text-align:center;font-family:Orbitron,sans-serif;letter-spacing:2px;text-shadow:0 0 10px var(--neon-purple, #8b5cf6)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--neon-purple, #8b5cf6);font-size:.9rem;font-weight:600;letter-spacing:1px}.form-group input{width:100%;padding:.8rem;background-color:var(--cyber-bg);border:1px solid var(--cyber-dim);border-left:3px solid var(--neon-purple, #8b5cf6);color:var(--cyber-text);font-size:1rem;font-family:Rajdhani,monospace;transition:all .3s;box-sizing:border-box;border-radius:0}.form-group input:focus{outline:none;border-color:var(--neon-purple, #8b5cf6);box-shadow:0 0 15px #8b5cf633;background-color:#8b5cf60d}.auth-actions{margin-top:2rem}.btn-primary{width:100%;padding:.8rem;border-radius:0;font-weight:700;cursor:pointer;border:1px solid var(--neon-purple, #8b5cf6);transition:all .3s;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.9rem;background-color:#8b5cf633;color:var(--neon-purple, #8b5cf6)}.btn-primary:hover:not(:disabled){background-color:var(--neon-purple, #8b5cf6);color:#000;box-shadow:0 0 20px var(--neon-purple, #8b5cf6)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--neon-pink, #d946ef);font-size:.9rem;margin-top:1rem;text-align:center;text-shadow:0 0 5px rgba(217,70,239,.5);font-weight:600}.success-msg{color:#4ade80;font-size:1rem;margin-top:1rem;text-align:center;text-shadow:0 0 8px rgba(74,222,128,.6);font-weight:600;letter-spacing:1px}.auth-switch{margin-top:1.5rem;text-align:center;color:var(--cyber-dim);font-size:.9rem}.link-btn{background:none;border:none;color:var(--neon-purple, #8b5cf6);cursor:pointer;font-size:.9rem;font-family:inherit;padding:0;line-height:inherit;vertical-align:baseline;text-decoration:underline;transition:color .2s,text-shadow .2s}.link-btn:hover{color:var(--neon-cyan, #00d4ff);text-shadow:0 0 8px var(--neon-cyan, #00d4ff)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:2.8rem}.password-toggle-btn{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--cyber-dim, #64748b);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s,text-shadow .2s}.password-toggle-btn:hover:not(:disabled){color:var(--neon-cyan, #00d4ff);text-shadow:0 0 8px rgba(0,212,255,.5)}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.auth-page{position:relative;overflow:hidden;isolation:isolate;background-image:var(--theme-background-image);background-size:var(--theme-background-size);background-position:center}.auth-page:before,.auth-page:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none;animation:authAmbient 8s ease-in-out infinite alternate}.auth-page:before{top:-180px;left:-140px;background:var(--neon-purple)}.auth-page:after{right:-160px;bottom:-210px;background:var(--neon-cyan);animation-delay:-4s}.auth-card{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.auth-card:hover{transform:translateY(-3px)}.auth-card .form-group input::placeholder{color:var(--cyber-dim);opacity:.72}.auth-card .form-group input:hover{border-color:color-mix(in srgb,var(--neon-purple) 65%,var(--cyber-dim))}.password-toggle-btn{clip-path:none}.password-toggle-btn:hover{background:none;box-shadow:none}.auth-back-btn{clip-path:none}.auth-back-btn:hover{background:none;box-shadow:none}.link-btn{clip-path:none}.link-btn:hover{background:none;box-shadow:none}.legal-passive-text{margin-top:1.25rem;color:var(--cyber-dim);text-align:center;font-size:.76rem;line-height:1.55}.legal-passive-text a{color:var(--neon-cyan);text-underline-offset:2px}.legal-checkbox-container{margin:1rem 0;color:var(--cyber-dim);font-size:.8rem}.legal-checkbox-label{display:flex;align-items:flex-start;gap:.65rem;line-height:1.45;cursor:pointer}.legal-checkbox-label input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--neon-purple)}[data-theme=cyber] .auth-page{background-color:#030712;background-image:linear-gradient(rgba(0,243,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 40%,rgba(139,92,246,.12),transparent 52%);background-size:50px 50px,50px 50px,auto}[data-theme=cyber] .auth-card{background:linear-gradient(145deg,#0f172af0,#030712eb);border-color:#8b5cf6;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:0 0 0 1px #00f3ff1a,0 0 45px #8b5cf633,0 25px 60px #00000059}[data-theme=cyber] .auth-card:before{width:70px;border-color:#00f3ff}[data-theme=cyber] .auth-card:after{width:70px;border-color:#d946ef}[data-theme=cyber] .auth-title{color:#fff;text-shadow:0 0 10px #8b5cf6,0 0 28px rgba(139,92,246,.55)}[data-theme=cyber] .form-group input:focus{border-left-color:#00f3ff;box-shadow:inset 4px 0 #00f3ff14,0 0 18px #8b5cf638}[data-theme=hi-tech] .auth-page{background-color:#e2e8f0;background-image:linear-gradient(#cbd5e1 1px,transparent 1px),linear-gradient(90deg,#cbd5e1 1px,transparent 1px),radial-gradient(circle at 50% 42%,rgba(2,132,199,.12),transparent 48%);background-size:40px 40px,40px 40px,auto}[data-theme=hi-tech] .auth-card{border:1px solid #94a3b8;border-top:5px solid #0284c7;border-radius:6px;background:#f8fafcf5;box-shadow:10px 10px #0f172a1a,0 24px 60px #0f172a1f}[data-theme=hi-tech] .auth-card:before{top:14px;left:auto;right:16px;width:8px;height:8px;border:0;border-radius:50%;background:#22c55e;box-shadow:-15px 0 #0284c7,-30px 0 #cbd5e1}[data-theme=hi-tech] .auth-card:after{display:none}[data-theme=hi-tech] .auth-title{color:#1e293b;text-shadow:none;font-family:var(--font-display)}[data-theme=hi-tech] .form-group label{color:#0369a1}[data-theme=hi-tech] .form-group input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-left:4px solid #0284c7;border-radius:4px}[data-theme=hi-tech] .form-group input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 4px #0284c71f}[data-theme=hi-tech] .btn-primary{color:#fff;border:0;border-radius:4px;background:#0284c7;clip-path:none;box-shadow:0 4px #075985}[data-theme=hi-tech] .btn-primary:hover:not(:disabled){color:#fff;background:#0369a1;box-shadow:0 6px #0c4a6e;transform:translateY(-2px)}[data-theme=hi-tech] .auth-back-btn,[data-theme=hi-tech] .auth-switch,[data-theme=hi-tech] .legal-passive-text,[data-theme=hi-tech] .legal-checkbox-container,[data-theme=hi-tech] .password-toggle-btn{color:#64748b}[data-theme=hi-tech] .link-btn,[data-theme=hi-tech] .legal-passive-text a{color:#0369a1}[data-theme=hi-tech] .error-msg{color:#be123c;text-shadow:none}[data-theme=steam] .auth-page{background-color:#1c1917;background-image:linear-gradient(#0c0a0940,#0c0a0940),url(/assets/Bg-1_1920x1920.jpg);background-size:auto}[data-theme=steam] .auth-page:before{background:#d97706;opacity:.18}[data-theme=steam] .auth-page:after{background:#7f1d1d;opacity:.2}[data-theme=steam] .auth-card{border:6px ridge #b45309;border-radius:3px;background:radial-gradient(circle at 14px 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 14px calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(145deg,#44403cfa,#1c1917fa);box-shadow:inset 0 0 0 3px #1c1917,10px 12px #0c0a09bf,0 28px 60px #0006}[data-theme=steam] .auth-card:before{top:0;left:50%;width:88px;height:12px;border:4px ridge #d97706;border-top:0;background:repeating-linear-gradient(90deg,#292524 0 7px,#d97706 7px 10px);transform:translate(-50%)}[data-theme=steam] .auth-card:after{display:none}[data-theme=steam] .auth-title{color:#fde68a;text-shadow:2px 3px #451a03,0 0 14px rgba(245,158,11,.4);font-family:var(--font-display)}[data-theme=steam] .form-group label{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .form-group input{color:#fde68a;background:#1c1917;border:3px inset #78716c;border-left:6px ridge #d97706;border-radius:2px;font-family:var(--font-main);box-shadow:inset 0 5px 12px #00000073}[data-theme=steam] .form-group input:focus{color:#fff7d6;background:#292524;border-color:#f59e0b;box-shadow:inset 0 5px 12px #00000080,0 0 12px #f59e0b40}[data-theme=steam] .btn-primary{color:#292524;border:5px ridge #d97706;border-radius:3px;background:linear-gradient(#fde68a,#d97706 65%,#92400e);clip-path:none;box-shadow:inset 0 0 0 2px #78350f73,5px 7px #0c0a09;text-shadow:1px 1px rgba(255,255,255,.45)}[data-theme=steam] .btn-primary:hover:not(:disabled){color:#1c1917;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:inset 0 0 0 2px #b45309,7px 9px #0c0a09,0 0 16px #f59e0b4d;transform:translateY(-2px)}[data-theme=steam] .auth-back-btn,[data-theme=steam] .auth-switch,[data-theme=steam] .legal-passive-text,[data-theme=steam] .legal-checkbox-container{color:#d6d3d1}[data-theme=steam] .auth-back-btn:hover,[data-theme=steam] .link-btn,[data-theme=steam] .legal-passive-text a{color:#fde68a;text-shadow:1px 2px #451a03}[data-theme=steam] .password-toggle-btn{color:#d97706}[data-theme=steam] .password-toggle-btn:hover:not(:disabled){color:#fde68a;text-shadow:0 0 8px #d97706}[data-theme=steam] .error-msg{color:#fca5a5;text-shadow:1px 2px #450a0a}[data-theme=blush] .auth-page{background-color:#fff7f0;background-image:radial-gradient(circle at 12% 18%,rgba(255,143,171,.28) 0 70px,transparent 71px),radial-gradient(circle at 88% 78%,rgba(47,155,124,.2) 0 100px,transparent 101px),linear-gradient(145deg,#fff7f0,#f8f3ff);background-size:auto}[data-theme=blush] .auth-page:before{background:#ff8fab;opacity:.16}[data-theme=blush] .auth-page:after{background:#2f9b7c;opacity:.13}[data-theme=blush] .auth-card{border:2px solid rgba(141,101,197,.2);border-radius:28px;background:#fffffff0;box-shadow:0 14px #8d65c521,0 30px 65px #2e253f1f}[data-theme=blush] .auth-card:before{top:-22px;left:-16px;width:58px;height:58px;border:0;border-radius:50% 46% 52% 44%;background:#ffd6e1;transform:rotate(-18deg)}[data-theme=blush] .auth-card:after{right:-13px;bottom:-18px;width:62px;height:62px;border:0;border-radius:44% 54% 46% 56%;background:#c8f2dc;transform:rotate(15deg)}[data-theme=blush] .auth-title{color:#2e253f;text-shadow:3px 3px 0 #ffd6e1;font-family:var(--font-display)}[data-theme=blush] .form-group label{color:#7650a8}[data-theme=blush] .form-group input{color:#2e253f;background:#fffafb;border:1px solid #e8dff0;border-left:5px solid #ff8fab;border-radius:12px;font-family:var(--font-main)}[data-theme=blush] .form-group input:focus{background:#fff;border-color:#ff8fab;box-shadow:0 0 0 4px #ff8fab26}[data-theme=blush] .btn-primary{color:#fff;border:0;border-radius:14px;background:linear-gradient(135deg,#ff8fab,#8d65c5);clip-path:none;box-shadow:0 6px #68458f}[data-theme=blush] .btn-primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#ff6f94,#7650a8);box-shadow:0 9px #68458f,0 14px 25px #8d65c533;transform:translateY(-3px)}[data-theme=blush] .auth-back-btn,[data-theme=blush] .auth-switch,[data-theme=blush] .legal-passive-text,[data-theme=blush] .legal-checkbox-container{color:#766f86}[data-theme=blush] .auth-back-btn:hover,[data-theme=blush] .link-btn,[data-theme=blush] .legal-passive-text a{color:#7650a8;text-shadow:none}[data-theme=blush] .password-toggle-btn{color:#8d65c5}[data-theme=blush] .error-msg{color:#d94670;text-shadow:none}@keyframes authAmbient{to{transform:translate3d(55px,35px,0) scale(1.12)}}@media(max-width:560px){.auth-page{padding:1rem;align-items:flex-start;overflow-y:auto}.auth-card{margin-top:4rem;padding:2.5rem 1.35rem 2rem}.auth-title{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.auth-page:before,.auth-page:after{animation:none}.auth-card{transition:none}.auth-card:hover{transform:none}}[data-theme=brutalism] .auth-card{color:#111;background:#fffdf0;border:5px solid #111;border-radius:0;box-shadow:12px 12px #111}[data-theme=brutalism] .auth-title,[data-theme=brutalism] .form-group label{color:#111;text-shadow:none}[data-theme=brutalism] .form-group input{color:#111;background:#fff;border:3px solid #111;border-left:7px solid #0066ff;box-shadow:4px 4px #111}[data-theme=brutalism] .btn-primary{color:#fff;background:#06f;border:4px solid #111;box-shadow:5px 5px #111}[data-theme=synthwave] .auth-card{background:linear-gradient(145deg,#240046f0,#10002bf5);border:2px solid #ff2bd6;box-shadow:0 0 35px #ff2bd64d}[data-theme=synthwave] .auth-title{color:#fff;text-shadow:2px 2px #ff2bd6,0 0 15px #00f5ff}[data-theme=synthwave] .form-group input{background:#10002b;border-color:#9d4edd;border-left-color:#00f5ff;color:#fff}[data-theme=synthwave] .btn-primary{color:#fff;background:linear-gradient(90deg,#6a00f4,#ff2bd6);border-color:#00f5ff;box-shadow:0 0 16px #ff2bd6}[data-theme=glass] .auth-card{color:#16213b;background:#ffffff8c;border:1px solid rgba(255,255,255,.85);border-radius:28px;box-shadow:inset 0 1px #fff,0 24px 70px #1e40af29;-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%)}[data-theme=glass] .auth-title,[data-theme=glass] .form-group label{color:#16213b;text-shadow:none}[data-theme=glass] .form-group input{color:#16213b;background:#ffffff8f;border:1px solid #fff;border-left:1px solid #fff;border-radius:15px;box-shadow:inset 0 1px #fff,0 7px 20px #2563eb14}[data-theme=glass] .btn-primary{color:#fff;background:linear-gradient(145deg,#0a84ff,#5856d6);border:1px solid #ffffffaa;border-radius:16px;box-shadow:inset 0 1px #fff6,0 10px 25px #2563eb40}[data-theme=shadcn] .auth-page{background-image:var(--theme-background-image)}[data-theme=shadcn] .auth-page:before,[data-theme=shadcn] .auth-page:after{display:none}[data-theme=shadcn] .auth-card{color:#18181b;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:0 8px 30px #00000012;clip-path:none}[data-theme=shadcn] .auth-card:before,[data-theme=shadcn] .auth-card:after{display:none}[data-theme=shadcn] .auth-title,[data-theme=shadcn] .form-group label{color:#18181b;text-shadow:none}[data-theme=shadcn] .form-group input{color:#18181b;border:1px solid #d4d4d8;border-left:1px solid #d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .form-group input:focus{border-color:#18181b;box-shadow:0 0 0 3px #18181b1f}[data-theme=shadcn] .btn-primary{color:#fff;border:1px solid #18181b;border-radius:6px;background:#18181b;box-shadow:none}[data-theme=shadcn] .btn-primary:hover:not(:disabled){color:#fff;background:#3f3f46;box-shadow:none;transform:translateY(-1px)}[data-theme=shadcn] .auth-back-btn,[data-theme=shadcn] .auth-switch,[data-theme=shadcn] .legal-passive-text,[data-theme=shadcn] .legal-checkbox-container,[data-theme=shadcn] .password-toggle-btn{color:#71717a}[data-theme=shadcn] .auth-back-btn:hover,[data-theme=shadcn] .link-btn,[data-theme=shadcn] .legal-passive-text a{color:#18181b;text-shadow:none}[data-theme=shadcn] .error-msg{color:#b91c1c;text-shadow:none}.dashboard-layout{display:block;padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;box-sizing:border-box;position:relative;isolation:isolate}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;margin-top:4rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,243,255,.2)}.header-left{display:flex;align-items:center;gap:1.5rem}.avatar-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 0 15px var(--neon-blue)}.dashboard-header h1{font-size:2.5rem;margin:0;line-height:1;color:#fff}.level-badge{color:var(--neon-cyan);font-family:var(--font-display);font-size:.9rem;margin:.5rem 0 0;text-transform:uppercase;letter-spacing:1px}.account-role{margin-left:5px}.account-role-admin{color:#f44}.account-role-vip{color:#a78bfa}.header-stats{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--cyber-dim);font-family:var(--font-display);font-size:1rem}.logout-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease}.logout-btn:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 10px var(--neon-pink)}.stat-item svg{color:var(--neon-pink)}.dashboard-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.panel-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--neon-cyan);margin-bottom:2rem;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.panel-title{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;margin:0 0 1.5rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.panel-title svg{color:var(--neon-cyan)}.config-section{margin-bottom:2rem}.config-section label{display:block;color:var(--neon-blue);font-family:var(--font-display);margin-bottom:.8rem;font-size:.9rem}.letters-input{width:100%;padding:1rem;font-size:1.5rem;font-family:Orbitron,monospace;text-align:center;letter-spacing:.5rem;background-color:#0000004d;border:1px solid #334155;border-bottom:2px solid var(--neon-cyan);color:#fff;text-transform:uppercase;transition:all .3s;box-sizing:border-box}.letters-input:focus{outline:none;background:#00f3ff0d;box-shadow:0 0 15px #00f3ff1a}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.dashboard-header .language-switcher select{min-width:84px;min-height:50px;padding:.65rem .85rem!important;font-family:var(--font-display);font-size:.9rem;font-weight:800;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.dashboard-header .language-switcher{display:flex;align-items:center}[data-theme=cyber] .dashboard-header .language-switcher select{color:#a5f3fc!important;border:1px solid rgba(0,243,255,.52)!important;border-radius:4px!important;background:#030712e6!important;box-shadow:inset 0 0 12px #00f3ff0f,0 0 9px #00f3ff1f}[data-theme=cyber] .dashboard-header .language-switcher select:hover,[data-theme=cyber] .dashboard-header .language-switcher select:focus-visible{border-color:#00f3ff!important;box-shadow:0 0 13px #00f3ff47;outline:none}[data-theme=cyber] .dashboard-header .language-switcher option{color:#e2e8f0!important;background:#0f172a!important}[data-theme=hi-tech] .dashboard-header .language-switcher select{color:#1e3a5f!important;border:2px solid #94a3b8!important;border-radius:5px!important;background:#f8fafc!important;box-shadow:0 3px #0f172a1a}[data-theme=hi-tech] .dashboard-header .language-switcher select:hover,[data-theme=hi-tech] .dashboard-header .language-switcher select:focus-visible{color:#075985!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c724;outline:none}[data-theme=hi-tech] .dashboard-header .language-switcher option{color:#1e293b!important;background:#fff!important}[data-theme=steam] .dashboard-header .language-switcher select{color:#fde68a!important;border:3px ridge #b45309!important;border-radius:2px!important;background:#292524!important;box-shadow:inset 0 0 0 1px #0c0a09,3px 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .dashboard-header .language-switcher select:hover,[data-theme=steam] .dashboard-header .language-switcher select:focus-visible{color:#fff7d6!important;border-color:#f59e0b!important;box-shadow:inset 0 0 0 1px #0c0a09,0 0 12px #f59e0b52;outline:none}[data-theme=steam] .dashboard-header .language-switcher option{color:#fde68a!important;background:#292524!important}[data-theme=blush] .dashboard-header .language-switcher select{color:#35294d!important;border:2px solid rgba(141,101,197,.52)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px #8d65c524}[data-theme=blush] .dashboard-header .language-switcher select:hover,[data-theme=blush] .dashboard-header .language-switcher select:focus-visible{color:#2e253f!important;border-color:#8d65c5!important;background:#fffafd!important;box-shadow:0 0 0 3px #ff8fab38;outline:none}[data-theme=blush] .dashboard-header .language-switcher option{color:#35294d!important;background:#fff!important}@media(max-width:700px){.dashboard-header .language-switcher select{min-width:72px;min-height:44px;padding:.55rem .7rem!important;font-size:.82rem}}.style-option{min-width:0;background:transparent;border:1px solid #334155;padding:.8rem .2rem;color:var(--cyber-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;border-radius:4px}.style-option>span:not(.style-preview):not(.style-demo-tooltip){display:block;max-width:100%;min-width:0;font-size:.76rem;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.1;text-align:center}.style-option-wrap{position:relative;min-width:0}.style-option-wrap .style-option{width:100%;height:100%}.style-demo-tooltip{position:absolute;z-index:12;bottom:calc(100% + .65rem);left:50%;width:min(280px,calc(100vw - 2rem));padding:.3rem;border:1px solid color-mix(in srgb,var(--neon-cyan) 55%,transparent);border-radius:10px;background:#020617eb;box-shadow:0 16px 32px #02061759;pointer-events:none;opacity:0;transform:translate(-50%,.5rem) scale(.96);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s step-end}.style-demo-tooltip:after{content:"";position:absolute;top:100%;left:50%;width:.65rem;height:.65rem;border-right:1px solid color-mix(in srgb,var(--neon-cyan) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--neon-cyan) 55%,transparent);background:#020617eb;transform:translate(-50%,-.35rem) rotate(45deg)}.style-demo-tooltip video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:7px;background:#020617;object-fit:cover}.style-demo-loader{position:absolute;inset:.3rem;display:grid;place-items:center;color:#fff;border-radius:7px;background:#020617b8}.style-demo-loader svg{animation:style-demo-spin .8s linear infinite}.style-option-wrap:hover .style-demo-tooltip,.style-option-wrap:focus-within .style-demo-tooltip{opacity:1;transform:translate(-50%) scale(1);visibility:visible;transition:opacity .2s ease,transform .2s ease}@media(min-width:561px){.style-modal:has(.style-demo-tooltip),.style-modal:has(.style-demo-tooltip) .style-grid{overflow:visible!important}.style-selection-modal,.style-selection-modal .style-grid{overflow:visible!important}}@keyframes style-demo-spin{to{transform:rotate(360deg)}}.style-option:hover{border-color:var(--neon-blue);color:#fff}.style-option.active{border-color:var(--neon-cyan);background:#06b6d41a;color:var(--neon-cyan);box-shadow:0 0 10px #06b6d433}.style-preview{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;min-height:1.65rem;font-size:1.5rem;font-weight:700}.style-preview svg{width:1.45rem;height:1.45rem;stroke-width:2.2}.style-preview.neon{color:#00f5ff;border:1px solid #00f5ff;border-radius:6px;background:#0b1020;box-shadow:0 0 10px #00f5ff6b;text-shadow:0 0 5px #00f5ff}.style-preview.simple{color:#0284c7}.style-preview.pixel{font-family:Courier New,monospace;color:#f59e0b;filter:drop-shadow(1px 2px 0 #451a03)}.style-preview.blush{color:#c83e6a;border:1px solid #ff9fba;border-radius:8px;background:#fff0f4;box-shadow:2px 2px #ffd6e1}.rec-content{display:flex;gap:1.5rem;align-items:flex-start}.rec-icon-wrapper{background:#d946ef1a;padding:1rem;border-radius:8px;border:1px solid var(--neon-pink)}.rec-icon{color:var(--neon-pink)}.recommendation-card h3{margin:0 0 .5rem;color:#fff;font-size:1.2rem}.recommendation-card p{margin:0;color:var(--neon-cyan);line-height:1.6;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px rgba(6,182,212,.3)}.recommendation-card strong{color:var(--neon-cyan)}.activity-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-time{color:var(--cyber-dim);font-size:.9rem}.activity-desc{color:#fff}.activity-score{color:var(--neon-green);font-family:Orbitron,monospace}.start-btn{width:100%;padding:1.2rem;margin-top:1rem;background:var(--neon-blue);color:#000;font-weight:900;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .3s}.start-btn-loader{animation:startButtonSpin .8s linear infinite}@keyframes startButtonSpin{to{transform:rotate(360deg)}}.start-btn:hover:not(:disabled){box-shadow:0 0 20px var(--neon-blue);transform:translateY(-2px)}.start-btn:disabled{background:var(--cyber-dim);border-color:transparent;color:#64748b;cursor:not-allowed;box-shadow:none;animation:none}.tutorial-btn{width:100%;margin-top:1rem;background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:.8rem;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-family:var(--font-display);text-transform:uppercase;font-size:.9rem}.tutorial-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f3ff0d}.platform-tour-btn{border-color:#22d3ee;color:#67e8f9}.tutorial-prompt{max-width:480px;text-align:center}.tutorial-prompt p{color:var(--text-secondary, #94a3b8);line-height:1.6}.tour-prompt-actions{display:flex;gap:12px;margin-top:24px}.tour-prompt-actions>*{flex:1;margin:0;min-height:48px}.tour-prompt-robot{position:relative;width:92px;height:76px;margin:12px auto 22px;padding:0;box-sizing:border-box;border:2px solid #22d3ee;border-radius:18px;background:#111827;animation:tourPromptRobotFloat 2s ease-in-out infinite}.tour-prompt-robot .buddy-antenna{position:absolute;z-index:2;top:-17px;left:50%;width:4px;height:17px;background:var(--neon-cyan);transform:translate(-50%)}.tour-prompt-robot .buddy-antenna:after{content:"";position:absolute;top:-7px;left:-5px;width:14px;height:14px;border-radius:50%;background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.tour-prompt-robot .buddy-face{position:absolute;inset:10px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:0;border:2px solid var(--neon-cyan);border-radius:13px;background:var(--cyber-bg);box-shadow:inset 0 0 12px color-mix(in srgb,var(--neon-cyan) 14%,transparent)}.tour-prompt-robot .buddy-face i{display:block;flex:0 0 auto;width:9px;height:13px;border:0;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 7px var(--neon-cyan);animation:buddyBlink 4s infinite}.tour-prompt-robot .buddy-face b{position:absolute;left:50%;bottom:8px;width:24px;height:8px;border:0;border-bottom:3px solid var(--neon-pink);border-radius:0 0 50% 50%;background:transparent;transform:translate(-50%)}@keyframes tourPromptRobotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.tour-prompt-robot,.tour-prompt-robot .buddy-face i{animation:none}}@media(max-width:520px){.tour-prompt-actions{flex-direction:column-reverse}}.pulse-glow{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00f3ff66}70%{box-shadow:0 0 0 10px #00f3ff00}to{box-shadow:0 0 #00f3ff00}}[data-theme=hi-tech] .personal-container{background:#f8fafcf2;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000001a}[data-theme=hi-tech] .greeting{text-shadow:none;color:var(--cyber-text)}[data-theme=hi-tech] .rank-badge{background:#e0e7ff;color:var(--neon-purple);border:1px solid var(--neon-purple);box-shadow:none}[data-theme=hi-tech] .stat-card{background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=hi-tech] .stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px);border-color:var(--neon-blue);background:#fff}[data-theme=hi-tech] .stat-value{text-shadow:none;color:var(--neon-blue)}[data-theme=hi-tech] .config-section label{color:var(--cyber-text);text-shadow:none}[data-theme=hi-tech] .style-option{background:#f1f5f9;border:1px solid #cbd5e1;color:var(--cyber-dim)}[data-theme=hi-tech] .style-option:hover,[data-theme=hi-tech] .style-option.active{background:#fff;border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 4px 6px -1px #0ea5e933}[data-theme=hi-tech] .start-btn{background:var(--neon-blue);color:#fff;box-shadow:0 4px 6px -1px #0ea5e966;border:none}[data-theme=hi-tech] .start-btn:hover{background:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 10px 15px -3px #06b6d466}[data-theme=hi-tech] .tutorial-btn{color:var(--cyber-dim)}[data-theme=hi-tech] .tutorial-btn:hover{color:var(--neon-blue)}[data-theme=hi-tech] .dashboard-header{border-bottom-color:#cbd5e1}[data-theme=hi-tech] .dashboard-header h1{color:var(--cyber-text)}[data-theme=hi-tech] .panel-card{background:#fff;border:1px solid #cbd5e1;border-left:4px solid var(--neon-blue);box-shadow:4px 4px #0000001a;clip-path:none;border-radius:4px}[data-theme=hi-tech] .panel-title{color:var(--neon-blue);border-bottom-color:#e2e8f0}[data-theme=hi-tech] .letters-input{background:#f8fafc;border-color:#cbd5e1;color:var(--cyber-text);font-family:var(--font-display)}[data-theme=hi-tech] .rec-icon-wrapper{background:#fff1f2;border-color:var(--neon-pink)}[data-theme=hi-tech] .recommendation-card h3{color:var(--cyber-text)}[data-theme=hi-tech] .recommendation-card p{color:var(--neon-blue);text-shadow:none;font-weight:700}[data-theme=hi-tech] .activity-desc{color:var(--cyber-text)}[data-theme=hi-tech] .activity-item{border-bottom-color:#e2e8f0}[data-theme=hi-tech] .avatar-circle{background:var(--neon-blue);box-shadow:none}[data-theme=steam] .personal-page button,[data-theme=steam] .personal-page .tutorial-btn{border-radius:2px;clip-path:none;font-family:Courier Prime,Courier New,monospace;letter-spacing:.06em;text-shadow:1px 1px 0 #000}[data-theme=steam] .style-option{background:linear-gradient(145deg,#3f3a36,#211e1c);border:2px solid #78716c;border-top-color:#a8a29e;border-left-color:#a8a29e;color:#e7e5e4;box-shadow:inset 0 0 0 2px #1c1917,3px 3px #0000008c}[data-theme=steam] .style-option:hover{background:linear-gradient(145deg,#57534e,#292524);border-color:#d97706;color:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917,3px 3px #854d0e}[data-theme=steam] .style-option.active{background:linear-gradient(145deg,#b45309,#713f12);border-color:#fbbf24;color:#fff7ed;box-shadow:inset 0 0 0 2px #422006,3px 3px #1c1917}[data-theme=steam] .start-btn{background:linear-gradient(180deg,#d97706,#92400e);border:2px solid #fbbf24;color:#1c1917;box-shadow:inset 0 1px #fde68a,0 5px #451a03;text-shadow:none;animation:none}[data-theme=steam] .start-btn:hover:not(:disabled){background:linear-gradient(180deg,#f59e0b,#b45309);box-shadow:inset 0 1px #fef3c7,0 7px #451a03}[data-theme=steam] .tutorial-btn,[data-theme=steam] .view-graphs-btn{background:linear-gradient(180deg,#44403c,#292524);border:2px solid #78716c;color:#e7e5e4;box-shadow:inset 0 1px #a8a29e,0 3px #0c0a09}[data-theme=steam] .tutorial-btn:hover,[data-theme=steam] .view-graphs-btn:hover{background:linear-gradient(180deg,#57534e,#292524);border-color:#d97706;color:#fbbf24;box-shadow:inset 0 1px #a8a29e,0 3px #451a03}[data-theme=steam] .subscription-btn{background:linear-gradient(180deg,#d97706,#78350f)!important;border:2px solid #fbbf24!important;border-radius:2px!important;color:#fff7ed!important;box-shadow:inset 0 1px #fde68a,0 3px #451a03}[data-theme=steam] .logout-btn{background:linear-gradient(180deg,#44403c,#1c1917);border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,0,0,.8);box-shadow:inset 0 1px #78716c,0 3px #0c0a09}[data-theme=steam] .logout-btn:hover{background:var(--neon-cyan);color:var(--cyber-bg);box-shadow:inset 0 1px #fde68a,0 3px #451a03}[data-theme=steam] .dashboard-header{border-bottom-color:#d97706}[data-theme=steam] .stat-item{color:#1c1917;background:#d97706!important;text-shadow:none;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);font-weight:700}[data-theme=steam] .stat-item svg{color:var(--cyber-bg)}[data-theme=steam] .dashboard-header{position:relative;padding:1rem 1.25rem;border:4px ridge #b45309;background:radial-gradient(circle at 12px 12px,#fde68a 0 2px,#78350f 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#fde68a 0 2px,#78350f 3px 5px,transparent 6px),linear-gradient(145deg,#44403c,#1c1917 72%);box-shadow:inset 0 0 0 2px #0c0a09,inset 0 14px 24px #ffffff09,8px 10px #0c0a09b8}[data-theme=steam] .dashboard-header h1{color:#fde68a;text-shadow:2px 3px #451a03}[data-theme=steam] .avatar-circle{border:5px ridge #d97706;border-radius:50%;color:#292524;background:radial-gradient(circle at 35% 30%,#fff7d6,#d97706 62%,#78350f);box-shadow:inset 0 0 0 3px #92400e,4px 5px #0c0a09;text-shadow:1px 1px rgba(255,255,255,.45)}[data-theme=steam] .level-badge{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .dashboard-grid .panel-card{position:relative;overflow:visible;padding:2rem;border:5px ridge #b45309!important;border-left-color:#f59e0b!important;border-radius:3px;clip-path:none;background:radial-gradient(circle at 12px 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 12px calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),linear-gradient(145deg,#3f3a36,#1c1917 70%)!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 3px #292524,inset 0 0 34px #0c0a0985,8px 10px #0c0a09ad,0 18px 38px #451a033d}[data-theme=steam] .dashboard-grid .panel-card:hover{transform:translateY(-3px);border-color:#f59e0b!important;box-shadow:inset 0 0 0 3px #292524,inset 0 0 34px #0c0a0973,9px 12px #0c0a09b8,0 20px 42px #78350f47}[data-theme=steam] .panel-title{margin-inline:-.65rem;padding:.7rem .75rem .8rem;color:#fde68a;border:3px double #92400e;background:linear-gradient(180deg,#292524,#1c1917);box-shadow:inset 0 1px #57534e,0 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .panel-title svg{color:#f59e0b;filter:drop-shadow(1px 2px #451a03)}[data-theme=steam] .config-section{padding:1rem;border:3px inset #57534e;background:#171412;box-shadow:inset 0 7px 16px #0000007a}[data-theme=steam] .config-section label{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .letters-input{color:#fde68a;border:4px inset #78716c;border-bottom-color:#d97706;border-radius:2px;background:#0c0a09;box-shadow:inset 0 6px 14px #000000b3;text-shadow:0 0 8px rgba(245,158,11,.48)}[data-theme=steam] .letters-input:focus{border-color:#f59e0b;background:#1c1917;box-shadow:inset 0 6px 14px #000000ad,0 0 12px #f59e0b4d}[data-theme=steam] .rec-content,[data-theme=steam] .activity-list{padding:1.1rem;border:4px inset #57534e;background:linear-gradient(145deg,#211e1c,#0c0a09);box-shadow:inset 0 8px 18px #00000080}[data-theme=steam] .rec-icon-wrapper{border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle,#57534e,#1c1917 68%);box-shadow:inset 0 0 0 2px #0c0a09,3px 4px #0c0a09}[data-theme=steam] .rec-icon,[data-theme=steam] .recommendation-card p,[data-theme=steam] .activity-score{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .recommendation-card h3{color:#fff7d6;text-shadow:1px 2px #0c0a09}[data-theme=steam] .activity-item{padding-inline:.75rem;border-bottom:2px dashed #57534e}[data-theme=steam] .activity-time{color:#d6d3d1}[data-theme=steam] .stat-item{color:#fde68a;border:4px ridge #b45309;border-radius:3px;background:linear-gradient(180deg,#44403c,#1c1917)!important;box-shadow:inset 0 0 0 2px #0c0a09,3px 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .stat-item svg{color:#f59e0b}[data-theme=steam] .sessions-counter{padding:.7rem;border:3px inset #57534e;background:#171412}[data-theme=steam] .sessions-counter>div:first-child{color:#fbbf24!important;text-shadow:1px 2px #451a03}[data-theme=steam] .sessions-counter>div:last-child{color:#d6d3d1!important}@media(max-width:700px){[data-theme=steam] .dashboard-header{padding:.85rem;box-shadow:inset 0 0 0 2px #0c0a09,5px 6px #0c0a09b8}[data-theme=steam] .dashboard-grid .panel-card{padding:1.2rem;border-width:4px!important;box-shadow:inset 0 0 0 2px #292524,5px 6px #0c0a09ad}[data-theme=steam] .config-section,[data-theme=steam] .rec-content,[data-theme=steam] .activity-list{padding:.8rem}}[data-theme=blush] .dashboard-header{border-bottom-color:#ff8fab73}[data-theme=blush] .dashboard-header h1{color:var(--cyber-text);text-shadow:none}[data-theme=blush] .avatar-circle{background:linear-gradient(135deg,#ff8fab,#ffd166);color:#2e253f;box-shadow:0 8px #2e253f1f}[data-theme=blush] .level-badge,[data-theme=blush] .config-section label{color:#8d65c5;text-shadow:none}[data-theme=blush] .panel-card{background:#ffffffe0;border:1px solid rgba(46,37,63,.1);border-left:4px solid #ff8fab;border-radius:8px;box-shadow:0 12px #2e253f14;clip-path:none}[data-theme=blush] .panel-title{color:var(--cyber-text);border-bottom-color:#2e253f1a}[data-theme=blush] .panel-title svg{color:#2f9b7c}[data-theme=blush] .letters-input{background:#fff7f0;border:1px solid rgba(46,37,63,.14);border-bottom:3px solid #ff8fab;border-radius:8px;color:var(--cyber-text);font-family:var(--font-display)}[data-theme=blush] .letters-input:focus{background:#fff;box-shadow:0 0 0 4px #ff8fab2e}[data-theme=blush] .style-option{background:#fff7f0;border-color:#2e253f24;color:var(--cyber-dim);border-radius:8px}[data-theme=blush] .style-option:hover,[data-theme=blush] .style-option.active{background:#fff;border-color:#ff8fab;color:var(--cyber-text);box-shadow:0 6px #ff8fab40}[data-theme=blush] .start-btn{background:#2f9b7c;color:#fff;border-radius:8px;clip-path:none;box-shadow:0 8px #23755e}[data-theme=blush] .start-btn:hover:not(:disabled){background:#26866b;box-shadow:0 10px #1f6653}[data-theme=blush] .tutorial-btn{border-color:#8d65c559;color:#8d65c5;border-radius:8px}[data-theme=blush] .tutorial-btn:hover{background:#8d65c514;color:#6f4da3}[data-theme=blush] .rec-icon-wrapper{background:#fff0f4;border-color:#ff8fab}[data-theme=blush] .rec-icon{color:#ff6f94}[data-theme=blush] .recommendation-card h3,[data-theme=blush] .activity-desc{color:var(--cyber-text)}[data-theme=blush] .recommendation-card p{color:#2f9b7c;text-shadow:none}[data-theme=blush] .activity-item{border-bottom-color:#2e253f14}[data-theme=blush] .logout-btn{border-color:#ff8fab;color:#d94f77;border-radius:8px}[data-theme=blush] .logout-btn:hover{background:#ff8fab;color:#2e253f;box-shadow:none}[data-theme=blush] .stat-item svg{color:#ff8fab}.style-select-btn{width:100%;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--theme-panel-soft);border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.style-modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:style-modal-backdrop-in .22s ease-out both}.style-modal{width:min(520px,100%);max-height:min(720px,calc(100dvh - 2rem));padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;background:var(--theme-panel);border:1px solid var(--neon-cyan);color:var(--cyber-text);box-shadow:0 0 35px #0000008c;overflow:hidden;animation:style-modal-in .28s cubic-bezier(.16,1,.3,1) both}.style-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.style-modal-header h2{margin:0;color:var(--cyber-text);font-size:1.35rem}.style-modal-hint{margin:-.75rem 0 1rem;color:var(--cyber-dim);font-size:.9rem;line-height:1.4}.style-demo-tooltip.cyber .style-demo-static{background:radial-gradient(circle at 50% 45%,#172c43,#0b1422 52%,#050a12);color:#ffd23f;text-shadow:0 2px #000}.style-demo-tooltip.blush .style-demo-static{background:radial-gradient(circle at 14% 18%,rgba(255,143,171,.5),transparent 30%),radial-gradient(circle at 88% 82%,rgba(47,155,124,.36),transparent 30%),#fff7f0;color:#2e253f;text-shadow:0 2px #fff}.style-demo-static{display:flex;align-items:center;justify-content:space-around;width:100%;aspect-ratio:16 / 9;font:800 2.25rem/1 var(--font-display)}.style-modal-close{width:2.25rem;height:2.25rem;padding:0;display:grid;place-items:center;flex:0 0 auto;font-size:1.6rem;line-height:1}.style-modal .style-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.25rem .4rem .5rem .25rem;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.recommendation-notice-backdrop{z-index:2100}.recommendation-notice{width:min(700px,100%);min-height:330px;padding:0;display:grid;grid-template-columns:minmax(190px,42%) minmax(0,1fr);border-radius:22px;overflow:hidden}.recommendation-notice-close{position:absolute;z-index:2;top:1rem;right:1rem}.recommendation-notice-character{position:relative;min-height:330px;overflow:hidden;background:var(--theme-panel-soft)}.recommendation-notice-character:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#00000061)}.recommendation-notice-character img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 16%}.recommendation-notice-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.4rem,4vw,2.4rem)}.recommendation-notice-eyebrow{color:var(--neon-cyan);font-size:.72rem;font-weight:900;letter-spacing:.2em}.recommendation-notice-copy h2{margin:.55rem 0 .8rem;color:var(--cyber-text);font-size:clamp(1.45rem,3vw,2rem);line-height:1.08}.recommendation-notice-copy p{margin:0;color:var(--cyber-dim);line-height:1.6}.recommendation-notice-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.recommendation-notice-actions .start-btn,.recommendation-notice-actions .tutorial-btn{width:auto;min-height:44px;margin:0}.recommendation-notice-actions .start-btn{padding:.75rem 1rem;font-size:.82rem}@media(max-width:560px){.recommendation-notice{grid-template-columns:1fr;max-height:calc(100dvh - 1.5rem)}.recommendation-notice-character{min-height:0;height:180px}.recommendation-notice-character img{object-position:50% 18%}.recommendation-notice-actions{flex-direction:column-reverse}.recommendation-notice-actions .start-btn,.recommendation-notice-actions .tutorial-btn{width:100%}}.selected-guide-card{width:100%;display:grid;grid-template-columns:84px minmax(0,1fr);min-height:104px;margin-top:12px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--neon-cyan) 45%,transparent);border-radius:12px;background:var(--theme-panel-soft);text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.selected-guide-card:hover{border-color:var(--neon-cyan);box-shadow:0 10px 24px color-mix(in srgb,var(--neon-cyan) 18%,transparent);transform:translateY(-3px)}.selected-guide-card:focus-visible{outline:3px solid color-mix(in srgb,var(--neon-cyan) 55%,transparent);outline-offset:3px}.selected-guide-portrait{min-height:104px;overflow:hidden;background:color-mix(in srgb,var(--neon-cyan) 12%,var(--theme-panel))}.selected-guide-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 16%;transform:scale(1.08)}.selected-guide-info{min-width:0;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.selected-guide-info>span{color:var(--cyber-dim);font-size:.66rem;font-weight:800;letter-spacing:.14em}.selected-guide-info>strong{color:var(--cyber-text);font-size:1rem}.selected-guide-info .character-select-btn{min-height:0;margin-top:8px;padding:0;display:flex;align-items:center;gap:6px;color:var(--neon-cyan);border:0;background:transparent;box-shadow:none;font-size:.75rem;text-align:left}.selected-guide-card:hover .character-select-btn{text-decoration:underline}@media(max-width:380px){.selected-guide-card{grid-template-columns:72px minmax(0,1fr)}.selected-guide-info{padding:12px}}.fullscreen-setting{margin-top:12px;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--neon-cyan) 35%,transparent);border-radius:12px;background:var(--theme-panel-soft)}.header-fullscreen-setting{min-width:300px;margin-top:0;padding:8px 10px}.fullscreen-setting-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--neon-cyan);border-radius:50%;background:color-mix(in srgb,var(--neon-cyan) 12%,transparent)}.fullscreen-setting-copy{min-width:0;display:grid;gap:2px;text-align:left}.fullscreen-setting-copy strong{color:var(--cyber-text);font-size:.86rem}.fullscreen-setting-copy small{color:var(--cyber-dim);font-size:.72rem;line-height:1.3}.fullscreen-switch{position:relative;width:50px;height:28px;padding:0;border:1px solid color-mix(in srgb,var(--cyber-dim) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--cyber-dim) 25%,transparent);box-shadow:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.fullscreen-switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--cyber-text);transition:transform .22s cubic-bezier(.2,.75,.2,1),background-color .2s ease}.fullscreen-switch[aria-checked=true]{border-color:var(--neon-cyan);background:var(--neon-cyan)}.fullscreen-switch[aria-checked=true] span{background:#071017;transform:translate(22px)}.fullscreen-switch:focus-visible{outline:3px solid color-mix(in srgb,var(--neon-cyan) 45%,transparent);outline-offset:3px}.fullscreen-switch:disabled{cursor:not-allowed;opacity:.45}@media(prefers-reduced-motion:reduce){.fullscreen-switch,.fullscreen-switch span{transition:none}}.game-advice-modal{--advice-accent: var(--neon-cyan);--advice-title:var(--cyber-text);--advice-copy:var(--cyber-dim);--advice-choice-title:var(--advice-title);--advice-choice-copy:var(--advice-copy);width:min(650px,100%);overflow-y:auto;overscroll-behavior:contain}.game-advice-choices,.game-advice-content{display:grid;gap:1rem}.game-advice-choices>p,.game-advice-lead{margin:0;color:var(--advice-copy);line-height:1.55}.advice-choice{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.1rem;color:var(--advice-accent);border:1px solid color-mix(in srgb,var(--advice-accent) 62%,transparent);border-radius:12px;background:color-mix(in srgb,var(--advice-accent) 8%,var(--theme-panel));box-shadow:inset 0 0 18px color-mix(in srgb,var(--advice-accent) 7%,transparent);text-align:left;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.advice-choice:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--advice-accent) 15%,var(--theme-panel));box-shadow:0 8px 20px color-mix(in srgb,var(--advice-accent) 18%,transparent)}.advice-choice svg{flex:0 0 auto}.advice-choice span{display:grid;gap:.3rem}.advice-choice strong{color:var(--advice-choice-title);font-size:1rem}.advice-choice small{color:var(--advice-choice-copy);font-size:.84rem;line-height:1.35}.advice-choice:hover strong,.advice-choice:focus-visible strong{color:var(--advice-choice-title)}.advice-choice:hover small,.advice-choice:focus-visible small{color:var(--advice-choice-copy)}.advice-back{justify-self:start;padding:.35rem 0;color:var(--advice-accent);border:0;background:transparent;box-shadow:none;font-weight:800;cursor:pointer}.advice-steps{display:grid;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:advice-step}.advice-steps li{counter-increment:advice-step;position:relative;min-height:2.5rem;padding:.7rem .85rem .7rem 3.3rem;border-left:2px solid color-mix(in srgb,var(--advice-accent) 55%,transparent);color:var(--advice-title);background:color-mix(in srgb,var(--advice-accent) 5%,transparent);line-height:1.5}.advice-steps li:before{content:counter(advice-step);position:absolute;top:.6rem;left:.75rem;display:grid;width:1.65rem;height:1.65rem;place-items:center;color:#061018;border-radius:50%;background:var(--advice-accent);font:800 .85rem/1 var(--font-display)}.advice-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.advice-video-card{display:grid;justify-items:start;gap:.65rem;min-height:0;padding:1rem;color:var(--advice-accent);border:1px dashed color-mix(in srgb,var(--advice-accent) 65%,transparent);border-radius:12px;background:color-mix(in srgb,var(--advice-accent) 7%,transparent)}.advice-video-card strong{color:var(--advice-title)}.advice-video-card span{color:var(--advice-copy);font-size:.85rem}.recommendation-video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid color-mix(in srgb,var(--advice-accent) 55%,transparent);border-radius:8px;background:#020617;object-fit:contain}.style-modal.game-advice-video-modal{width:min(590px,calc(100vw - 2rem));height:min(calc(100dvh - 2rem),900px);max-height:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 3.25rem;gap:.75rem;aspect-ratio:auto;overflow:visible}.game-advice-video-modal .style-modal-header{position:static;z-index:2;grid-column:2;grid-row:1;align-self:start;justify-content:center;height:auto;margin:0}.game-advice-video-modal .game-advice-content{position:relative;display:block;grid-column:1;grid-row:1;min-height:0;height:100%}.game-advice-video-modal .advice-video-grid{grid-template-columns:1fr}.game-advice-video-modal .advice-video-card{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.game-advice-video-modal .advice-video-card>svg,.game-advice-video-modal .advice-video-card>strong{display:none}.game-advice-video-modal .advice-back{position:absolute;z-index:2;top:3.75rem;right:-4rem;width:3.25rem;padding:.5rem 0;border-radius:999px;color:#fff;background:#020617ad;text-align:center;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-advice-video-modal .recommendation-video{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:12px;background:transparent;box-shadow:none;object-fit:cover}[data-theme=cyber] .game-advice-modal{--advice-accent:#00f3ff;--advice-title:#f8fdff;--advice-copy:#b9d6df}[data-theme=hi-tech] .game-advice-modal{--advice-accent:#0284c7;--advice-title:#0f172a;--advice-copy:#334155}[data-theme=steam] .game-advice-modal{--advice-accent:#f59e0b;--advice-title:#fff7d6;--advice-copy:#fde68a}[data-theme=blush] .game-advice-modal{--advice-accent:#8d65c5;--advice-title:#35294d;--advice-copy:#5d4b73}[data-theme=brutalism] .game-advice-modal{--advice-accent:#111;--advice-title:#111;--advice-copy:#27272a}[data-theme=synthwave] .game-advice-modal{--advice-accent:#00f5ff;--advice-title:#fff;--advice-copy:#c4eaff}[data-theme=glass] .game-advice-modal{--advice-accent:#1769e0;--advice-title:#102554;--advice-copy:#213f73}[data-theme=shadcn] .game-advice-modal{--advice-accent:#18181b;--advice-title:#18181b;--advice-copy:#52525b}[data-theme=vice-city] .game-advice-modal{--advice-accent:#f3d68f;--advice-title:#173f4b;--advice-copy:#365b61;--advice-choice-title:#fff8df;--advice-choice-copy:#d7efdd}[data-theme=vice-city] .game-advice-modal .advice-choice{border-color:#174b58;background:#24636a;box-shadow:0 5px 12px #183f432e}[data-theme=vice-city] .game-advice-modal .advice-choice:hover,[data-theme=vice-city] .game-advice-modal .advice-choice:focus-visible{background:#174b58;box-shadow:0 8px 18px #183f4347}[data-theme=brutalism] .game-advice-modal .advice-choice,[data-theme=brutalism] .game-advice-modal .advice-video-card{border:3px solid #111;border-radius:0;background:#fff;box-shadow:4px 4px #111}[data-theme=brutalism] .game-advice-modal .recommendation-video{border:3px solid #111;border-radius:0}[data-theme=brutalism] .game-advice-video-modal .recommendation-video{border:0}[data-theme=brutalism] .game-advice-modal .advice-steps li{border:3px solid #111;border-left-width:6px;background:#fff}[data-theme=brutalism] .game-advice-modal .advice-steps li:before{color:#111;border-radius:0;background:#f5f000}[data-theme=synthwave] .game-advice-modal .advice-choice,[data-theme=synthwave] .game-advice-modal .advice-video-card{border-color:#ff2bd6;background:#10002b;box-shadow:0 0 14px #ff2bd64d}[data-theme=synthwave] .game-advice-modal .recommendation-video{border-color:#ff2bd6;box-shadow:0 0 12px #ff2bd659}[data-theme=synthwave] .game-advice-video-modal .recommendation-video{box-shadow:none}[data-theme=glass] .game-advice-modal .advice-choice,[data-theme=glass] .game-advice-modal .advice-video-card{border:1px solid #fff;background:#ffffff73;box-shadow:inset 0 1px #fff,0 8px 20px #2563eb1a}[data-theme=glass] .game-advice-modal .recommendation-video{border-color:#ffffffd9}[data-theme=glass] .game-advice-video-modal .recommendation-video{border:0}[data-theme=shadcn] .game-advice-modal .advice-choice,[data-theme=shadcn] .game-advice-modal .advice-video-card{border-color:#e4e4e7;border-radius:7px;background:#fff;box-shadow:none}[data-theme=shadcn] .game-advice-modal .recommendation-video{border-color:#e4e4e7;border-radius:6px}[data-theme=shadcn] .game-advice-video-modal .recommendation-video{border:0}.style-modal.game-advice-video-modal .advice-video-card{border:0;border-radius:0;background:transparent;box-shadow:none}@media(max-width:560px){.game-advice-modal{padding:1rem}.style-modal.game-advice-video-modal{width:calc(100vw - 1.5rem);height:min(calc(100dvh - 1.5rem),760px);grid-template-columns:minmax(0,1fr) 2.75rem;gap:.5rem}.game-advice-video-modal .advice-back{top:3.4rem;right:-3.25rem;width:2.75rem}.game-advice-video-modal .recommendation-video{border-radius:8px}.game-advice-video-modal .advice-video-card>strong{display:none}.advice-video-grid{grid-template-columns:1fr}.advice-choice{padding:.9rem}.advice-steps li{padding-left:3rem}}@keyframes style-modal-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes style-modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.style-modal-backdrop,.style-modal{animation:none}}@media(max-width:560px){.style-modal .style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.dashboard-layout{width:100%;max-width:none;min-width:0;padding:1rem;overflow-x:hidden}.dashboard-header{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:1rem 0 1.5rem;padding:1rem 0 1.25rem}.header-left{min-width:0;gap:1rem}.avatar-circle{width:52px;height:52px;flex:0 0 52px;font-size:1.2rem}.dashboard-header h1{max-width:100%;font-size:clamp(1.55rem,7vw,2.15rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{font-size:.78rem;overflow-wrap:anywhere}.header-stats{display:grid;grid-template-columns:minmax(78px,.7fr) minmax(120px,1.15fr);gap:.75rem;width:100%}.header-fullscreen-setting{grid-column:1 / -1;min-width:0}.header-stats .language-switcher{margin-right:0!important;width:100%}.dashboard-header .language-switcher select{width:100%}.logout-btn{width:100%;min-height:44px;justify-content:center;margin:0}.stat-item{min-width:0;min-height:44px;justify-content:center;padding:.65rem .55rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--theme-panel-soft);font-size:.88rem;text-align:center}.stat-item span{min-width:0;overflow-wrap:anywhere}.dashboard-grid{display:flex;flex-direction:column;gap:0;width:100%;min-width:0}.config-panel,.dashboard-grid>.main-content{width:100%;min-width:0}.dashboard-grid>.main-content{display:block;padding:0}.panel-card{width:100%;padding:1.35rem;margin-bottom:1rem;box-sizing:border-box}.panel-title{font-size:1.2rem;gap:.6rem}.config-section{margin-bottom:1.35rem}.letters-input{min-height:52px;font-size:1.35rem}.style-select-btn,.start-btn,.tutorial-btn,.view-graphs-btn,.subscription-btn{min-height:48px}.rec-content{gap:1rem}.recommendation-card p{font-size:1.05rem;overflow-wrap:anywhere}}@media(max-width:560px){.dashboard-layout{padding:.75rem}.dashboard-header{margin-top:.25rem}.header-left{align-items:center}.avatar-circle{width:46px;height:46px;flex-basis:46px}.header-stats{grid-template-columns:1fr 1fr;gap:.55rem}.header-stats .stat-item{font-size:.78rem}.header-stats .stat-item svg{width:15px;height:15px;flex:0 0 auto}.dashboard-header .language-switcher select{min-width:0;min-height:46px}.logout-btn{min-height:46px;padding-inline:.65rem;font-size:.8rem}.panel-card{padding:1.1rem;clip-path:none;border-radius:12px}[data-theme=steam] .panel-card{border-radius:3px}.panel-title{font-size:1.05rem;letter-spacing:.06em}.rec-content{align-items:center}.rec-icon-wrapper{padding:.7rem;flex:0 0 auto}.rec-icon{width:25px;height:25px}.recommendation-card h3{font-size:1.05rem}.recommendation-card p{font-size:.95rem;line-height:1.5}.activity-item{gap:.75rem}.activity-time{min-width:0;overflow-wrap:anywhere}.activity-score{flex:0 0 auto}.subscription-status-row{flex-direction:column;align-items:stretch!important}.sessions-counter{justify-content:flex-start!important}.subscription-status-row .subscription-btn{width:100%}.style-modal-backdrop{padding:.75rem;align-items:flex-end}.style-modal{width:100%;max-height:min(86vh,680px);padding:1rem;border-radius:18px 18px 8px 8px}[data-theme=steam] .style-modal{border-radius:3px}.style-modal-header h2{font-size:1.05rem}.style-modal-close{min-width:44px;min-height:44px}.style-modal .style-grid{gap:.65rem}.style-option{min-height:92px;padding:.7rem .35rem}}@media(max-width:370px){.header-stats{grid-template-columns:1fr}.header-stats .language-switcher,.logout-btn,.stat-item{width:100%}.rec-content{align-items:flex-start}.rec-icon-wrapper{display:none}}[data-theme=hi-tech] .style-select-btn,[data-theme=hi-tech] .style-modal{background:#fff;border-color:var(--neon-blue);box-shadow:5px 5px #0284c729}[data-theme=steam] .style-select-btn,[data-theme=steam] .style-modal{background:linear-gradient(145deg,#44403c,#1c1917);border:3px double #d97706;color:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917,7px 7px #0c0a09b3}[data-theme=blush] .style-select-btn,[data-theme=blush] .style-modal{background:#fffffff5;border-color:#ff8fab;border-radius:12px;color:#8d65c5;box-shadow:0 10px #8d65c521;clip-path:none}.config-card{position:relative;z-index:2;overflow:visible;isolation:isolate}.config-card:before{z-index:-1}[data-theme=cyber] .config-card,[data-theme=steam] .config-card{clip-path:none}.game-buddy{position:absolute;z-index:20;top:-58px;right:18px;width:76px;height:68px;padding:0;border:0;border-radius:24px 24px 18px 18px;clip-path:none;background:transparent;overflow:visible;animation:buddyFloat 3s ease-in-out infinite}.game-buddy:hover{background:transparent;box-shadow:none;transform:scale(1.08)}.game-buddy:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:5px}.buddy-face{position:absolute;inset:10px 5px 3px;display:flex;align-items:center;justify-content:center;gap:14px;border:3px solid var(--neon-cyan);border-radius:22px 22px 16px 16px;background:linear-gradient(145deg,var(--cyber-panel),var(--cyber-bg));box-shadow:0 7px 18px #00000047,inset 0 0 16px #06b6d41f}.buddy-face i{width:8px;height:12px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);animation:buddyBlink 4s infinite}.buddy-face b{position:absolute;left:50%;bottom:9px;width:22px;height:8px;border-bottom:3px solid var(--neon-pink);border-radius:0 0 50% 50%;transform:translate(-50%)}.buddy-antenna{position:absolute;z-index:1;top:-2px;left:50%;width:3px;height:16px;background:var(--neon-cyan);transform:translate(-50%)}.buddy-antenna:after{content:"";position:absolute;top:-5px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.buddy-message{position:absolute;right:82px;top:5px;width:150px;padding:.55rem .7rem;border:1px solid var(--neon-cyan);border-radius:12px 12px 2px;color:var(--cyber-text);background:var(--cyber-panel);box-shadow:0 7px 18px #00000038;font:700 .72rem/1.25 var(--font-main);text-align:left;text-transform:none;opacity:0;transform:translate(8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.game-buddy:hover .buddy-message,.game-buddy:focus-visible .buddy-message,.game-buddy.is-excited .buddy-message,.mission-ready .buddy-message{opacity:1;transform:none}.game-buddy.is-excited .buddy-face,.mission-ready .buddy-face{animation:buddyCelebrate .6s ease}.mission-ready .buddy-face b{width:26px;height:12px;border-width:4px}.mission-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin:.15rem 0 1.25rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0000001f}.mission-label{display:flex;align-items:center;gap:.35rem;color:var(--neon-cyan);font:700 .72rem var(--font-display);text-transform:uppercase;letter-spacing:.04em}.mission-track{height:8px;overflow:hidden;border-radius:999px;background:#64748b4d}.mission-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--neon-purple),var(--neon-cyan));box-shadow:0 0 9px var(--neon-cyan);transition:width .35s cubic-bezier(.2,.8,.2,1)}.mission-count{color:var(--cyber-text);font:800 .78rem var(--font-display)}.mission-ready .mission-meter{border-color:color-mix(in srgb,var(--event-success) 55%,transparent)}.mission-ready .letters-input{animation:inputReady .5s ease}.dashboard-grid .panel-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.dashboard-grid .panel-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--neon-cyan) 60%,transparent);box-shadow:0 16px 35px #00000029}.dashboard-grid .panel-title svg{transition:transform .25s ease,filter .25s ease}.dashboard-grid .panel-card:hover .panel-title svg{transform:rotate(-8deg) scale(1.12);filter:drop-shadow(0 0 6px var(--neon-cyan))}.start-btn:not(:disabled):hover svg{animation:playWiggle .45s ease}.stat-item:hover svg{transform:scale(1.18) rotate(-8deg)}.stat-item svg{transition:transform .2s ease}[data-theme=cyber] .game-buddy.is-excited .buddy-face,[data-theme=cyber] .mission-ready .buddy-face{box-shadow:0 0 22px #00f3ff73,inset 0 0 18px #d946ef2e}[data-theme=hi-tech] .buddy-face{border:2px solid #0284c7;border-radius:8px;background:linear-gradient(#fff,#e2e8f0);box-shadow:4px 5px #0f172a21}[data-theme=hi-tech] .buddy-face i{background:#0369a1;box-shadow:none}[data-theme=hi-tech] .buddy-face b{border-color:#c026d3}[data-theme=hi-tech] .buddy-message{color:#1e293b;border-color:#0284c7;border-radius:6px;background:#fff}[data-theme=hi-tech] .mission-meter{border-color:#cbd5e1;background:#f8fafc}[data-theme=steam] .buddy-face{border:5px ridge #d97706;border-radius:9px;background:linear-gradient(145deg,#78716c,#292524);box-shadow:inset 0 0 0 2px #1c1917,5px 7px #0c0a09}[data-theme=steam] .buddy-face i{width:11px;height:11px;border:2px ridge #a8a29e;background:#67e8f9;box-shadow:0 0 7px #22d3ee}[data-theme=steam] .buddy-face b{height:6px;border:2px inset #78350f;border-radius:2px;background:repeating-linear-gradient(90deg,#292524 0 3px,#d6d3d1 3px 5px)}[data-theme=steam] .buddy-antenna{width:6px;background:linear-gradient(90deg,#78350f,#f59e0b,#78350f)}[data-theme=steam] .buddy-antenna:after{border:2px ridge #d97706;background:#ef4444}[data-theme=steam] .buddy-message{color:#fde68a;border:3px double #d97706;border-radius:3px;background:linear-gradient(#292524,#1c1917);text-shadow:1px 2px #451a03}[data-theme=steam] .mission-meter{border:3px double #92400e;border-radius:3px;background:#1c1917}[data-theme=steam] .mission-track{border-radius:2px;background:#0c0a09}[data-theme=steam] .mission-track i{border-radius:1px;background:linear-gradient(#fde68a,#d97706);box-shadow:none}[data-theme=blush] .buddy-face{border:2px solid #ff8fab;border-radius:25px 25px 20px 20px;background:linear-gradient(145deg,#fff,#ffd6e1);box-shadow:0 7px #8d65c524}[data-theme=blush] .buddy-face i{background:#5a4775;box-shadow:none}[data-theme=blush] .buddy-face b{border-color:#d94f77}[data-theme=blush] .buddy-antenna{background:#8d65c5}[data-theme=blush] .buddy-antenna:after{background:#ff8fab;box-shadow:0 0 0 4px #ffd6e1}[data-theme=blush] .buddy-message{color:#35294d;border-color:#ff8fab;background:#fff;box-shadow:0 7px #8d65c51f}[data-theme=blush] .mission-meter{border-color:#8d65c533;background:#ffffffc7}[data-theme=blush] .mission-label{color:#7650a8}@keyframes buddyFloat{0%,to{translate:0 0;rotate:-2deg}50%{translate:0 -7px;rotate:2deg}}@keyframes buddyBlink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes buddyCelebrate{0%,to{transform:rotate(0) scale(1)}35%{transform:rotate(-8deg) scale(1.08)}70%{transform:rotate(8deg) scale(1.08)}}@keyframes inputReady{50%{transform:scale(1.025);box-shadow:0 0 22px color-mix(in srgb,var(--event-success) 45%,transparent)}}@keyframes playWiggle{35%{transform:translate(4px) rotate(-8deg)}70%{transform:translate(-2px) rotate(6deg)}}@media(max-width:900px){.config-card{margin-top:3.5rem}.game-buddy{top:-54px;right:12px}.buddy-message{right:82px;width:min(155px,42vw)}}@media(max-width:560px){.mission-meter{grid-template-columns:1fr auto}.mission-label{grid-column:1 / -1}.buddy-message{width:135px;font-size:.66rem}.dashboard-grid .panel-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.game-buddy,.buddy-face i,.game-buddy.is-excited .buddy-face,.mission-ready .buddy-face,.mission-ready .letters-input{animation:none!important}}.game-buddy.has-warning .buddy-message{width:190px;color:#fff;border-color:#ef4444;background:#7f1d1d;opacity:1;transform:none}.game-buddy.has-warning .buddy-face{border-color:#ef4444;animation:buddyWarning .35s ease;box-shadow:0 0 18px #ef444461}.game-buddy.has-warning .buddy-face i{background:#ef4444;box-shadow:0 0 7px #ef4444}.game-buddy.has-warning .buddy-face b{bottom:5px;height:9px;border:0;border-top:3px solid #ef4444;border-radius:50% 50% 0 0;background:none}.game-buddy.has-warning .buddy-antenna:after{background:#ef4444;box-shadow:0 0 12px #ef4444}[data-theme=hi-tech] .game-buddy.has-warning .buddy-message{color:#fff;background:#b91c1c}[data-theme=steam] .game-buddy.has-warning .buddy-message{color:#fee2e2;border-color:#ef4444;background:linear-gradient(#7f1d1d,#450a0a)}[data-theme=blush] .game-buddy.has-warning .buddy-message{color:#881337;border-color:#fb7185;background:#fff1f2}@keyframes buddyWarning{0%,to{transform:translate(0)}30%{transform:translate(-5px) rotate(-3deg)}70%{transform:translate(5px) rotate(3deg)}}@media(max-width:560px){.game-buddy.has-warning .buddy-message{width:min(180px,48vw)}}@media(prefers-reduced-motion:reduce){.game-buddy.has-warning .buddy-face{animation:none}}.game-buddy{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;transition:transform .58s cubic-bezier(.22,1.45,.42,1),scale .2s ease}.game-buddy:hover{scale:1.06}.game-buddy.is-dragging{z-index:50;cursor:grabbing;animation:none;scale:1.12;rotate:4deg;transition:none}.game-buddy.is-returning{z-index:40;animation:none;transition-duration:1.25s;transition-timing-function:cubic-bezier(.18,.78,.28,1.12)}.game-buddy.is-dragging .buddy-message,.game-buddy.is-returning .buddy-message{opacity:1;transform:none}.game-buddy.is-dragging .buddy-face{animation:buddyFlightFace .45s ease-in-out infinite alternate;box-shadow:0 0 24px color-mix(in srgb,var(--neon-cyan) 55%,transparent),0 12px 24px #00000047}.game-buddy.is-dragging .buddy-face i{height:15px;animation:none}.game-buddy.is-dragging .buddy-face b{width:17px;height:17px;bottom:5px;border:3px solid var(--neon-pink);border-radius:50%;background:transparent}.game-buddy.is-dragging .buddy-antenna{transform:translate(-50%) rotate(-14deg);transform-origin:bottom}.game-buddy.is-returning .buddy-face{animation:buddyLanding .58s ease}[data-theme=steam] .game-buddy.is-dragging .buddy-face b{border:3px ridge #d97706;border-radius:50%;background:#0c0a09}[data-theme=blush] .game-buddy.is-dragging .buddy-face b{border-color:#d94f77}@keyframes buddyFlightFace{0%{rotate:-3deg}to{rotate:3deg}}@keyframes buddyLanding{0%{transform:scale(1.1) rotate(5deg)}65%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.game-buddy{transition-duration:.2s}.game-buddy.is-returning{transition-duration:.35s}.game-buddy.is-dragging .buddy-face,.game-buddy.is-returning .buddy-face{animation:none}}.style-modal-close{min-width:42px;min-height:42px;border-radius:10px;clip-path:none;font-family:system-ui,sans-serif;font-weight:700;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.style-modal-close:hover{transform:rotate(7deg) scale(1.07)}.style-modal-close:active{transform:rotate(0) scale(.92)}.style-modal-close:focus-visible{outline:3px solid color-mix(in srgb,var(--neon-cyan) 45%,transparent);outline-offset:3px}[data-theme=cyber] .style-modal-close{color:#f0abfc;border:1px solid #d946ef;background:#d946ef1a;box-shadow:inset 0 0 12px #d946ef1a,0 0 8px #d946ef2e}[data-theme=cyber] .style-modal-close:hover{color:#fff;border-color:#00f3ff;background:#00f3ff24;box-shadow:0 0 16px #00f3ff61}[data-theme=hi-tech] .style-modal-close{color:#475569;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;box-shadow:3px 3px #0f172a1a}[data-theme=hi-tech] .style-modal-close:hover{color:#fff;border-color:#0284c7;background:#0284c7;box-shadow:4px 4px #075985}[data-theme=steam] .style-modal-close{color:#fde68a;border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle at 35% 30%,#57534e,#1c1917 68%);box-shadow:inset 0 0 0 2px #0c0a09,3px 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .style-modal-close:hover{color:#292524;border-color:#fbbf24;background:radial-gradient(circle at 35% 30%,#fff7d6,#d97706 70%);box-shadow:inset 0 0 0 2px #92400e,4px 5px #0c0a09}[data-theme=blush] .style-modal-close{color:#7650a8;border:2px solid rgba(141,101,197,.28);border-radius:50%;background:#fff0f4;box-shadow:0 4px #8d65c524}[data-theme=blush] .style-modal-close:hover{color:#fff;border-color:#ff6f94;background:#ff8fab;box-shadow:0 6px #d85f80}@media(prefers-reduced-motion:reduce){.style-modal-close{transition:none}.style-modal-close:hover,.style-modal-close:active{transform:none}}.buddy-message .typing-caret{display:inline-block;width:2px;height:1em;margin-inline-start:3px;vertical-align:-.12em;background:currentColor;animation:typingCaretBlink .7s steps(1,end) infinite}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes typingCaretBlink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.buddy-message .typing-caret{display:none;animation:none}}.style-preview.brutalism{color:#111;background:#f5f000;border:2px solid #111;box-shadow:3px 3px #111;padding:.1rem .35rem}.style-preview.synthwave{color:#ff2bd6;text-shadow:0 0 7px #ff2bd6,2px 2px #00f5ff}.style-preview.glass{color:#16213b;padding:.15rem .4rem;border-radius:8px;background:#fff9;box-shadow:inset 0 1px #fff,0 4px 12px #2563eb2e}[data-theme=brutalism] .dashboard-header{border-bottom:5px solid #111}[data-theme=brutalism] .panel-card,[data-theme=brutalism] .style-modal{color:#111;background:#fffdf0;border:4px solid #111;border-left-width:8px;border-radius:0;clip-path:none;box-shadow:9px 9px #111;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=brutalism] .panel-title,[data-theme=brutalism] .recommendation-card h3,[data-theme=brutalism] .activity-desc,[data-theme=brutalism] .dashboard-header h1{color:#111;text-shadow:none}[data-theme=brutalism] .letters-input{color:#111;background:#fff;border:4px solid #111;box-shadow:4px 4px #111}[data-theme=brutalism] .mission-meter{color:#111;background:#f5f000;border:3px solid #111;border-radius:0}[data-theme=brutalism] .buddy-face{background:#fff;border:4px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=brutalism] .buddy-face i{background:#111;box-shadow:none}[data-theme=brutalism] .buddy-message{color:#111;background:#fff;border:3px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=brutalism] .style-option{color:#111;background:#fff;border:3px solid #111;border-radius:0;box-shadow:3px 3px #111}[data-theme=brutalism] .style-option.active{background:#f5f000;color:#111;box-shadow:6px 6px #111}[data-theme=brutalism] .style-modal-close{color:#111;background:#ff5c35;border:3px solid #111;border-radius:0;box-shadow:4px 4px #111}[data-theme=brutalism] .start-btn{color:#111;background:#f5f000;border:4px solid #111;border-radius:0;clip-path:none;box-shadow:7px 7px #111;text-shadow:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}[data-theme=brutalism] .start-btn svg{color:#06f;filter:drop-shadow(2px 2px 0 #111)}[data-theme=brutalism] .start-btn:hover:not(:disabled){color:#111;background:#00e5ff;border-color:#111;transform:translate(-3px,-3px);box-shadow:10px 10px #111}[data-theme=brutalism] .start-btn:active:not(:disabled){transform:translate(5px,5px);box-shadow:2px 2px #111}[data-theme=brutalism] .start-btn:focus-visible{outline:4px solid #0066ff;outline-offset:5px}[data-theme=brutalism] .start-btn:disabled{color:#555;background:#d6d3c5;border-color:#555;box-shadow:4px 4px #555;opacity:.72}[data-theme=brutalism] .start-btn:disabled svg{color:#777;filter:none}[data-theme=brutalism] .dashboard-header .language-switcher select{min-height:50px;color:#111!important;background:#fff!important;border:4px solid #111!important;border-radius:0!important;box-shadow:6px 6px #111;font-weight:900;text-transform:uppercase;outline:none}[data-theme=brutalism] .dashboard-header .language-switcher select:hover{color:#111!important;background:#00e5ff!important;border-color:#111!important;transform:translate(-2px,-2px);box-shadow:8px 8px #111}[data-theme=brutalism] .dashboard-header .language-switcher select:focus-visible{color:#111!important;background:#f5f000!important;border-color:#111!important;outline:4px solid #0066ff;outline-offset:4px;box-shadow:6px 6px #111}[data-theme=brutalism] .dashboard-header .language-switcher option{color:#111!important;background:#fff!important;font-weight:800}[data-theme=brutalism] .platform-tour-btn,[data-theme=brutalism] .personal-page .tutorial-btn{color:#111;background:#fff;border:4px solid #111;border-radius:0;box-shadow:6px 6px #111}[data-theme=brutalism] .platform-tour-btn:hover,[data-theme=brutalism] .personal-page .tutorial-btn:hover{color:#111;background:#00e5ff;border-color:#111;box-shadow:8px 8px #111;transform:translate(-2px,-2px)}[data-theme=brutalism] .tutorial-prompt{color:#111;background:#fffdf0;border:5px solid #111;box-shadow:12px 12px #111}[data-theme=brutalism] .tutorial-prompt h2,[data-theme=brutalism] .tutorial-prompt p{color:#111;text-shadow:none}[data-theme=brutalism] .tour-prompt-robot{background:#f5f000;border:4px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=brutalism] .tutorial-prompt .tutorial-btn{color:#111;background:#fff;border:4px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=synthwave] .platform-tour-btn,[data-theme=synthwave] .personal-page .tutorial-btn{color:#00f5ff;background:#10002b;border:2px solid #ff2bd6;border-radius:5px;box-shadow:0 0 14px #ff2bd661}[data-theme=synthwave] .platform-tour-btn:hover,[data-theme=synthwave] .personal-page .tutorial-btn:hover{color:#fff;background:#3c096c;border-color:#00f5ff;box-shadow:0 0 20px #ff2bd6}[data-theme=synthwave] .tutorial-prompt{color:#fff;background:linear-gradient(145deg,#240046,#10002b);border:2px solid #ff2bd6;box-shadow:0 0 30px #ff2bd680}[data-theme=synthwave] .tutorial-prompt h2{color:#fff;text-shadow:2px 2px #ff2bd6}[data-theme=synthwave] .tutorial-prompt p{color:#d8b4fe}[data-theme=synthwave] .tour-prompt-robot{background:linear-gradient(#6a00f4,#240046);border-color:#00f5ff;box-shadow:0 0 18px #ff2bd6}[data-theme=synthwave] .tutorial-prompt .tutorial-btn{color:#00f5ff;background:#10002b;border:2px solid #ff2bd6;box-shadow:0 0 12px #ff2bd666}[data-theme=glass] .platform-tour-btn,[data-theme=glass] .personal-page .tutorial-btn{color:#16213b;background:#ffffff7a;border:1px solid #fff;border-radius:16px;box-shadow:inset 0 1px #fff,0 9px 22px #2563eb1c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=glass] .platform-tour-btn:hover,[data-theme=glass] .personal-page .tutorial-btn:hover{color:#007aff;background:#fffc;border-color:#fff;box-shadow:inset 0 1px #fff,0 12px 28px #2563eb2b}[data-theme=glass] .tutorial-prompt{color:#16213b;background:#ffffffad;border:1px solid #fff;border-radius:28px;box-shadow:inset 0 1px #fff,0 24px 60px #1e40af2e;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)}[data-theme=glass] .tutorial-prompt h2{color:#16213b;text-shadow:none}[data-theme=glass] .tutorial-prompt p{color:#526077}[data-theme=glass] .tour-prompt-robot{background:#ffffff9e;border:1px solid #fff;box-shadow:inset 0 1px #fff,0 10px 25px #2563eb29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=glass] .tutorial-prompt .tutorial-btn{color:#16213b;background:#ffffff80;border:1px solid #fff;border-radius:16px;box-shadow:inset 0 1px #fff,0 8px 20px #2563eb1a}[data-theme=synthwave] .dashboard-header{border-bottom:2px solid #ff2bd6;box-shadow:0 8px 24px #ff2bd629}[data-theme=synthwave] .panel-card,[data-theme=synthwave] .style-modal{background:linear-gradient(145deg,#240046eb,#10002bf0);border:1px solid #ff2bd6;border-left:4px solid #00f5ff;box-shadow:0 0 20px #ff2bd62e,inset 0 0 25px #00f5ff0d}[data-theme=synthwave] .config-card{z-index:12;overflow:visible;isolation:auto;clip-path:none}[data-theme=synthwave] .game-buddy{z-index:120}[data-theme=synthwave] .game-buddy.is-returning{z-index:140}[data-theme=synthwave] .game-buddy.is-dragging{z-index:160}[data-theme=synthwave] .game-buddy .buddy-face{z-index:1}[data-theme=synthwave] .game-buddy .buddy-message{z-index:2}[data-theme=synthwave] .dashboard-header h1,[data-theme=synthwave] .panel-title{color:#fff;text-shadow:2px 2px #ff2bd6,0 0 12px #00f5ff}[data-theme=synthwave] .letters-input{background:#10002b;border-color:#9d4edd;border-bottom:3px solid #ff2bd6;color:#00f5ff;box-shadow:0 0 15px #ff2bd633}[data-theme=synthwave] .buddy-face{background:linear-gradient(#3c096c,#10002b);border-color:#00f5ff;box-shadow:0 0 18px #ff2bd6}[data-theme=synthwave] .buddy-message{color:#fff;background:#240046;border-color:#ff2bd6;box-shadow:0 0 15px #ff2bd659}[data-theme=synthwave] .style-option{border-color:#9d4edd;background:#10002b;color:#d8b4fe}[data-theme=synthwave] .style-option.active{border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 16px #ff2bd6}[data-theme=synthwave] .style-modal-close{color:#fff;border-color:#ff2bd6;background:#3c096c;box-shadow:0 0 12px #ff2bd6}[data-theme=glass] .dashboard-header{padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:#ffffff61;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px #fff,0 16px 40px #1e40af1a}[data-theme=glass] .dashboard-header h1,[data-theme=glass] .panel-title,[data-theme=glass] .recommendation-card h3{color:#16213b;text-shadow:none}[data-theme=glass] .panel-card,[data-theme=glass] .style-modal{color:#16213b;background:#ffffff7a;border:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.8);border-radius:26px;clip-path:none;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);box-shadow:inset 0 1px #fff,0 18px 45px #1e40af1f}[data-theme=glass] .letters-input{color:#16213b;background:#ffffff85;border:1px solid rgba(255,255,255,.9);border-bottom:2px solid #0a84ff;border-radius:16px;box-shadow:inset 0 1px #fff,0 8px 20px #2563eb17}[data-theme=glass] .buddy-face{background:#ffffffa8;border:1px solid #fff;box-shadow:inset 0 1px #fff,0 10px 24px #2563eb2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=glass] .buddy-face i{background:#0a84ff;box-shadow:0 0 8px #0a84ff80}[data-theme=glass] .buddy-message{color:#16213b;background:#ffffffbd;border:1px solid #fff;box-shadow:0 12px 30px #1e40af24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=glass] .style-option{color:#526077;background:#ffffff6b;border:1px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:inset 0 1px #fff,0 8px 18px #2563eb14}[data-theme=glass] .style-option.active{color:#007aff;background:#ffffffbf;border-color:#fff;box-shadow:inset 0 1px #fff,0 10px 24px #2563eb33}[data-theme=glass] .style-modal-close{color:#16213b;border:1px solid #fff;background:#ffffff94;box-shadow:inset 0 1px #fff,0 6px 16px #2563eb24}.header-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center}.home-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;padding:.5rem 1rem;color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:20px;background:#00f3ff0f;box-shadow:0 0 10px #00f3ff1f;font:700 .9rem var(--font-main);white-space:nowrap;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.home-btn:hover{color:#061018;background:var(--neon-cyan);box-shadow:0 0 16px var(--neon-cyan);transform:translateY(-2px)}.home-btn:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:3px}[data-theme=hi-tech] .home-btn{color:#0369a1;border:2px solid #0284c7;border-radius:6px;background:#fff;box-shadow:4px 4px #0284c72e}[data-theme=hi-tech] .home-btn:hover{color:#fff;background:#0284c7;box-shadow:6px 6px #0f172a29}[data-theme=steam] .home-btn{color:#fbbf24;border:2px solid #d97706;border-radius:3px;background:linear-gradient(180deg,#44403c,#1c1917);box-shadow:inset 0 1px #78716c,0 3px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .home-btn:hover{color:#1c1917;background:linear-gradient(180deg,#fbbf24,#d97706);box-shadow:inset 0 1px #fef3c7,0 5px #451a03}[data-theme=blush] .home-btn{color:#7650a8;border:2px solid rgba(141,101,197,.4);border-radius:10px;background:#fffafd;box-shadow:0 4px #8d65c526}[data-theme=blush] .home-btn:hover{color:#fff;border-color:#7650a8;background:#8d65c5;box-shadow:0 6px #68458f}[data-theme=brutalism] .home-btn{color:#111;border:4px solid #111;border-radius:0;background:#00e5ff;box-shadow:5px 5px #111;font-family:var(--font-display);font-weight:900;text-transform:uppercase}[data-theme=brutalism] .home-btn:hover{color:#111;background:#f5f000;box-shadow:8px 8px #111;transform:translate(-2px,-2px)}[data-theme=synthwave] .home-btn{color:#00f5ff;border:2px solid #00f5ff;border-radius:5px;background:#10002be6;box-shadow:0 0 13px #00f5ff59,inset 0 0 12px #ff2bd614;text-shadow:0 0 7px currentColor}[data-theme=synthwave] .home-btn:hover{color:#fff;border-color:#ff2bd6;background:linear-gradient(135deg,#3c096c,#6a00f4);box-shadow:0 0 22px #ff2bd6b8}[data-theme=glass] .home-btn{color:#1769e0;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:#ffffff85;box-shadow:inset 0 1px #fff,0 8px 22px #2563eb21;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}[data-theme=glass] .home-btn:hover{color:#fff;border-color:#ffffffbf;background:linear-gradient(135deg,#1684ff,#6759e8);box-shadow:inset 0 1px #ffffff80,0 12px 28px #2563eb40}@media(max-width:900px){.home-btn{width:100%;min-height:44px}.dashboard-header .home-btn,.dashboard-header .logout-btn{display:flex!important;visibility:visible}}@media(max-width:560px){.home-btn{min-height:46px;padding-inline:.65rem;font-size:.8rem}}@media(max-width:370px){.header-stats .home-btn{width:100%}}.dashboard-header .language-switcher select,.dashboard-header .home-btn,.dashboard-header .logout-btn{height:42px;min-height:42px;box-sizing:border-box}.dashboard-header .language-switcher select{padding-block:0!important}@media(max-width:900px){.dashboard-header .language-switcher select,.dashboard-header .home-btn,.dashboard-header .logout-btn{height:46px;min-height:46px}}[data-theme=glass] .dashboard-header .language-switcher select{color:#16213b!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important;background:#ffffff94!important;box-shadow:inset 0 1px #ffffffeb,0 8px 22px #2563eb21;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}[data-theme=glass] .dashboard-header .language-switcher select:hover,[data-theme=glass] .dashboard-header .language-switcher select:focus-visible{color:#075fc7!important;border-color:#5991f4a6!important;background:#ffffffd1!important;box-shadow:inset 0 1px #fff,0 0 0 3px #0a84ff2b,0 10px 24px #2563eb2e;outline:none}[data-theme=glass] .dashboard-header .language-switcher option{color:#16213b!important;background:#f8fbff!important}[data-theme=synthwave] .dashboard-header .language-switcher select{color-scheme:dark;color:#00f5ff!important;border:2px solid #ff2bd6!important;border-radius:5px!important;background:#160033!important;box-shadow:0 0 13px #ff2bd661,inset 0 0 12px #00f5ff0f}[data-theme=synthwave] .dashboard-header .language-switcher select:hover,[data-theme=synthwave] .dashboard-header .language-switcher select:focus-visible{border-color:#00f5ff!important;background:#240046!important;box-shadow:0 0 20px #00f5ff59,inset 0 0 14px #ff2bd61f;outline:none}[data-theme=synthwave] .dashboard-header .language-switcher option{color:#f6ecff!important;background:#240046!important}[data-theme=cyber] .dashboard-header .language-switcher option:checked{color:#001014!important;background:#00f3ff!important}[data-theme=hi-tech] .dashboard-header .language-switcher option:checked{color:#fff!important;background:#0284c7!important}[data-theme=steam] .dashboard-header .language-switcher option:checked{color:#1c1917!important;background:#f59e0b!important}[data-theme=blush] .dashboard-header .language-switcher option:checked{color:#fff!important;background:#8d65c5!important}[data-theme=brutalism] .dashboard-header .language-switcher option:checked{color:#111!important;background:#00e5ff!important}[data-theme=synthwave] .dashboard-header .language-switcher option:checked{color:#10002b!important;background:#00f5ff!important}[data-theme=glass] .dashboard-header .language-switcher option:checked{color:#fff!important;background:#1769e0!important}.style-preview.shadcn{color:#18181b;border:1px solid #d4d4d8;border-radius:6px;background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=shadcn] .dashboard-header{border-bottom-color:#e4e4e7}[data-theme=shadcn] .dashboard-header h1,[data-theme=shadcn] .panel-title,[data-theme=shadcn] .recommendation-card h3{color:#18181b;text-shadow:none}[data-theme=shadcn] .level-badge,[data-theme=shadcn] .stat-item,[data-theme=shadcn] .recommendation-card p,[data-theme=shadcn] .activity-desc{color:#71717a}[data-theme=shadcn] .stat-item svg,[data-theme=shadcn] .panel-title svg{color:#52525b}[data-theme=shadcn] .avatar-circle{background:#18181b;box-shadow:none}[data-theme=shadcn] .panel-card,[data-theme=shadcn] .style-modal{color:#18181b;border:1px solid #e4e4e7;border-left:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:0 1px 3px #00000014;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none}[data-theme=shadcn] .letters-input{color:#18181b;border:1px solid #d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .letters-input:focus{border-color:#18181b;box-shadow:0 0 0 3px #18181b1f}[data-theme=shadcn] .mission-meter{border-color:#e4e4e7;background:#f4f4f5}[data-theme=shadcn] .mission-label,[data-theme=shadcn] .mission-count{color:#3f3f46}[data-theme=shadcn] .mission-track{background:#e4e4e7}[data-theme=shadcn] .mission-track i{background:#18181b;box-shadow:none}[data-theme=shadcn] .buddy-face{border-color:#27272a;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001f}[data-theme=shadcn] .buddy-face i,[data-theme=shadcn] .buddy-antenna{background:#18181b;box-shadow:none}[data-theme=shadcn] .buddy-antenna:after{background:#71717a;box-shadow:none}[data-theme=shadcn] .buddy-message{color:#18181b;border-color:#d4d4d8;border-radius:8px;background:#fff;box-shadow:0 5px 16px #0000001f}[data-theme=shadcn] .style-option{color:#52525b;border-color:#e4e4e7;border-radius:7px;background:#fff}[data-theme=shadcn] .style-option:hover,[data-theme=shadcn] .style-option.active{color:#18181b;border-color:#18181b;background:#fafafa;box-shadow:0 1px 3px #00000014}[data-theme=shadcn] .style-modal-close{color:#52525b;border-color:#e4e4e7;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .style-modal-close:hover{color:#18181b;background:#f4f4f5}[data-theme] .style-modal.game-advice-video-modal{width:min(1100px,calc(100vw - 2rem));height:auto;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}[data-theme] .game-advice-video-modal .game-advice-content,[data-theme] .game-advice-video-modal .advice-video-grid,[data-theme] .game-advice-video-modal .advice-video-card{height:auto}[data-theme] .game-advice-video-modal .recommendation-video{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}[data-theme] .style-selection-modal,[data-theme] .style-selection-modal .style-grid{overflow:visible!important}@media(max-width:560px){[data-theme] .style-modal.game-advice-video-modal{width:calc(100vw - 1.5rem);height:min(calc(100dvh - 1.5rem),760px)}[data-theme] .game-advice-video-modal .game-advice-content,[data-theme] .game-advice-video-modal .advice-video-grid,[data-theme] .game-advice-video-modal .advice-video-card{height:100%}[data-theme] .game-advice-video-modal .recommendation-video{height:100%;aspect-ratio:auto}[data-theme] .game-advice-video-modal .advice-video-card>strong{display:none}}[data-theme=shadcn] .start-btn{color:#fff;border-color:#18181b;border-radius:6px;background:#18181b;box-shadow:none;animation:none}[data-theme=shadcn] .start-btn:hover:not(:disabled){color:#fff;background:#3f3f46;box-shadow:none;transform:translateY(-1px)}[data-theme=shadcn] .tutorial-btn,[data-theme=shadcn] .view-graphs-btn,[data-theme=shadcn] .platform-tour-btn{color:#18181b;border-color:#d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .tutorial-btn:hover,[data-theme=shadcn] .view-graphs-btn:hover,[data-theme=shadcn] .platform-tour-btn:hover{color:#18181b;background:#f4f4f5;box-shadow:none}[data-theme=shadcn] .home-btn{color:#18181b;border-color:#d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .home-btn:hover{color:#fff;border-color:#18181b;background:#18181b;box-shadow:none}[data-theme=shadcn] .logout-btn{color:#b91c1c;border-color:#fecaca;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .logout-btn:hover{color:#fff;border-color:#b91c1c;background:#b91c1c;box-shadow:none}[data-theme=shadcn] .dashboard-header .language-switcher select{color:#18181b!important;border:1px solid #d4d4d8!important;border-radius:6px!important;background:#fff!important;box-shadow:none}[data-theme=shadcn] .dashboard-header .language-switcher select:hover,[data-theme=shadcn] .dashboard-header .language-switcher select:focus-visible{border-color:#18181b!important;box-shadow:0 0 0 3px #18181b1f;outline:none}[data-theme=shadcn] .dashboard-header .language-switcher option{color:#18181b!important;background:#fff!important}[data-theme=shadcn] .dashboard-header .language-switcher option:checked{color:#fff!important;background:#18181b!important}[data-theme=shadcn] .tutorial-prompt{color:#18181b;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:0 12px 32px #00000024}[data-theme=shadcn] .tutorial-prompt h2{color:#18181b;text-shadow:none}[data-theme=shadcn] .tutorial-prompt p{color:#71717a}[data-theme=shadcn] .tour-prompt-robot{border-color:#27272a;border-radius:12px;background:#f4f4f5;box-shadow:none}[data-theme=shadcn] .tutorial-prompt .tutorial-btn{color:#fff;border-color:#18181b;border-radius:6px;background:#18181b;box-shadow:none}.character-picker-screen{position:fixed;z-index:10000;inset:0;box-sizing:border-box;color:#f1eee5;background:#171c1b;overflow:hidden;text-align:center;animation:character-picker-reveal .42s cubic-bezier(.2,.75,.2,1) both}.character-picker-screen:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:38%;pointer-events:none;background:linear-gradient(180deg,rgba(10,14,13,.88),rgba(10,14,13,.38) 62%,transparent)}.character-picker-heading{position:absolute;z-index:3;top:clamp(24px,5vh,58px);left:50%;width:min(720px,calc(100% - 40px));padding:18px 26px 20px;box-sizing:border-box;translate:-50% 0;color:#f1eee5;background:transparent;border:0;text-shadow:0 3px 22px rgba(0,0,0,.72);animation:character-picker-heading-in .55s .12s cubic-bezier(.2,.75,.2,1) both}.character-picker-eyebrow{color:#ff8f77;font:700 11px/1.2 monospace;letter-spacing:.18em}.character-picker-heading h2{max-width:650px;margin:14px auto 10px;color:#f1eee5;font:500 clamp(30px,4vw,54px)/1.02 Arial,sans-serif;letter-spacing:-.055em}.character-picker-heading p{margin:0 auto;color:#bcc5be;font-size:14px}.character-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:100%}.character-choice{position:relative;min-width:0;padding:0;overflow:hidden;color:#f1eee5;background:#202725;border:0;border-radius:0;cursor:pointer;transition:filter .3s ease}.personal-page>:is(.dashboard-header,.setup-intro,.dashboard-grid){position:relative;z-index:1}.character-choice:first-child{animation:character-choice-left-in .62s .05s cubic-bezier(.2,.75,.2,1) both}.character-choice:last-child{animation:character-choice-right-in .62s .05s cubic-bezier(.2,.75,.2,1) both}.character-choice:first-child{border-right:1px solid rgba(241,238,229,.2)}.character-choice:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000014 45%,#000000c7);transition:background .3s ease}.character-choice:hover{filter:saturate(1.08)}.character-choice:hover:after{background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.66) 100%)}.character-choice:focus-visible{z-index:4;outline:4px solid #ff8f77;outline-offset:-4px}.character-choice-image{position:absolute;inset:0;display:block;overflow:hidden;background:#202725}.character-choice-image img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.character-choice:hover img{transform:scale(1.045)}.character-choice strong{position:absolute;z-index:2;right:0;bottom:clamp(28px,6vh,70px);left:0;display:block;color:#f1eee5;font:600 clamp(22px,3vw,42px)/1 Arial,sans-serif;letter-spacing:-.04em;text-shadow:0 3px 18px rgba(0,0,0,.7)}.character-select-btn{width:100%;margin-top:12px}@keyframes character-picker-reveal{0%{opacity:0}to{opacity:1}}@keyframes character-picker-heading-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes character-choice-left-in{0%{opacity:0;transform:translate(-4%)}to{opacity:1;transform:translate(0)}}@keyframes character-choice-right-in{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.character-picker-screen,.character-picker-heading,.character-choice{animation:none}.selected-guide-card{transition:none}}@media(max-width:600px){.character-picker-heading{top:14px;padding:14px 16px 15px}.character-picker-heading h2{margin-block:8px 6px;font-size:27px}.character-picker-heading p{font-size:12px}.character-picker-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.character-choice:first-child{border-right:0;border-bottom:1px solid rgba(241,238,229,.2)}.character-choice strong{bottom:22px;font-size:24px}}.results-page{min-height:100vh;padding:2rem;background:var(--cyber-bg);color:var(--cyber-text);font-family:var(--font-main);transition:background-color .3s ease,color .3s ease}.results-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.results-header h1{font-family:var(--font-display);color:var(--cyber-text);margin:0;text-shadow:0 0 10px rgba(0,243,255,.3)}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--cyber-dim);color:var(--cyber-dim);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-display);transition:all .2s}.back-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f3ff0d}.header-tabs{display:flex;gap:1rem;background:var(--cyber-panel);padding:.25rem;border-radius:8px;border:1px solid var(--cyber-dim)}.tab-btn{background:transparent;border:none;color:var(--cyber-dim);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:var(--font-display);transition:all .2s}.tab-btn.active{background:var(--neon-cyan);color:var(--cyber-bg)}.tab-btn:hover:not(.active){color:var(--cyber-text);background:#ffffff0d}.card{background:var(--cyber-panel);border:1px solid var(--cyber-dim);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column}.results-grid{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;gap:1.5rem;max-width:1700px;margin:0 auto;align-items:start}.control-card{grid-column:1;grid-row:1;height:fit-content}.stats-card{grid-column:1;grid-row:2;height:fit-content}.scatter-card{grid-column:2;grid-row:1 / span 2;height:75vh}.control-card label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:1rem;color:var(--neon-cyan);font-family:var(--font-display)}.session-select{width:100%;padding:.75rem;background:var(--cyber-bg);border:1px solid var(--cyber-dim);border-radius:8px;color:var(--cyber-text);font-size:.9rem;font-family:var(--font-main);outline:none}.session-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #06b6d433}.progress-card{min-height:300px}.full-width{grid-column:1 / -1;grid-row:1;min-height:500px}.chart-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--cyber-dim);font-family:var(--font-display)}.chart-wrapper{position:relative;flex:1;width:100%;min-height:0}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cyber-dim);font-style:italic;font-family:var(--font-main)}.empty-history-page{display:grid;place-items:center}.empty-history-card{width:min(620px,calc(100vw - 2rem));padding:clamp(2rem,6vw,4rem);box-sizing:border-box;border:1px solid var(--neon-cyan);border-radius:18px;background:var(--cyber-panel);box-shadow:0 0 28px #00f3ff26;text-align:center}.empty-history-card p{margin:0 0 2rem;color:var(--cyber-text);font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.75rem);line-height:1.5}.empty-history-action{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.8rem 1.4rem;border:1px solid var(--neon-cyan);border-radius:9px;background:var(--neon-cyan);color:var(--cyber-bg);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.empty-history-action:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f3ff59}[data-theme=hi-tech] .empty-history-card{border-color:#0284c7;background:#fff;box-shadow:0 16px 40px #0f172a1f}[data-theme=hi-tech] .empty-history-action{border-color:#0284c7;background:#0284c7;color:#fff}[data-theme=steam] .empty-history-card{border:4px double #d97706;border-radius:3px;background:#292524;box-shadow:8px 10px #0c0a09}[data-theme=steam] .empty-history-action{border:2px solid #fbbf24;border-radius:2px;background:linear-gradient(#fff7d6,#d97706);color:#292524;box-shadow:4px 5px #0c0a09}[data-theme=blush] .empty-history-card{border-color:#8d65c559;background:#fffafb;box-shadow:0 16px 40px #533d751f}[data-theme=blush] .empty-history-action{border:0;border-radius:14px;background:linear-gradient(135deg,#ff8fab,#8d65c5);color:#fff;box-shadow:0 6px #68458f}[data-theme=hi-tech] .card{border-color:#cbd5e1;background:#fff}[data-theme=hi-tech] .results-header h1{text-shadow:none;color:var(--neon-blue)}[data-theme=steam] .results-header h1{text-shadow:2px 2px 0px #000}.stats-card{display:flex;flex-direction:column;gap:15px}.stats-card h3{margin:0;font-size:1.1rem;color:var(--neon-blue);border-bottom:1px solid var(--cyber-dim);padding-bottom:5px;font-family:var(--font-display)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.span-2{grid-column:span 2}.stat-item{display:flex;flex-direction:column;background:#ffffff08;padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.stat-item .label{font-size:.75rem;color:var(--cyber-dim);text-transform:uppercase;font-weight:600;margin-bottom:4px}.stat-item .value{font-size:1.1rem;font-weight:700;color:var(--cyber-text);font-family:var(--font-display)}[data-theme=hi-tech] .stat-item{background:#f1f5f9;border-color:#e2e8f0}[data-theme=steam] .stat-item{background:#0003;border-color:#444}@media(max-width:900px){.results-page{width:100%;min-width:0;padding:1rem;box-sizing:border-box;overflow-x:hidden}.results-header{display:grid;grid-template-columns:1fr;gap:.85rem;margin-bottom:1rem}.back-btn{width:fit-content;min-height:44px;justify-content:center;clip-path:none}.header-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.35rem;padding:.3rem;box-sizing:border-box}.tab-btn{min-width:0;min-height:46px;padding:.65rem .5rem;line-height:1.25;white-space:normal;clip-path:none}.results-grid{display:flex;flex-direction:column;width:100%;min-width:0;gap:1rem}.results-page .card{width:100%;min-width:0;padding:1.15rem;box-sizing:border-box}.control-card{order:1}.stats-card{order:2}.scatter-card{order:3;height:500px;min-height:500px}.full-width{min-height:500px;height:500px}.session-select{min-height:48px;font-size:1rem}.chart-wrapper{width:100%;min-width:0;overflow:hidden}.chart-wrapper canvas{max-width:100%!important}}@media(max-width:560px){.results-page{padding:.75rem}.results-header{margin-top:.25rem}.back-btn{width:100%}.header-tabs{border-radius:10px}.tab-btn{font-size:.78rem;letter-spacing:0}.results-page .card{padding:1rem;border-radius:10px}[data-theme=steam] .results-page .card{border-radius:3px}.control-card label{margin-bottom:.65rem;font-size:.9rem}.session-select{padding:.7rem;font-size:.88rem;text-overflow:ellipsis}.stats-card{gap:.75rem}.stats-card h3{font-size:1rem}.results-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.results-page .stat-item{min-width:0;padding:.7rem .55rem}.results-page .stat-item .label{font-size:.66rem;line-height:1.25;overflow-wrap:anywhere}.results-page .stat-item .value{font-size:.95rem;overflow-wrap:anywhere}.scatter-card,.full-width{height:430px;min-height:430px;padding:.6rem!important}.chart-header{margin:.35rem .35rem .65rem}.chart-header h2{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:.45rem}}@media(max-width:370px){.header-tabs,.results-page .stats-grid{grid-template-columns:1fr}.results-page .stat-item.span-2{grid-column:auto}.scatter-card,.full-width{height:400px;min-height:400px}}.subscribe-page{--neon-gold: #f59e0b;min-height:100vh;width:100vw;background-color:var(--cyber-bg);background-image:var(--theme-background-image);background-size:var(--theme-background-size);background-repeat:repeat;background-attachment:fixed;color:var(--cyber-text);font-family:var(--font-main);overflow-x:hidden}.subscribe-header{position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:.4rem 2rem;width:100%;box-sizing:border-box;background:var(--theme-header);border-bottom:1px solid rgba(0,243,255,.2);height:60px}.subscribe-header .logo{font-size:1.4rem;font-weight:900;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;line-height:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.subscribe-header .logo .logo-name{background:linear-gradient(90deg,#fff,var(--neon-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subscribe-header .logo .logo-tagline{font-family:var(--font-main);font-size:.55rem;font-weight:400;letter-spacing:3px;color:var(--cyber-dim);-webkit-text-fill-color:var(--cyber-dim);text-transform:uppercase}.subscribe-header .header-actions{display:flex;gap:.75rem;align-items:center}.subscribe-header .header-btn{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink);padding:.4rem 1rem;font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.subscribe-header .header-btn:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}.subscribe-header .header-btn.register-btn{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 5px #06b6d466}.subscribe-header .header-btn.register-btn:hover{background:var(--neon-cyan);color:#030712;box-shadow:0 0 20px var(--neon-cyan)}.subscribe-main{width:100%;padding:6rem 2rem 3rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.subscribe-hero{text-align:center;margin-bottom:3rem;animation:subFadeIn .8s ease-out;position:relative;max-width:800px}.subscribe-hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(ellipse,rgba(0,243,255,.08) 0%,rgba(139,92,246,.04) 40%,transparent 70%);z-index:-1;pointer-events:none}.subscribe-hero h1{font-size:4.5rem;font-family:var(--font-display);font-weight:900;margin-bottom:.5rem;line-height:1.1;color:#fff;text-shadow:0 0 30px rgba(0,243,255,.4);text-transform:uppercase;letter-spacing:4px}.subscribe-hero h1 .hero-accent{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}.subscribe-hero .hero-sub{font-size:1.15rem;color:var(--cyber-dim);max-width:600px;margin:1rem auto 2rem;font-weight:300;letter-spacing:.5px;line-height:1.6}.subscribe-hero .cta-btn{display:inline-block;padding:.9rem 2.5rem;font-size:1.1rem;font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.subscribe-hero .cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06b6d426,#8b5cf61a);opacity:0;transition:opacity .3s}.subscribe-hero .cta-btn:hover{box-shadow:0 0 30px #06b6d466,inset 0 0 20px #06b6d41a;border-color:#fff;color:#fff}.subscribe-hero .cta-btn:hover:before{opacity:1}.modules-section{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:subFadeIn 1s ease-out .2s both}.module-card{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.module-card .module-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,243,255,.3);background:#0f172a99;flex-shrink:0}.module-card .module-icon svg{color:var(--neon-cyan);filter:drop-shadow(0 0 6px var(--neon-cyan))}.module-card .module-text h3{font-size:1.1rem;color:#fff;margin:0 0 .15rem;font-weight:600}.module-card .module-text p{font-size:.85rem;color:var(--cyber-dim);margin:0}.plans-section{width:100%;max-width:1100px;margin-bottom:4rem;animation:subFadeIn 1s ease-out .4s both}.plans-section h2{text-align:center;font-size:2rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#fff;margin-bottom:2.5rem}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.plan-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);border-color:#00f3ff33;box-shadow:0 8px 40px #0000004d}.plan-card .plan-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--cyber-dim);margin-bottom:.5rem}.plan-card .plan-games{font-size:2.5rem;font-family:var(--font-display);font-weight:900;color:#fff;margin-bottom:.25rem}.plan-card .plan-games-unit{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:var(--cyber-dim)}.plan-card .plan-price{font-size:2.8rem;font-family:var(--font-display);font-weight:900;color:#fff;margin:1rem 0 .25rem}.plan-card .plan-price .currency{font-size:1.8rem;color:var(--cyber-dim);font-weight:400}.plan-card .plan-badge{display:inline-block;padding:.3rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:.75rem 0}.plan-card .plan-badge.free{border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.plan-card .plan-badge.duration{border:1px solid var(--neon-purple);color:var(--neon-purple)}.plan-card .plan-badge.locked{border:1px solid var(--neon-gold);color:var(--neon-gold)}.plan-card .plan-savings{font-size:.85rem;font-weight:600;color:var(--neon-purple);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.plan-card .plan-divider{width:60%;height:1px;background:#ffffff14;margin:1rem 0}.plan-card .plan-features{list-style:none;padding:0;margin:0 0 1.5rem;width:100%;flex-grow:1}.plan-card .plan-features li{font-size:.9rem;color:var(--cyber-text);padding:.35rem 0;display:flex;align-items:flex-start;gap:.6rem}.plan-card .plan-features li .check{color:var(--neon-cyan);flex-shrink:0;margin-top:2px}.plan-card .plan-action{width:100%;padding:.75rem;font-size:.95rem;font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;border-radius:6px;transition:all .3s ease;margin-top:auto}.plan-card .plan-action:hover{background:#06b6d426;box-shadow:0 0 20px #06b6d44d;color:#fff;border-color:#fff}.plan-card.featured{border-color:var(--neon-purple);box-shadow:0 0 30px #8b5cf626;background:#0f172ab3}.plan-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink))}.plan-card.featured .recommended-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--neon-purple);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:.25rem 1rem;border-radius:4px;box-shadow:0 0 15px #8b5cf680}.plan-card.featured .plan-action{border-color:var(--neon-purple);color:#fff;background:linear-gradient(135deg,#8b5cf64d,#d946ef33)}.plan-card.featured .plan-action:hover{background:linear-gradient(135deg,#8b5cf680,#d946ef59);box-shadow:0 0 25px #8b5cf666}.plan-card.locked{border-color:#f59e0b33;opacity:.85}.plan-card.locked .plan-games{background:linear-gradient(135deg,var(--neon-gold),#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-card.locked .plan-action{border-color:#f59e0b66;color:var(--cyber-dim);cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:.5rem}.plan-card.locked .plan-action:hover{background:transparent;box-shadow:none;color:var(--cyber-dim);border-color:#f59e0b66}.plan-card.locked .lock-icon{color:var(--neon-gold);filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.trust-section{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:subFadeIn 1s ease-out .6s both;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);width:100%;max-width:900px}.trust-item{display:flex;align-items:center;gap:.75rem}.trust-item .trust-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.3);background:#0f172a80;flex-shrink:0}.trust-item .trust-icon svg{color:var(--neon-purple);filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}.trust-item .trust-text h4{font-size:.95rem;color:#fff;margin:0 0 .1rem;font-weight:600}.trust-item .trust-text p{font-size:.8rem;color:var(--cyber-dim);margin:0}.subscribe-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}.subscribe-footer .footer-logo{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.subscribe-footer .footer-logo .accent{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan)}.subscribe-footer .footer-copy{font-size:.75rem;color:var(--cyber-dim)}@media(max-width:900px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.subscribe-hero h1{font-size:2.8rem}.modules-section,.trust-section{flex-direction:column;align-items:center}}@keyframes subFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=cyber] .subscribe-page .plan-card,[data-theme=cyber] .subscribe-page .module-icon,[data-theme=cyber] .subscribe-page .trust-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 22px #00f3ff09,0 14px 34px #0003}[data-theme=cyber] .subscribe-page .plan-card.featured{box-shadow:inset 0 0 30px #8b5cf614,0 0 34px #8b5cf633}[data-theme=hi-tech] .subscribe-header{color:#1e293b;border-bottom:1px solid #cbd5e1;background:#f8fafcf0;box-shadow:0 4px 18px #0f172a14}[data-theme=hi-tech] .subscribe-header .logo .logo-name{color:#075985;background:none;-webkit-text-fill-color:#075985}[data-theme=hi-tech] .subscribe-header .logo .logo-tagline{color:#64748b;-webkit-text-fill-color:#64748b}[data-theme=hi-tech] .subscribe-header .header-btn{color:#475569;border:1px solid #94a3b8;border-radius:4px;background:#fff;box-shadow:3px 3px #0f172a1a}[data-theme=hi-tech] .subscribe-header .header-btn:hover,[data-theme=hi-tech] .subscribe-header .header-btn.register-btn:hover{color:#fff;border-color:#0284c7;background:#0284c7;box-shadow:4px 4px #075985}[data-theme=hi-tech] .subscribe-header .header-btn.register-btn{color:#0369a1;border-color:#0284c7;box-shadow:3px 3px #0284c72e}[data-theme=hi-tech] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(2,132,199,.09),transparent 68%)}[data-theme=hi-tech] .subscribe-hero h1,[data-theme=hi-tech] .plans-section h2{color:#0f172a;text-shadow:none}[data-theme=hi-tech] .subscribe-hero h1 .hero-accent{color:#0284c7;background:none;-webkit-text-fill-color:#0284c7;filter:none}[data-theme=hi-tech] .subscribe-hero .hero-sub{color:#475569;font-weight:500}[data-theme=hi-tech] .subscribe-hero .cta-btn{color:#fff;border:0;border-radius:4px;background:#0284c7;box-shadow:0 5px #075985}[data-theme=hi-tech] .subscribe-hero .cta-btn:hover{color:#fff;border-color:transparent;background:#0369a1;box-shadow:0 7px #0c4a6e;transform:translateY(-2px)}[data-theme=hi-tech] .module-card{padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:4px;background:#fff;box-shadow:4px 4px #0f172a0f}[data-theme=hi-tech] .module-card .module-icon,[data-theme=hi-tech] .trust-item .trust-icon{border-color:#bae6fd;border-radius:6px;background:#f0f9ff}[data-theme=hi-tech] .module-card .module-icon svg,[data-theme=hi-tech] .trust-item .trust-icon svg{color:#0284c7;filter:none}[data-theme=hi-tech] .module-card .module-text h3,[data-theme=hi-tech] .trust-item .trust-text h4{color:#1e293b}[data-theme=hi-tech] .module-card .module-text p,[data-theme=hi-tech] .trust-item .trust-text p{color:#64748b}[data-theme=hi-tech] .plan-card{color:#1e293b;border:1px solid #cbd5e1;border-left:5px solid #0284c7;border-radius:4px;background:#fff;box-shadow:5px 6px #0f172a1a}[data-theme=hi-tech] .plan-card:hover{border-color:#0284c7;transform:translateY(-3px);box-shadow:7px 9px #0284c726}[data-theme=hi-tech] .plan-card.featured{border:2px solid #0284c7;background:#f8fcff;box-shadow:7px 9px #0284c72e}[data-theme=hi-tech] .plan-card.featured:before{background:#0284c7}[data-theme=hi-tech] .plan-card.featured .recommended-tag{border-radius:3px;background:#0284c7;box-shadow:3px 3px #075985}[data-theme=hi-tech] .plan-card .plan-label,[data-theme=hi-tech] .plan-card .plan-games-unit,[data-theme=hi-tech] .plan-card .plan-price .currency{color:#64748b}[data-theme=hi-tech] .plan-card .plan-games,[data-theme=hi-tech] .plan-card .plan-price{color:#0f172a}[data-theme=hi-tech] .plan-card .plan-features li{color:#334155}[data-theme=hi-tech] .plan-card .plan-divider{background:#e2e8f0}[data-theme=hi-tech] .plan-card .plan-action,[data-theme=hi-tech] .plan-card.featured .plan-action{color:#fff;border:0;border-radius:4px;background:#0284c7;box-shadow:0 4px #075985}[data-theme=hi-tech] .plan-card .plan-action:hover,[data-theme=hi-tech] .plan-card.featured .plan-action:hover{color:#fff;background:#0369a1;box-shadow:0 6px #0c4a6e}[data-theme=hi-tech] .plan-card.locked .plan-action{color:#64748b;border:1px solid #cbd5e1;background:#e2e8f0;box-shadow:none}[data-theme=hi-tech] .plans-section .legal-checkbox-container{color:#475569}[data-theme=hi-tech] .plans-section .legal-checkbox-container a{color:#0369a1}[data-theme=hi-tech] .trust-section,[data-theme=hi-tech] .subscribe-footer{border-color:#e2e8f0}[data-theme=steam] .subscribe-header{border-bottom:5px ridge #b45309;background:linear-gradient(180deg,#44403c,#1c1917);box-shadow:inset 0 -2px #0c0a09,0 6px #0c0a09b8;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=steam] .subscribe-header .logo .logo-name{color:#fde68a;background:none;-webkit-text-fill-color:#fde68a;text-shadow:2px 2px #451a03}[data-theme=steam] .subscribe-header .logo .logo-tagline{color:#d6d3d1;-webkit-text-fill-color:#d6d3d1}[data-theme=steam] .subscribe-header .header-btn{color:#fde68a;border:4px ridge #b45309;border-radius:2px;background:linear-gradient(#44403c,#1c1917);box-shadow:inset 0 0 0 1px #0c0a09,3px 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .subscribe-header .header-btn.register-btn{color:#fde68a;border-color:#d97706;box-shadow:inset 0 0 0 1px #0c0a09,3px 4px #0c0a09}[data-theme=steam] .subscribe-header .header-btn:hover,[data-theme=steam] .subscribe-header .header-btn.register-btn:hover{color:#292524;border-color:#fbbf24;background:linear-gradient(#fff7d6,#d97706);box-shadow:inset 0 0 0 1px #92400e,4px 5px #0c0a09}[data-theme=steam] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(217,119,6,.16),transparent 68%)}[data-theme=steam] .subscribe-hero h1,[data-theme=steam] .plans-section h2{color:#fde68a;text-shadow:2px 3px #451a03;font-family:Courier Prime,Courier New,monospace}[data-theme=steam] .subscribe-hero h1 .hero-accent{color:#f59e0b;background:none;-webkit-text-fill-color:#f59e0b;filter:drop-shadow(2px 3px #451a03)}[data-theme=steam] .subscribe-hero .hero-sub{color:#e7e5e4;text-shadow:1px 2px #0c0a09}[data-theme=steam] .subscribe-hero .cta-btn{color:#292524;border:5px ridge #d97706;border-radius:2px;background:linear-gradient(#fde68a,#d97706 65%,#92400e);box-shadow:inset 0 0 0 2px #92400e,6px 8px #0c0a09;font-family:Courier Prime,Courier New,monospace}[data-theme=steam] .subscribe-hero .cta-btn:hover{color:#1c1917;border-color:#f59e0b;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:inset 0 0 0 2px #b45309,8px 10px #0c0a09;transform:translateY(-2px)}[data-theme=steam] .module-card{padding:.85rem 1rem;border:4px ridge #78716c;border-left-color:#d97706;background:linear-gradient(145deg,#3f3a36,#1c1917);box-shadow:inset 0 0 0 2px #0c0a09,5px 6px #0c0a09ad}[data-theme=steam] .module-card .module-icon,[data-theme=steam] .trust-item .trust-icon{border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle,#57534e,#1c1917 70%);box-shadow:inset 0 0 0 2px #0c0a09}[data-theme=steam] .module-card .module-icon svg,[data-theme=steam] .trust-item .trust-icon svg{color:#f59e0b;filter:drop-shadow(1px 2px #451a03)}[data-theme=steam] .module-card .module-text h3,[data-theme=steam] .trust-item .trust-text h4{color:#fde68a;text-shadow:1px 2px #451a03}[data-theme=steam] .module-card .module-text p,[data-theme=steam] .trust-item .trust-text p{color:#d6d3d1}[data-theme=steam] .plan-card{border:5px ridge #78716c;border-left-color:#d97706;border-radius:3px;background:radial-gradient(circle at 12px 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(145deg,#3f3a36,#1c1917 72%);box-shadow:inset 0 0 0 3px #292524,8px 10px #0c0a09b3}[data-theme=steam] .plan-card:hover{transform:translateY(-3px);border-color:#d97706;box-shadow:inset 0 0 0 3px #292524,9px 12px #0c0a09bd}[data-theme=steam] .plan-card.featured{border-color:#f59e0b;background:linear-gradient(145deg,#4b4238,#211e1c);box-shadow:inset 0 0 0 3px #78350f,9px 12px #0c0a09}[data-theme=steam] .plan-card.featured:before{height:6px;background:repeating-linear-gradient(90deg,#fde68a 0 12px,#92400e 12px 18px)}[data-theme=steam] .plan-card.featured .recommended-tag{color:#292524;border:3px ridge #d97706;border-radius:2px;background:#fde68a;box-shadow:3px 4px #0c0a09}[data-theme=steam] .plan-card .plan-label,[data-theme=steam] .plan-card .plan-games-unit,[data-theme=steam] .plan-card .plan-price .currency{color:#d6d3d1}[data-theme=steam] .plan-card .plan-games,[data-theme=steam] .plan-card .plan-price{color:#fde68a;text-shadow:2px 3px #451a03}[data-theme=steam] .plan-card .plan-divider{height:3px;background:#78350f;border-top:1px solid #d97706}[data-theme=steam] .plan-card .plan-features li{color:#e7e5e4}[data-theme=steam] .plan-card .plan-features li .check{color:#f59e0b}[data-theme=steam] .plan-card .plan-action,[data-theme=steam] .plan-card.featured .plan-action{color:#292524;border:4px ridge #d97706;border-radius:2px;background:linear-gradient(#fde68a,#d97706);box-shadow:inset 0 0 0 1px #92400e,0 5px #451a03;font-family:Courier Prime,Courier New,monospace}[data-theme=steam] .plan-card .plan-action:hover,[data-theme=steam] .plan-card.featured .plan-action:hover{color:#1c1917;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:inset 0 0 0 1px #92400e,0 7px #451a03}[data-theme=steam] .plan-card.locked .plan-action{color:#a8a29e;border-color:#57534e;background:#292524;box-shadow:inset 0 4px 10px #0c0a09}[data-theme=steam] .plans-section .legal-checkbox-container{padding:1rem;color:#d6d3d1;border:3px inset #57534e;background:#171412}[data-theme=steam] .plans-section .legal-checkbox-container a{color:#fbbf24}[data-theme=steam] .plans-section .legal-checkbox-container input{accent-color:#d97706}[data-theme=steam] .trust-section{padding-inline:1rem;border:4px double #92400e;background:#1c1917b8}[data-theme=steam] .subscribe-footer{border-top:4px double #92400e}[data-theme=steam] .subscribe-footer .footer-logo{color:#fde68a;text-shadow:1px 2px #451a03}[data-theme=steam] .subscribe-footer .footer-logo .accent{color:#f59e0b;-webkit-text-fill-color:#f59e0b}[data-theme=blush] .subscribe-header{border-bottom:1px solid rgba(141,101,197,.18);background:#fffafbf0;box-shadow:0 5px 18px #533d7514}[data-theme=blush] .subscribe-header .logo .logo-name{color:#5a4775;background:none;-webkit-text-fill-color:#5a4775}[data-theme=blush] .subscribe-header .logo .logo-tagline{color:#766f86;-webkit-text-fill-color:#766f86}[data-theme=blush] .subscribe-header .header-btn{color:#7650a8;border:2px solid rgba(141,101,197,.38);border-radius:12px;background:#fff;box-shadow:0 4px #8d65c521}[data-theme=blush] .subscribe-header .header-btn.register-btn{color:#d94f77;border-color:#ff8fab;box-shadow:0 4px #ff8fab33}[data-theme=blush] .subscribe-header .header-btn:hover,[data-theme=blush] .subscribe-header .header-btn.register-btn:hover{color:#fff;border-color:#ff6f94;background:#ff8fab;box-shadow:0 6px #d85f80}[data-theme=blush] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(255,143,171,.18),rgba(47,155,124,.07) 45%,transparent 70%)}[data-theme=blush] .subscribe-hero h1,[data-theme=blush] .plans-section h2{color:#35294d;text-shadow:3px 4px 0 #ffd6e1}[data-theme=blush] .subscribe-hero h1 .hero-accent{color:#7650a8;background:none;-webkit-text-fill-color:#7650a8;filter:none}[data-theme=blush] .subscribe-hero .hero-sub{color:#5f566c;font-weight:500}[data-theme=blush] .subscribe-hero .cta-btn{color:#fff;border:0;border-radius:16px;background:linear-gradient(135deg,#ff8fab,#8d65c5);box-shadow:0 7px #68458f}[data-theme=blush] .subscribe-hero .cta-btn:hover{color:#fff;background:linear-gradient(135deg,#ff6f94,#7650a8);box-shadow:0 9px #68458f;transform:translateY(-2px)}[data-theme=blush] .module-card{padding:.9rem 1rem;border:1px solid rgba(83,61,117,.1);border-radius:16px;background:#ffffffdb;box-shadow:0 8px #533d7512}[data-theme=blush] .module-card .module-icon,[data-theme=blush] .trust-item .trust-icon{border-color:#ffb5c7;background:#fff0f4}[data-theme=blush] .module-card .module-icon svg,[data-theme=blush] .trust-item .trust-icon svg{color:#7650a8;filter:none}[data-theme=blush] .module-card .module-text h3,[data-theme=blush] .trust-item .trust-text h4{color:#35294d}[data-theme=blush] .module-card .module-text p,[data-theme=blush] .trust-item .trust-text p{color:#766f86}[data-theme=blush] .plan-card{color:#35294d;border:1px solid rgba(83,61,117,.12);border-left:5px solid #ff8fab;border-radius:8px;background:#ffffffe6;box-shadow:0 12px #533d7514}[data-theme=blush] .plan-card:hover{border-color:#ff8fab;transform:translateY(-3px);box-shadow:0 15px #ff8fab29}[data-theme=blush] .plan-card.featured{border:2px solid #8d65c5;background:#fffafd;box-shadow:0 14px #8d65c529}[data-theme=blush] .plan-card.featured:before{height:5px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#55d3e8,#9a8df0,#ff8fab)}[data-theme=blush] .plan-card.featured .recommended-tag{border-radius:12px;background:#8d65c5;box-shadow:0 5px #68458f}[data-theme=blush] .plan-card .plan-label,[data-theme=blush] .plan-card .plan-games-unit,[data-theme=blush] .plan-card .plan-price .currency{color:#766f86}[data-theme=blush] .plan-card .plan-games,[data-theme=blush] .plan-card .plan-price{color:#35294d}[data-theme=blush] .plan-card .plan-features li{color:#514663}[data-theme=blush] .plan-card .plan-divider{background:#eadff0}[data-theme=blush] .plan-card .plan-action,[data-theme=blush] .plan-card.featured .plan-action{color:#fff;border:0;border-radius:12px;background:#2f9b7c;box-shadow:0 5px #236f5a}[data-theme=blush] .plan-card .plan-action:hover,[data-theme=blush] .plan-card.featured .plan-action:hover{color:#fff;background:#287f68;box-shadow:0 7px #1f5e4d}[data-theme=blush] .plan-card.locked .plan-action{color:#766f86;border:1px solid #e8dff0;background:#f3edf6;box-shadow:none}[data-theme=blush] .plans-section .legal-checkbox-container{padding:1rem;color:#5f566c;border:1px solid rgba(141,101,197,.14);border-radius:12px;background:#ffffffb8}[data-theme=blush] .plans-section .legal-checkbox-container a{color:#7650a8}[data-theme=blush] .plans-section .legal-checkbox-container input{accent-color:#ff8fab}[data-theme=blush] .trust-section,[data-theme=blush] .subscribe-footer{border-color:#533d751a}[data-theme=blush] .subscribe-footer .footer-logo{color:#35294d}[data-theme=blush] .subscribe-footer .footer-logo .accent{color:#7650a8;-webkit-text-fill-color:#7650a8}@media(max-width:600px){.subscribe-main,.subscribe-header{padding-inline:1rem}.subscribe-header .logo .logo-tagline{display:none}.subscribe-header .header-btn{padding-inline:.65rem;font-size:.75rem}.subscribe-hero h1{font-size:2.25rem;letter-spacing:1px}.module-card{width:min(100%,360px);box-sizing:border-box}[data-theme=steam] .plan-card{border-width:4px;box-shadow:inset 0 0 0 2px #292524,5px 7px #0c0a09b3}}[data-theme=shadcn] .subscribe-page{width:100%;max-width:100%;color:#18181b;background:#fafafa}[data-theme=shadcn] .subscribe-header{border-bottom:1px solid #e4e4e7;background:#ffffffe6;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=shadcn] .subscribe-header .logo .logo-name,[data-theme=shadcn] .subscribe-footer .footer-logo{color:#18181b;background:none;-webkit-text-fill-color:#18181b}[data-theme=shadcn] .subscribe-header .logo .logo-tagline,[data-theme=shadcn] .subscribe-footer .footer-copy{color:#71717a;-webkit-text-fill-color:#71717a}[data-theme=shadcn] .subscribe-header .header-btn{color:#18181b;border:1px solid #d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .subscribe-header .header-btn.register-btn,[data-theme=shadcn] .subscribe-header .header-btn:hover{color:#fff;border-color:#18181b;background:#18181b;box-shadow:none}[data-theme=shadcn] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(24,24,27,.06),transparent 70%)}[data-theme=shadcn] .subscribe-hero h1,[data-theme=shadcn] .plans-section h2{color:#18181b;text-shadow:none}[data-theme=shadcn] .subscribe-hero h1 .hero-accent{color:#52525b;background:none;-webkit-text-fill-color:#52525b;filter:none}[data-theme=shadcn] .subscribe-hero .hero-sub{color:#71717a}[data-theme=shadcn] .subscribe-hero .cta-btn,[data-theme=shadcn] .plan-card .plan-action,[data-theme=shadcn] .plan-card.featured .plan-action{color:#fff;border:1px solid #18181b;border-radius:6px;background:#18181b;box-shadow:none}[data-theme=shadcn] .subscribe-hero .cta-btn:hover,[data-theme=shadcn] .plan-card .plan-action:hover{color:#fff;background:#3f3f46;box-shadow:none;transform:translateY(-1px)}[data-theme=shadcn] .module-card,[data-theme=shadcn] .trust-item{border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:none}[data-theme=shadcn] .module-card .module-icon,[data-theme=shadcn] .trust-item .trust-icon{border-color:#e4e4e7;border-radius:8px;background:#f4f4f5}[data-theme=shadcn] .module-card .module-icon svg,[data-theme=shadcn] .trust-item .trust-icon svg{color:#3f3f46;filter:none}[data-theme=shadcn] .module-card h3,[data-theme=shadcn] .trust-item h4,[data-theme=shadcn] .plan-card .plan-games,[data-theme=shadcn] .plan-card .plan-price{color:#18181b}[data-theme=shadcn] .module-card p,[data-theme=shadcn] .trust-item p,[data-theme=shadcn] .plan-card .plan-label,[data-theme=shadcn] .plan-card .plan-games-unit,[data-theme=shadcn] .plan-card .plan-price .currency,[data-theme=shadcn] .plan-card .plan-features li{color:#71717a}[data-theme=shadcn] .plan-card{color:#18181b;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:none}[data-theme=shadcn] .plan-card:hover{border-color:#a1a1aa;box-shadow:0 8px 20px #0000000f;transform:translateY(-3px)}[data-theme=shadcn] .plan-card.featured{border:1px solid #18181b;background:#fff;box-shadow:0 8px 22px #00000014}[data-theme=shadcn] .plan-card.featured:before{height:3px;border-radius:10px 10px 0 0;background:#18181b}[data-theme=shadcn] .plan-card.featured .recommended-tag{border-radius:999px;background:#18181b;box-shadow:none}[data-theme=shadcn] .plan-card .plan-divider{background:#e4e4e7}[data-theme=shadcn] .plan-card .plan-badge{color:#3f3f46;border:1px solid #d4d4d8;border-radius:999px;background:#f4f4f5}[data-theme=shadcn] .plan-card.locked{opacity:.7}[data-theme=shadcn] .plan-card.locked .plan-action{color:#71717a;border-color:#e4e4e7;background:#f4f4f5}[data-theme=shadcn] .plans-section .legal-checkbox-container{color:#52525b;border:1px solid #e4e4e7;border-radius:8px;background:#fff;box-shadow:none}[data-theme=shadcn] .plans-section .legal-checkbox-container a{color:#18181b}[data-theme=shadcn] .plans-section .legal-checkbox-container input{accent-color:#18181b}[data-theme=shadcn] .trust-section,[data-theme=shadcn] .subscribe-footer{border-color:#e4e4e7}[data-theme=shadcn] .subscribe-footer{background:#fff}[data-theme=shadcn] .subscribe-footer .footer-logo .accent{color:#18181b;-webkit-text-fill-color:#18181b}[data-theme=brutalism] .subscribe-page{width:100%;max-width:100%;color:#111}[data-theme=brutalism] .subscribe-header{border-bottom:5px solid #111;background:#ff5c35;box-shadow:0 7px #111}[data-theme=brutalism] .subscribe-header .logo .logo-name,[data-theme=brutalism] .subscribe-header .logo .logo-tagline{color:#111;background:none;-webkit-text-fill-color:#111;text-shadow:none}[data-theme=brutalism] .subscribe-header .header-btn{color:#111;border:3px solid #111;border-radius:0;background:#fffdf2;box-shadow:5px 5px #111}[data-theme=brutalism] .subscribe-header .header-btn.register-btn{color:#111;border-color:#111;background:#08d9ff}[data-theme=brutalism] .subscribe-header .header-btn:hover{color:#111;border-color:#111;background:#fff200;box-shadow:2px 2px #111;transform:translate(3px,3px)}[data-theme=brutalism] .subscribe-hero{max-width:1120px;margin-inline:auto;padding:3rem 2rem;border:5px solid #111;background:#fffdf2;box-shadow:12px 12px #111}[data-theme=brutalism] .subscribe-hero:after{display:none}[data-theme=brutalism] .subscribe-hero h1,[data-theme=brutalism] .plans-section h2{color:#111;text-shadow:none}[data-theme=brutalism] .subscribe-hero h1 .hero-accent{color:#086cff;background:none;-webkit-text-fill-color:#086cff;filter:none}[data-theme=brutalism] .subscribe-hero .hero-sub{color:#111;font-weight:700}[data-theme=brutalism] .subscribe-hero .cta-btn{color:#111;border:4px solid #111;border-radius:0;background:#fff200;box-shadow:7px 7px #111}[data-theme=brutalism] .subscribe-hero .cta-btn:hover{color:#fff;background:#086cff;box-shadow:3px 3px #111;transform:translate(4px,4px)}[data-theme=brutalism] .module-card,[data-theme=brutalism] .trust-item{color:#111;border:3px solid #111;border-radius:0;background:#fffdf2;box-shadow:6px 6px #111}[data-theme=brutalism] .module-card .module-icon,[data-theme=brutalism] .trust-item .trust-icon{border:3px solid #111;border-radius:0;background:#ff4fa3}[data-theme=brutalism] .module-card .module-icon svg,[data-theme=brutalism] .trust-item .trust-icon svg,[data-theme=brutalism] .module-card h3,[data-theme=brutalism] .module-card p,[data-theme=brutalism] .trust-item h4,[data-theme=brutalism] .trust-item p{color:#111;filter:none}[data-theme=brutalism] .plan-card{color:#111;border:4px solid #111;border-radius:0;background:#fffdf2;box-shadow:8px 8px #111}[data-theme=brutalism] .plan-card:hover{border-color:#111;box-shadow:4px 4px #111;transform:translate(4px,4px)}[data-theme=brutalism] .plan-card.featured{border-color:#111;background:#08d9ff;box-shadow:10px 10px #111}[data-theme=brutalism] .plan-card.featured:before{height:10px;border-radius:0;background:#ff4fa3}[data-theme=brutalism] .plan-card.featured .recommended-tag{color:#111;border:3px solid #111;border-radius:0;background:#fff200;box-shadow:4px 4px #111}[data-theme=brutalism] .plan-card .plan-label,[data-theme=brutalism] .plan-card .plan-games-unit,[data-theme=brutalism] .plan-card .plan-price .currency,[data-theme=brutalism] .plan-card .plan-games,[data-theme=brutalism] .plan-card .plan-price,[data-theme=brutalism] .plan-card .plan-features li{color:#111}[data-theme=brutalism] .plan-card .plan-divider{height:3px;background:#111}[data-theme=brutalism] .plan-card .plan-badge{color:#111;border:2px solid #111;border-radius:0;background:#fff200}[data-theme=brutalism] .plan-card .plan-action,[data-theme=brutalism] .plan-card.featured .plan-action{color:#fff;border:3px solid #111;border-radius:0;background:#086cff;box-shadow:5px 5px #111}[data-theme=brutalism] .plan-card .plan-action:hover{color:#111;background:#ff4fa3;box-shadow:2px 2px #111;transform:translate(3px,3px)}[data-theme=brutalism] .plan-card.locked{opacity:1;background:#d7d7d7}[data-theme=brutalism] .plan-card.locked .plan-action{color:#555;border-color:#111;background:#aaa;box-shadow:none}[data-theme=brutalism] .plans-section .legal-checkbox-container{color:#111;border:3px solid #111;border-radius:0;background:#fffdf2;box-shadow:5px 5px #111}[data-theme=brutalism] .plans-section .legal-checkbox-container a{color:#004fc5}[data-theme=brutalism] .plans-section .legal-checkbox-container input{accent-color:#086cff}[data-theme=brutalism] .trust-section{border-color:#111}[data-theme=brutalism] .subscribe-footer{color:#111;border-top:5px solid #111;background:#ff5c35}[data-theme=brutalism] .subscribe-footer .footer-logo,[data-theme=brutalism] .subscribe-footer .footer-copy{color:#111}[data-theme=brutalism] .subscribe-footer .footer-logo .accent{color:#111;-webkit-text-fill-color:#111}[data-theme=synthwave] .subscribe-page{width:100%;max-width:100%;color:#f8efff}[data-theme=synthwave] .subscribe-header{border-bottom:1px solid #ff3cac;background:#11052ad6;box-shadow:0 5px 24px #ff3cac59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme=synthwave] .subscribe-header .logo .logo-name,[data-theme=synthwave] .subscribe-footer .footer-logo{color:#fff;background:linear-gradient(90deg,#00f5ff,#ff3cac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,60,172,.6))}[data-theme=synthwave] .subscribe-header .logo .logo-tagline{color:#cdb9ff;-webkit-text-fill-color:#cdb9ff}[data-theme=synthwave] .subscribe-header .header-btn{color:#00f5ff;border:1px solid #00f5ff;border-radius:4px;background:#130730b8;box-shadow:0 0 12px #00f5ff47,inset 0 0 10px #00f5ff14}[data-theme=synthwave] .subscribe-header .header-btn.register-btn{color:#ff79c9;border-color:#ff3cac}[data-theme=synthwave] .subscribe-header .header-btn:hover{color:#fff;background:linear-gradient(135deg,#7137ff,#ff3cac);box-shadow:0 0 22px #ff3caca6}[data-theme=synthwave] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(255,60,172,.24),rgba(0,245,255,.1) 45%,transparent 72%)}[data-theme=synthwave] .subscribe-hero h1,[data-theme=synthwave] .plans-section h2{color:#fff;text-shadow:0 0 10px rgba(0,245,255,.65),0 0 24px rgba(255,60,172,.55)}[data-theme=synthwave] .subscribe-hero h1 .hero-accent{background:linear-gradient(90deg,#00f5ff,#ff3cac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px rgba(255,60,172,.65))}[data-theme=synthwave] .subscribe-hero .hero-sub{color:#d9c9f5}[data-theme=synthwave] .subscribe-hero .cta-btn{color:#fff;border:1px solid #00f5ff;border-radius:5px;background:linear-gradient(135deg,#6d2cff,#ff2fa7);box-shadow:0 0 18px #ff2fa799,0 0 30px #00f5ff33}[data-theme=synthwave] .subscribe-hero .cta-btn:hover{color:#fff;box-shadow:0 0 30px #ff2fa7d9,0 0 45px #00f5ff59;transform:translateY(-3px) scale(1.02)}[data-theme=synthwave] .module-card,[data-theme=synthwave] .trust-item{border:1px solid rgba(0,245,255,.48);border-radius:8px;background:linear-gradient(145deg,#230c48e6,#0e0527eb);box-shadow:0 0 18px #00f5ff21,inset 0 0 24px #ff3cac0f}[data-theme=synthwave] .module-card .module-icon,[data-theme=synthwave] .trust-item .trust-icon{border-color:#ff3cac;background:#ff3cac1f;box-shadow:0 0 14px #ff3cac61}[data-theme=synthwave] .module-card .module-icon svg,[data-theme=synthwave] .trust-item .trust-icon svg{color:#00f5ff;filter:drop-shadow(0 0 6px #00f5ff)}[data-theme=synthwave] .module-card h3,[data-theme=synthwave] .trust-item h4{color:#fff}[data-theme=synthwave] .module-card p,[data-theme=synthwave] .trust-item p{color:#cdb9e8}[data-theme=synthwave] .plan-card{color:#f8efff;border:1px solid #7a52cc;border-radius:9px;background:linear-gradient(155deg,#250d4df5,#0d0523f7);box-shadow:0 12px 34px #0500198c,0 0 18px #7137ff33}[data-theme=synthwave] .plan-card:hover{border-color:#00f5ff;box-shadow:0 0 25px #00f5ff52,0 0 34px #ff3cac38;transform:translateY(-6px)}[data-theme=synthwave] .plan-card.featured{border:2px solid #ff3cac;background:linear-gradient(155deg,#4b1475fa,#140637fa);box-shadow:0 0 26px #ff3cac66,0 0 42px #00f5ff29}[data-theme=synthwave] .plan-card.featured:before{background:linear-gradient(90deg,#00f5ff,#7137ff,#ff3cac)}[data-theme=synthwave] .plan-card.featured .recommended-tag{background:linear-gradient(90deg,#7137ff,#ff3cac);box-shadow:0 0 14px #ff3cacb3}[data-theme=synthwave] .plan-card .plan-label,[data-theme=synthwave] .plan-card .plan-games-unit,[data-theme=synthwave] .plan-card .plan-price .currency{color:#cdb9e8}[data-theme=synthwave] .plan-card .plan-games,[data-theme=synthwave] .plan-card .plan-price{color:#fff;text-shadow:0 0 10px rgba(0,245,255,.35)}[data-theme=synthwave] .plan-card .plan-features li{color:#e9ddfb}[data-theme=synthwave] .plan-card .plan-divider{background:linear-gradient(90deg,transparent,#ff3cac,#00f5ff,transparent)}[data-theme=synthwave] .plan-card .plan-badge{color:#00f5ff;border:1px solid currentColor;background:#00f5ff14}[data-theme=synthwave] .plan-card .plan-action,[data-theme=synthwave] .plan-card.featured .plan-action{color:#fff;border:1px solid #00f5ff;border-radius:5px;background:linear-gradient(135deg,#7137ff,#ff3cac);box-shadow:0 0 15px #ff3cac7a}[data-theme=synthwave] .plan-card .plan-action:hover{box-shadow:0 0 25px #ff3cacbf}[data-theme=synthwave] .plan-card.locked{opacity:.72}[data-theme=synthwave] .plan-card.locked .plan-action{color:#82759c;border-color:#55436f;background:#20152f;box-shadow:none}[data-theme=synthwave] .plans-section .legal-checkbox-container{color:#d9c9f5;border:1px solid rgba(0,245,255,.36);border-radius:7px;background:#130730c7;box-shadow:0 0 18px #00f5ff1a}[data-theme=synthwave] .plans-section .legal-checkbox-container a{color:#00f5ff}[data-theme=synthwave] .plans-section .legal-checkbox-container input{accent-color:#ff3cac}[data-theme=synthwave] .trust-section,[data-theme=synthwave] .subscribe-footer{border-color:#ff3cac52}[data-theme=synthwave] .subscribe-footer{background:#0c041fad}[data-theme=synthwave] .subscribe-footer .footer-copy{color:#bcaad8}[data-theme=synthwave] .subscribe-footer .footer-logo .accent{color:#ff3cac}[data-theme=glass] .subscribe-page{width:100%;max-width:100%;color:#172033}[data-theme=glass] .subscribe-header{border-bottom:1px solid rgba(255,255,255,.68);background:#f7faff94;box-shadow:0 8px 28px #22385f1a;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}[data-theme=glass] .subscribe-header .logo .logo-name,[data-theme=glass] .subscribe-footer .footer-logo{color:#172033;background:none;-webkit-text-fill-color:#172033;filter:none}[data-theme=glass] .subscribe-header .logo .logo-tagline{color:#65718a;-webkit-text-fill-color:#65718a}[data-theme=glass] .subscribe-header .header-btn{color:#1769e0;border:1px solid rgba(23,105,224,.22);border-radius:999px;background:#ffffff8f;box-shadow:0 7px 20px #29497a1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme=glass] .subscribe-header .header-btn.register-btn{color:#fff;border-color:transparent;background:linear-gradient(135deg,#1684ff,#6c5ce7)}[data-theme=glass] .subscribe-header .header-btn:hover{color:#fff;border-color:transparent;background:#1478ed;box-shadow:0 10px 24px #1478ed40;transform:translateY(-2px)}[data-theme=glass] .subscribe-hero:after{background:radial-gradient(ellipse,rgba(80,155,255,.2),rgba(174,120,255,.12) 46%,transparent 72%)}[data-theme=glass] .subscribe-hero h1,[data-theme=glass] .plans-section h2{color:#172033;letter-spacing:-.025em;text-shadow:none}[data-theme=glass] .subscribe-hero h1 .hero-accent{background:linear-gradient(90deg,#087eff,#7057e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none}[data-theme=glass] .subscribe-hero .hero-sub{color:#5c6880}[data-theme=glass] .subscribe-hero .cta-btn{color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:linear-gradient(135deg,#1684ff,#6759e8);box-shadow:0 12px 28px #3469d245,inset 0 1px #ffffff73}[data-theme=glass] .subscribe-hero .cta-btn:hover{color:#fff;box-shadow:0 16px 34px #3469d257;transform:translateY(-3px)}[data-theme=glass] .module-card,[data-theme=glass] .trust-item{border:1px solid rgba(255,255,255,.76);border-radius:22px;background:#ffffff7a;box-shadow:0 16px 40px #28426c1c,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}[data-theme=glass] .module-card .module-icon,[data-theme=glass] .trust-item .trust-icon{border:1px solid rgba(255,255,255,.8);border-radius:16px;background:#ffffffa8;box-shadow:0 8px 22px #2d4e801a}[data-theme=glass] .module-card .module-icon svg,[data-theme=glass] .trust-item .trust-icon svg{color:#1769e0;filter:none}[data-theme=glass] .module-card h3,[data-theme=glass] .trust-item h4{color:#172033}[data-theme=glass] .module-card p,[data-theme=glass] .trust-item p{color:#65718a}[data-theme=glass] .plan-card{color:#172033;border:1px solid rgba(255,255,255,.82);border-radius:26px;background:#ffffff85;box-shadow:0 22px 48px #27406921,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}[data-theme=glass] .plan-card:hover{border-color:#4b89eb6b;box-shadow:0 26px 56px #27559e2e;transform:translateY(-6px)}[data-theme=glass] .plan-card.featured{border:1px solid rgba(35,119,239,.5);background:#f4f9ffb8;box-shadow:0 26px 58px #2667cf33,inset 0 1px #fff}[data-theme=glass] .plan-card.featured:before{height:5px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#20a4ff,#6c5ce7)}[data-theme=glass] .plan-card.featured .recommended-tag{border-radius:999px;background:linear-gradient(135deg,#1684ff,#6759e8);box-shadow:0 8px 20px #3469d240}[data-theme=glass] .plan-card .plan-label,[data-theme=glass] .plan-card .plan-games-unit,[data-theme=glass] .plan-card .plan-price .currency{color:#65718a}[data-theme=glass] .plan-card .plan-games,[data-theme=glass] .plan-card .plan-price{color:#172033}[data-theme=glass] .plan-card .plan-features li{color:#445069}[data-theme=glass] .plan-card .plan-divider{background:#53698f2e}[data-theme=glass] .plan-card .plan-badge{color:#1769e0;border:1px solid rgba(23,105,224,.18);border-radius:999px;background:#e5f1ffc7}[data-theme=glass] .plan-card .plan-action,[data-theme=glass] .plan-card.featured .plan-action{color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(135deg,#1684ff,#6759e8);box-shadow:0 10px 23px #3469d23b,inset 0 1px #fff6}[data-theme=glass] .plan-card .plan-action:hover{box-shadow:0 14px 28px #3469d252;transform:translateY(-2px)}[data-theme=glass] .plan-card.locked{opacity:.78}[data-theme=glass] .plan-card.locked .plan-action{color:#7f899c;border-color:#ffffffb3;background:#e0e5efb8;box-shadow:none}[data-theme=glass] .plans-section .legal-checkbox-container{color:#526078;border:1px solid rgba(255,255,255,.74);border-radius:18px;background:#ffffff75;box-shadow:0 12px 30px #28426c17;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=glass] .plans-section .legal-checkbox-container a{color:#1769e0}[data-theme=glass] .plans-section .legal-checkbox-container input{accent-color:#1769e0}[data-theme=glass] .trust-section,[data-theme=glass] .subscribe-footer{border-color:#4c628724}[data-theme=glass] .subscribe-footer{background:#ffffff40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=glass] .subscribe-footer .footer-copy{color:#65718a}[data-theme=glass] .subscribe-footer .footer-logo .accent{color:#1769e0;-webkit-text-fill-color:#1769e0}@media(max-width:600px){[data-theme=brutalism] .subscribe-hero{padding:2.25rem 1rem;border-width:4px;box-shadow:7px 7px #111}[data-theme=brutalism] .plan-card{box-shadow:6px 6px #111}[data-theme=synthwave] .plan-card,[data-theme=glass] .plan-card{border-radius:20px}}.tutorial-page{min-height:100vh;width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;padding:2rem;box-sizing:border-box}.tutorial-container{max-width:1000px;width:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--neon-cyan);padding:3rem;position:relative;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);box-shadow:0 0 30px #00f3ff26;color:var(--cyber-text)}.tutorial-container:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan)}.tutorial-container:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan)}.tutorial-header{text-align:center;margin-bottom:3rem}.tutorial-icon{color:var(--neon-cyan);margin-bottom:1rem;filter:drop-shadow(0 0 8px var(--neon-cyan))}.tutorial-header h1{font-size:3rem;margin:0;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.subtitle{color:var(--neon-purple);font-family:Rajdhani,sans-serif;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.instruction-list{list-style:none;padding:0;margin:0}.instruction-list li{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.mechanics-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mechanics-list li{background:#00f3ff08;border:1px solid rgba(0,243,255,.15);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 20px #00000026}.bullet{align-self:flex-start;background:#00f3ff1a;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.2rem .5rem;font-family:Orbitron,monospace;font-weight:700;font-size:.9rem;min-width:2.5rem;text-align:center;border-radius:4px}.instruction-list p{margin:0;font-size:1.1rem;line-height:1.6;color:#e2e8f0}.tutorial-section{margin-bottom:2.5rem}.tutorial-content{display:flex;flex-direction:column;gap:1rem}.tutorial-section h2{color:var(--neon-cyan);font-size:1.8rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,243,255,.2);padding-bottom:.5rem}.tutorial-section p{font-size:1.1rem;line-height:1.6;color:#e2e8f0;margin-bottom:1rem}.mechanics-list h3{margin:0 0 .5rem;font-size:1.3rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3)}.action-text{margin-top:.5rem!important;color:var(--neon-purple)!important;font-style:italic;background:#d946ef1a;padding:.5rem;border-left:3px solid var(--neon-purple)}.challenge-list{list-style-type:none;padding-left:0;color:#e2e8f0;font-size:1.1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.challenge-list li{margin-bottom:0;background:#00f3ff08;padding:1rem 1.5rem;border-left:3px solid var(--neon-blue);border-radius:0 8px 8px 0}.challenge-list strong{color:var(--neon-blue)}.tutorial-footer{margin-top:3rem;display:flex;justify-content:center}.back-btn{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.8rem 2rem;font-size:1rem;font-family:Orbitron,monospace;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s;text-transform:uppercase}.back-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}[data-theme=hi-tech] .tutorial-container{background:#f8fafc;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b;clip-path:none;border-radius:8px}[data-theme=hi-tech] .tutorial-container:before,[data-theme=hi-tech] .tutorial-container:after{display:none}[data-theme=hi-tech] .tutorial-header h1{color:var(--neon-blue);text-shadow:none}[data-theme=hi-tech] .subtitle{color:var(--cyber-text)}[data-theme=hi-tech] .tutorial-icon{color:var(--neon-blue);filter:none}[data-theme=hi-tech] .bullet{background:transparent;color:var(--neon-blue);border-color:var(--neon-blue);border-radius:4px}[data-theme=hi-tech] .instruction-list p{color:#334155}[data-theme=hi-tech] .back-btn{color:var(--neon-blue);border-color:var(--neon-blue);border-radius:4px}[data-theme=hi-tech] .back-btn:hover{background:#0ea5e90d;color:var(--neon-blue);box-shadow:none}.tutorial-section,.mechanics-list li,.challenge-list li{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mechanics-list li:hover{transform:translateY(-6px);border-color:var(--neon-cyan);box-shadow:0 14px 30px #0003}.mechanics-list li:hover .bullet{transform:rotate(-5deg) scale(1.08)}.bullet{transition:transform .25s ease,box-shadow .25s ease}.challenge-list li:hover{transform:translate(6px);border-left-width:7px}.tutorial-section strong{color:var(--neon-blue)}[data-theme=cyber] .tutorial-page{background-image:radial-gradient(circle at 50% 12%,rgba(139,92,246,.14),transparent 42%)}[data-theme=cyber] .tutorial-container{background:linear-gradient(145deg,#0f172af0,#030712ed);box-shadow:0 0 0 1px #d946ef14,0 0 38px #00f3ff29,0 30px 70px #00000059}.tutorial-status{display:inline-block;margin-top:.7rem;padding:.3rem .65rem;color:var(--neon-cyan);border:1px solid color-mix(in srgb,var(--neon-cyan) 40%,transparent);border-radius:4px;font:700 .65rem var(--font-display);letter-spacing:.1em;text-transform:uppercase}[data-theme=cyber] .mechanics-list li:hover .bullet{box-shadow:0 0 16px #00f3ff73}[data-theme=hi-tech] .tutorial-page{background-image:radial-gradient(circle at 50% 8%,rgba(2,132,199,.11),transparent 44%)}[data-theme=hi-tech] .tutorial-container{border-top:6px solid #0284c7;box-shadow:9px 10px #0f172a1a,0 28px 60px #0f172a1a}[data-theme=hi-tech] .tutorial-section h2{color:#0369a1;border-color:#cbd5e1}[data-theme=hi-tech] .tutorial-section p,[data-theme=hi-tech] .challenge-list{color:#334155}[data-theme=hi-tech] .mechanics-list li{background:#fff;border-color:#cbd5e1;box-shadow:4px 5px #0f172a14}[data-theme=hi-tech] .mechanics-list h3{color:#1e293b;text-shadow:none}[data-theme=hi-tech] .action-text{color:#6d28d9!important;background:#f5f3ff;border-left-color:#7c3aed}[data-theme=hi-tech] .challenge-list li{background:#fff;border-left-color:#0284c7;box-shadow:4px 4px #0f172a12}[data-theme=hi-tech] .tutorial-status{color:#0369a1;border-color:#94a3b8;background:#f1f5f9}[data-theme=steam] .tutorial-page{background-image:linear-gradient(#0c0a0933,#0c0a0933),url(/assets/Bg-1_1920x1920.jpg);background-size:auto}[data-theme=steam] .tutorial-container{color:#e7e5e4;border:6px ridge #b45309;border-radius:3px;clip-path:none;background:radial-gradient(circle at 14px 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 14px calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(145deg,#44403cf7,#1c1917fa);box-shadow:inset 0 0 0 3px #1c1917,10px 12px #0c0a09b8,0 28px 65px #0000006b}[data-theme=steam] .tutorial-container:before{top:0;left:50%;width:110px;height:13px;border:4px ridge #d97706;border-top:0;background:repeating-linear-gradient(90deg,#292524 0 8px,#d97706 8px 11px);transform:translate(-50%)}[data-theme=steam] .tutorial-container:after{display:none}[data-theme=steam] .tutorial-icon{color:#d97706;filter:drop-shadow(3px 4px #0c0a09)}[data-theme=steam] .tutorial-header h1{color:#fde68a;text-shadow:2px 3px #451a03,0 0 14px rgba(245,158,11,.36)}[data-theme=steam] .subtitle{color:#e7e5e4;text-shadow:1px 2px #0c0a09}[data-theme=steam] .tutorial-status{color:#fde68a;border:3px double #d97706;border-radius:2px;background:#1c1917;text-shadow:1px 2px #451a03}[data-theme=steam] .tutorial-section h2{color:#fbbf24;border-bottom:3px double #92400e;text-shadow:2px 2px #451a03}[data-theme=steam] .tutorial-section p,[data-theme=steam] .instruction-list p,[data-theme=steam] .challenge-list{color:#e7e5e4}[data-theme=steam] .mechanics-list li{border:4px ridge #92400e;border-radius:3px;background:linear-gradient(#292524,#1c1917);box-shadow:inset 0 0 0 2px #0c0a09,5px 7px #0c0a09}[data-theme=steam] .mechanics-list h3{color:#fde68a;text-shadow:2px 2px #451a03}[data-theme=steam] .bullet{color:#292524;border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fde68a,#b45309);box-shadow:3px 4px #0c0a09}[data-theme=steam] .action-text{color:#fde68a!important;border-left:5px ridge #d97706;background:#78350f4d}[data-theme=steam] .challenge-list li{border-left:6px ridge #d97706;border-radius:2px;background:#292524;box-shadow:5px 6px #0c0a09}[data-theme=steam] .challenge-list strong,[data-theme=steam] .tutorial-section strong{color:#fde68a}[data-theme=steam] .tutorial-page .back-btn{color:#292524;border:5px ridge #d97706;border-radius:3px;background:linear-gradient(#fde68a,#d97706);clip-path:none;box-shadow:5px 7px #0c0a09}[data-theme=steam] .tutorial-page .back-btn:hover{color:#1c1917;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:7px 9px #0c0a09;transform:translateY(-2px)}[data-theme=blush] .tutorial-page{background-image:radial-gradient(circle at 10% 12%,rgba(255,143,171,.2) 0 90px,transparent 91px),radial-gradient(circle at 90% 84%,rgba(47,155,124,.16) 0 120px,transparent 121px)}[data-theme=blush] .tutorial-container{color:#35294d;border:2px solid rgba(141,101,197,.2);border-radius:28px;clip-path:none;background:#fffffff0;box-shadow:0 14px #8d65c521,0 30px 60px #2e253f1a}[data-theme=blush] .tutorial-container:before{top:-18px;left:-14px;width:58px;height:58px;border:0;border-radius:48% 52% 45% 55%;background:#ffd6e1;transform:rotate(-14deg)}[data-theme=blush] .tutorial-container:after{right:-12px;bottom:-16px;width:64px;height:64px;border:0;border-radius:55% 45% 52% 48%;background:#c8f2dc;transform:rotate(16deg)}[data-theme=blush] .tutorial-icon{color:#7650a8;filter:drop-shadow(3px 4px #ffd6e1)}[data-theme=blush] .tutorial-header h1{color:#35294d;text-shadow:3px 4px #ffd6e1}[data-theme=blush] .subtitle{color:#276f67}[data-theme=blush] .tutorial-status{color:#276f67;border-color:#2f9b7c59;border-radius:999px;background:#eafff5}[data-theme=blush] .tutorial-section h2{color:#7650a8;border-color:#8d65c533}[data-theme=blush] .tutorial-section p,[data-theme=blush] .instruction-list p,[data-theme=blush] .challenge-list{color:#514663}[data-theme=blush] .mechanics-list li{border-color:#8d65c52e;border-radius:18px;background:#fffafb;box-shadow:0 7px #8d65c51a}[data-theme=blush] .mechanics-list h3{color:#35294d;text-shadow:none}[data-theme=blush] .bullet{color:#35294d;border-color:#ff8fab;border-radius:12px;background:#ffd6e1}[data-theme=blush] .action-text{color:#6f438f!important;border-left-color:#ff8fab;border-radius:0 9px 9px 0;background:#fff0f4}[data-theme=blush] .challenge-list li{color:#514663;border-left-color:#2f9b7c;border-radius:0 14px 14px 0;background:#f3fff8}[data-theme=blush] .challenge-list strong,[data-theme=blush] .tutorial-section strong{color:#276f67}[data-theme=blush] .tutorial-page .back-btn{color:#fff;border:0;border-radius:14px;background:linear-gradient(135deg,#ff8fab,#8d65c5);clip-path:none;box-shadow:0 6px #68458f}[data-theme=blush] .tutorial-page .back-btn:hover{color:#fff;background:linear-gradient(135deg,#ff6f94,#7650a8);box-shadow:0 9px #68458f;transform:translateY(-3px)}@media(max-width:800px){.tutorial-page{align-items:flex-start;padding:1rem}.tutorial-container{padding:2rem 1.25rem}.tutorial-header{margin-bottom:2rem}.tutorial-header h1{font-size:clamp(2rem,10vw,2.7rem)}.subtitle{font-size:.95rem}.mechanics-list,.challenge-list{grid-template-columns:1fr;gap:1rem}.tutorial-section{margin-bottom:1.6rem}.tutorial-section h2{font-size:1.35rem}.tutorial-section p,.instruction-list p,.challenge-list{font-size:1rem}.tutorial-page .back-btn{width:100%;min-height:48px;justify-content:center}}@media(max-width:420px){.tutorial-page{padding:.65rem}.tutorial-container{padding:1.5rem .9rem;clip-path:none;border-radius:12px}[data-theme=steam] .tutorial-container{border-radius:3px}.tutorial-icon{width:40px;height:40px}.mechanics-list li{padding:1rem}.tutorial-footer{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.tutorial-section,.mechanics-list li,.challenge-list li,.bullet{transition:none}.mechanics-list li:hover,.challenge-list li:hover{transform:none}}[data-theme=brutalism] .tutorial-container{color:#111;background:#fffdf0;border:5px solid #111;border-radius:0;clip-path:none;box-shadow:12px 12px #111}[data-theme=brutalism] .tutorial-header h1,[data-theme=brutalism] .tutorial-section h2,[data-theme=brutalism] .mechanics-list h3{color:#111;text-shadow:none}[data-theme=brutalism] .tutorial-section p,[data-theme=brutalism] .instruction-list p,[data-theme=brutalism] .challenge-list{color:#111}[data-theme=brutalism] .mechanics-list li,[data-theme=brutalism] .challenge-list li{background:#fff;border:3px solid #111;border-radius:0;box-shadow:6px 6px #111}[data-theme=brutalism] .bullet{color:#111;background:#f5f000;border:3px solid #111;border-radius:0;box-shadow:3px 3px #111}[data-theme=synthwave] .tutorial-container{background:linear-gradient(145deg,#240046f0,#10002bf5);border-color:#ff2bd6;box-shadow:0 0 35px #ff2bd647}[data-theme=synthwave] .tutorial-header h1{color:#fff;text-shadow:2px 2px #ff2bd6,0 0 14px #00f5ff}[data-theme=synthwave] .mechanics-list li,[data-theme=synthwave] .challenge-list li{background:#10002b;border-color:#9d4edd;box-shadow:0 0 16px #ff2bd62e}[data-theme=glass] .tutorial-container{color:#16213b;background:#ffffff80;border:1px solid rgba(255,255,255,.85);border-radius:30px;clip-path:none;box-shadow:inset 0 1px #fff,0 28px 70px #1e40af24;-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%)}[data-theme=glass] .tutorial-header h1,[data-theme=glass] .tutorial-section h2,[data-theme=glass] .mechanics-list h3{color:#16213b;text-shadow:none}[data-theme=glass] .tutorial-section p,[data-theme=glass] .instruction-list p,[data-theme=glass] .challenge-list{color:#526077}[data-theme=glass] .mechanics-list li,[data-theme=glass] .challenge-list li{background:#ffffff6b;border:1px solid #fff;border-radius:20px;box-shadow:inset 0 1px #fff,0 12px 30px #2563eb17}[data-theme=shadcn] .tutorial-page{background-image:var(--theme-background-image)}[data-theme=shadcn] .tutorial-container{color:#18181b;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:0 10px 28px #00000012;clip-path:none}[data-theme=shadcn] .tutorial-container:before,[data-theme=shadcn] .tutorial-container:after{display:none}[data-theme=shadcn] .tutorial-icon{color:#18181b;filter:none}[data-theme=shadcn] .tutorial-header h1,[data-theme=shadcn] .tutorial-section h2,[data-theme=shadcn] .mechanics-list h3{color:#18181b;text-shadow:none}[data-theme=shadcn] .subtitle,[data-theme=shadcn] .tutorial-section p,[data-theme=shadcn] .instruction-list p,[data-theme=shadcn] .challenge-list{color:#71717a}[data-theme=shadcn] .tutorial-status{color:#3f3f46;border-color:#d4d4d8;background:#f4f4f5}[data-theme=shadcn] .mechanics-list li,[data-theme=shadcn] .challenge-list li{color:#3f3f46;border:1px solid #e4e4e7;border-radius:8px;background:#fff;box-shadow:none}[data-theme=shadcn] .bullet{color:#fff;border:0;border-radius:50%;background:#18181b;box-shadow:none}[data-theme=shadcn] .action-text{color:#3f3f46!important;border-left-color:#18181b;background:#f4f4f5}[data-theme=shadcn] .challenge-list strong,[data-theme=shadcn] .tutorial-section strong{color:#18181b}[data-theme=shadcn] .tutorial-page .back-btn{color:#fff;border:1px solid #18181b;border-radius:6px;background:#18181b;box-shadow:none;clip-path:none}[data-theme=shadcn] .tutorial-page .back-btn:hover{color:#fff;background:#3f3f46;box-shadow:none;transform:translateY(-1px)}[dir=rtl] .tutorial-page .back-btn svg{transform:rotate(180deg)}[dir=rtl] .tutorial-page .challenge-list li{border-left:0;border-right:3px solid var(--neon-blue);border-radius:8px 0 0 8px}[dir=rtl][data-theme=steam] .tutorial-page .challenge-list li{border-right:6px ridge #d97706}[dir=rtl][data-theme=blush] .tutorial-page .challenge-list li{border-right-color:#2f9b7c;border-radius:14px 0 0 14px}[data-theme=vice-city]{--cyber-bg: #e8dfcf;--cyber-panel: #f7f1e7;--event-success: #247c72;--neon-cyan: #176b69;--neon-blue: #235d67;--neon-pink: #c85f66;--neon-purple: #69546f;--cyber-text: #183f43;--cyber-dim: #697674;--theme-panel: rgba(247, 241, 231, .95);--theme-panel-soft: rgba(239, 230, 215, .88);--theme-header: rgba(248, 243, 234, .94);--theme-background-image: radial-gradient(circle at 82% 14%,rgba(220,171,88,.24) 0 7%,transparent 7.2%), linear-gradient(160deg,rgba(105,177,174,.22),transparent 38%), linear-gradient(180deg,#d8e5df 0%,#eee4d3 54%,#e4d4bb 100%);--theme-background-size: auto;--font-main: "Rajdhani", system-ui, sans-serif;--font-display: "Orbitron", system-ui, sans-serif;color-scheme:light}[data-theme=vice-city] body{background-color:var(--cyber-bg);background-image:var(--theme-background-image);background-attachment:fixed}[data-theme=vice-city] body:before{content:"";position:fixed;inset:72% 0 0;z-index:-1;pointer-events:none;opacity:.28;background:radial-gradient(ellipse at 14% 100%,rgba(255,255,255,.56),transparent 28%),repeating-linear-gradient(170deg,rgba(255,255,255,.28) 0 2px,transparent 2px 32px),linear-gradient(180deg,#6eb0ad,#397f80)}[data-theme=vice-city] h1,[data-theme=vice-city] h2,[data-theme=vice-city] h3,[data-theme=vice-city] .logo,[data-theme=vice-city] .panel-title{color:#183f43;text-shadow:none;letter-spacing:.025em}[data-theme=vice-city] a,[data-theme=vice-city] .link-btn{color:#087f83}[data-theme=vice-city] button,[data-theme=vice-city] .btn-primary,[data-theme=vice-city] .primary-cta,[data-theme=vice-city] .secondary-cta{color:#fff;border:1px solid #164d52;border-radius:3px;background:#235d62;box-shadow:0 6px 14px #183f4329;clip-path:none;text-shadow:none;letter-spacing:.035em}[data-theme=vice-city] button:hover:not(:disabled),[data-theme=vice-city] .btn-primary:hover:not(:disabled),[data-theme=vice-city] .primary-cta:hover,[data-theme=vice-city] .secondary-cta:hover{color:#174b58;border-color:#9f464e;background:#c85f66;box-shadow:0 8px 18px #69323733;transform:translateY(-2px)}[data-theme=vice-city] button:disabled{opacity:.5;filter:saturate(.45)}[data-theme=vice-city] input,[data-theme=vice-city] textarea,[data-theme=vice-city] select,[data-theme=vice-city] .letters-input{color:#173f4b!important;border:1px solid #9eb6b0!important;border-radius:3px!important;background:#fffdf2f0!important;box-shadow:inset 0 1px 2px #183f430d!important}[data-theme=vice-city] input:focus,[data-theme=vice-city] textarea:focus,[data-theme=vice-city] select:focus{border-color:#ff61b2!important;outline:none;box-shadow:0 0 0 3px #c85f661f!important}[data-theme=vice-city] .landing-header,[data-theme=vice-city] .dashboard-header,[data-theme=vice-city] .subscribe-header,[data-theme=vice-city] .results-header,[data-theme=vice-city] .legal-header{border-bottom:1px solid rgba(24,63,67,.2);background:#f7f1e7f0;box-shadow:0 8px 24px #183f431a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=vice-city] .hero-section,[data-theme=vice-city] .auth-page,[data-theme=vice-city] .personal-page,[data-theme=vice-city] .results-page,[data-theme=vice-city] .subscribe-page,[data-theme=vice-city] .tutorial-page,[data-theme=vice-city] .legal-page,[data-theme=vice-city] .coming-soon-page{color:var(--cyber-text);background-color:transparent}[data-theme=vice-city] .hero-section{background-image:linear-gradient(110deg,rgba(255,255,255,.22),transparent 42%)}[data-theme=vice-city] .features-section,[data-theme=vice-city] .plans-section,[data-theme=vice-city] .trust-section{background:#efe6d780}[data-theme=vice-city] .auth-card,[data-theme=vice-city] .panel-card,[data-theme=vice-city] .feature-card,[data-theme=vice-city] .plan-card,[data-theme=vice-city] .trust-item,[data-theme=vice-city] .tutorial-container,[data-theme=vice-city] .legal-container,[data-theme=vice-city] .results-container,[data-theme=vice-city] .recommendation-card,[data-theme=vice-city] .activity-item,[data-theme=vice-city] .stat-card{color:var(--cyber-text);border:1px solid rgba(24,63,67,.16);border-top:3px solid #c85f66;border-left-width:1px;border-radius:4px;background:#f8f3eaf2;box-shadow:0 14px 34px #183f431c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=vice-city] .feature-card:nth-child(2n),[data-theme=vice-city] .plan-card:nth-child(2n),[data-theme=vice-city] .stat-card:nth-child(2n){border-top-color:#3f8c87}[data-theme=vice-city] .style-modal-backdrop,[data-theme=vice-city] .modal-backdrop{background:#124c5780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=vice-city] .style-modal,[data-theme=vice-city] [class*=modal]:not([class*=backdrop]){color:var(--cyber-text);border-color:#183f433d;border-top:4px solid #c85f66;border-radius:4px;background:#f8f2e8;box-shadow:0 22px 60px #183f433d}[data-theme=vice-city] table{border-color:#72c8c4;background:#fffdf0e0}[data-theme=vice-city] th{color:#f9f1e5;background:#235d62;border-color:#3c7475}[data-theme=vice-city] td{color:#173f4b;border-color:#b7d8cf}[data-theme=vice-city] tr:hover td{background:#ff3d9d1a}[data-theme=vice-city] .landing-footer,[data-theme=vice-city] .subscribe-footer,[data-theme=vice-city] footer{color:#315d65;border-top-color:#bba478;background:#ddd0ba}[data-theme=vice-city] .badge,[data-theme=vice-city] [class*=tag],[data-theme=vice-city] .mission-meter,[data-theme=vice-city] .tutorial-status{color:#174b58;border-color:#b99a58;background:#d9bd78;text-shadow:none}[data-theme=vice-city] .progress-fill,[data-theme=vice-city] progress{accent-color:#ff3d9d}[data-theme=vice-city] .toast{border:1px solid #79a5a1;color:#173f4b;background:#fff8df;box-shadow:0 12px 28px #183f432e}[data-theme=vice-city] .tour-guide-robot{border-color:#c85f66;background:#f7efe3;box-shadow:0 12px 30px #183f432e}[data-theme=vice-city] .tour-guide-face i{background:#c8ff38;box-shadow:0 0 10px #c8ff38}[data-theme=vice-city] .tour-step-count{color:#174b58;border-color:#54bfc0;background:#fff8df}[data-theme=vice-city] .style-preview.vice-city{color:#f3d68f;padding:.15rem .4rem;border:1px solid #a68b59;border-radius:3px;background:linear-gradient(180deg,#e9b06f,#c85f66 48%,#3e7778 49%,#214c52);box-shadow:0 4px 10px #183f4329}[data-theme=vice-city] .style-option.active{border-color:#c85f66;background:#eee3d2;box-shadow:0 0 0 2px #c85f6624}[data-theme=vice-city] .floating-letter{color:#f8f1e5;border:1px solid #164d52;border-radius:3px;background:#235d62;box-shadow:0 10px 22px #183f432e}[data-theme=vice-city] .mascot-face{border-color:#c85f66;background:#ead7b4;box-shadow:0 12px 25px #183f432e}[data-theme=vice-city] .game-canvas-shell{border-color:#b99a58;box-shadow:0 16px 38px #183f4340}[data-theme=vice-city] .game-canvas-vice-city{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}[data-theme=vice-city] .game-ui-overlay,[data-theme=vice-city] .timer-display{color:#f3d68f;text-shadow:1px 2px rgba(35,47,43,.7)}[data-theme=vice-city] .page-transition{animation:viceCityPageIn .55s cubic-bezier(.2,.85,.25,1) both}[data-theme=vice-city] .page-transition:after{background:linear-gradient(90deg,transparent,rgba(200,95,102,.12),transparent)}@keyframes viceCityPageIn{0%{opacity:0;transform:translateY(12px);filter:saturate(.5) hue-rotate(12deg)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){[data-theme=vice-city] .page-transition{animation:none}}:root[data-surface=product]{--product-bg: #171c1b;--product-ink: #17201e;--product-paper: #f1eee5;--product-mint: #ccf3d5;--product-coral: #ff8f77;--product-purple: #e5c9f1;--product-line: rgba(241,238,229,.16);color-scheme:dark}:root[data-surface=product] body{background:var(--product-bg);color:var(--product-paper)}:root[data-surface=product]{--tour-accent: var(--product-ink);--tour-accent-soft: var(--product-mint);--tour-bg: var(--product-paper);--tour-surface: var(--product-ink);--tour-text: var(--product-ink);--tour-muted: #7d887f;--tour-border: 0;--tour-radius: 5px;--tour-shadow: 14px 18px 0 rgba(23,32,30,.22), 0 28px 70px rgba(0,0,0,.22);--tour-mask: rgba(23,28,27,.68);--tour-close: var(--product-coral);--tour-close-border: var(--product-coral)}:root[data-surface=product] .tour-robot-message{min-height:126px;gap:24px;padding:20px 34px 6px 4px}:root[data-surface=product] .tour-guide-copy{color:var(--product-ink);font:500 clamp(16px,2vw,21px)/1.45 Arial,sans-serif;letter-spacing:-.025em;text-shadow:none}:root[data-surface=product] .tour-guide-character{flex-basis:108px;width:108px;height:126px;border:0;border-radius:4px;background:var(--product-mint);box-shadow:7px 8px 0 var(--product-ink)}:root[data-surface=product] .tour-guide-character.is-speaking{box-shadow:7px 8px 0 var(--product-ink)}:root[data-surface=product] .tour-typing-caret{background:var(--product-coral);box-shadow:none}:root[data-surface=product] .tour-close-button{top:16px;right:16px;width:38px;height:38px;color:var(--product-ink);background:var(--product-coral);border:0;border-radius:50%;box-shadow:none}:root[data-surface=product] .tour-close-button:hover{color:var(--product-paper);background:var(--product-ink);transform:rotate(5deg)}:root[data-surface=product] .tour-close-button:focus-visible{outline-color:var(--product-ink)}:root[data-surface=product] .tour-step-navigation{grid-template-columns:48px 1fr 48px;margin-top:25px}:root[data-surface=product] .tour-step-navigation button{width:48px;height:48px;color:var(--product-mint);background:var(--product-ink);border:0;border-radius:50%;box-shadow:none}:root[data-surface=product] .tour-step-navigation button:hover:not(:disabled){color:var(--product-ink);background:var(--product-mint);filter:none;transform:translateY(-2px)}:root[data-surface=product] .tour-step-navigation button:disabled{color:#879087;background:#dedace;border:0;opacity:.72}:root[data-surface=product] .tour-step-count{min-width:0;padding:0;color:#657068;background:transparent;border:0;border-radius:0;box-shadow:none;font:700 12px/1 monospace;letter-spacing:.12em}[dir=rtl][data-surface=product] .tour-close-button{right:auto;left:16px}@media(max-width:480px){:root[data-surface=product] .tour-robot-message{min-height:104px;gap:14px;padding:20px 25px 4px 0}:root[data-surface=product] .tour-guide-character{flex-basis:74px;width:74px;height:88px;box-shadow:5px 5px 0 var(--product-ink)}:root[data-surface=product] .tour-guide-character.is-speaking{box-shadow:5px 5px 0 var(--product-ink)}:root[data-surface=product] .tour-guide-copy{font-size:15px}}.page-transition:not([data-page=landing]):not([data-page=game]){--cyber-bg: var(--product-bg);--cyber-panel: #202725;--cyber-text: var(--product-paper);--cyber-dim: #aab4ab;--neon-cyan: var(--product-mint);--neon-blue: var(--product-mint);--neon-pink: var(--product-coral);--neon-purple: var(--product-coral);--theme-panel: #202725;--theme-panel-soft: #202725;--theme-header: var(--product-bg);--font-main: Arial, Helvetica, sans-serif;--font-display: Arial, Helvetica, sans-serif;min-height:100vh;background:var(--product-bg);color:var(--product-paper);font-family:Arial,Helvetica,sans-serif;text-align:start;animation:product-page-in .55s cubic-bezier(.2,.75,.2,1) both!important}.page-transition:not([data-page=landing]):not([data-page=game]):after{display:none}.page-transition:not([data-page=landing]):not([data-page=game]) :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.045em;text-shadow:none}.page-transition:not([data-page=landing]):not([data-page=game]) button{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;clip-path:none;text-shadow:none}.page-transition:not([data-page=landing]):not([data-page=game]) :is(button,a,input,select):focus-visible{outline:2px solid var(--product-coral)!important;outline-offset:3px}.page-transition[data-page=login] .auth-page,.page-transition[data-page=register] .auth-page{position:relative;min-height:100svh;padding:90px 6%;background:radial-gradient(circle at 78% 45%,rgba(255,143,119,.13),transparent 26%),var(--product-bg)!important;overflow:hidden}.page-transition[data-page=login] .auth-page:before,.page-transition[data-page=register] .auth-page:before{content:"✳";position:absolute;right:-6vw;top:50%;translate:0 -50%;color:var(--product-coral);opacity:.1;font-size:min(55vw,760px);line-height:.8;animation:product-spin 70s linear infinite}.page-transition .auth-card{width:min(100%,510px);max-width:510px;padding:72px 54px 48px;color:var(--product-ink);background:var(--product-paper)!important;border:0!important;border-radius:5px!important;box-shadow:18px 24px #0000002b!important;isolation:isolate}.page-transition .auth-card:before{content:"SUPERGAME®";top:25px;left:54px;width:auto;height:auto;border:0;color:#617066;font:700 10px monospace;letter-spacing:.12em}.page-transition .auth-card:after{content:"✳";top:20px;right:28px;bottom:auto;width:auto;height:auto;border:0;color:var(--product-coral);font-size:29px}.page-transition .auth-title{color:var(--product-ink)!important;margin:18px 0 35px;font:500 clamp(38px,5vw,58px)/1 Arial,sans-serif;letter-spacing:-.06em;text-align:start;text-shadow:none!important}.page-transition .auth-back-btn{top:-45px;left:0;padding:10px 0;color:#cbd2c9;font:11px Arial,sans-serif;letter-spacing:0}.page-transition .auth-back-btn:hover{color:var(--product-mint);background:transparent;box-shadow:none}.page-transition .form-group{margin-bottom:19px}.page-transition .form-group label{color:#48574e!important;margin-bottom:8px;font-size:11px;letter-spacing:.02em}.page-transition .form-group input{min-height:52px;padding:13px 15px;color:var(--product-ink);background:#fffdf7!important;border:1px solid #bfc6bc!important;border-radius:3px!important;font:15px Arial,sans-serif;box-shadow:none!important}.page-transition .form-group input:focus{border-color:#54675b!important;box-shadow:0 0 0 3px #54675b21!important}.page-transition .password-toggle-btn{color:#536158;border:0;background:transparent;box-shadow:none}.page-transition .auth-actions .btn-primary{min-height:57px;color:var(--product-paper);background:var(--product-ink);border:0;border-radius:100px;font-size:13px}.page-transition .auth-actions .btn-primary:hover:not(:disabled){color:var(--product-ink);background:var(--product-mint);box-shadow:none;transform:translateY(-2px)}.page-transition .auth-switch{color:#6d786f}.page-transition .auth-switch .link-btn{color:#9b4938;text-decoration:underline}.page-transition .legal-checkbox-label{color:#59665d}.page-transition .error-msg{color:#b83a2f;text-shadow:none}.page-transition[data-page=subscribe] .subscribe-page{width:100%;background:var(--product-paper)!important;color:var(--product-ink)}.page-transition .subscribe-header{position:absolute;height:96px;padding:0 6%;color:var(--product-paper);background:var(--product-bg)!important;border-bottom:1px solid var(--product-line);-webkit-backdrop-filter:none;backdrop-filter:none}.page-transition .subscribe-header .logo{height:auto;padding:0;gap:3px}.page-transition .subscribe-header .logo .logo-name{color:var(--product-paper);background:none;-webkit-text-fill-color:currentColor;font:700 24px Arial,sans-serif;letter-spacing:-.06em;text-transform:lowercase}.page-transition .subscribe-header .logo .logo-name:before{content:"✳ ";color:var(--product-coral)}.page-transition .subscribe-header .logo .logo-tagline{color:#9da79f;-webkit-text-fill-color:currentColor;font:8px monospace;letter-spacing:.1em}.page-transition .subscribe-header .header-btn{padding:11px 18px;color:var(--product-paper);border:1px solid #ffffff55;border-radius:40px;background:transparent;box-shadow:none;font-size:12px;letter-spacing:0}.page-transition .subscribe-header .header-btn:hover,.page-transition .subscribe-header .header-btn.register-btn:hover{color:var(--product-ink);background:var(--product-mint);border-color:var(--product-mint);box-shadow:none}.page-transition .subscribe-header .header-btn.register-btn{color:var(--product-mint);border-color:var(--product-mint);box-shadow:none}.page-transition[data-page=subscribe] .shared-account-header{position:absolute;inset:0 0 auto;z-index:1000;box-sizing:border-box;min-height:96px;margin:0;padding:18px 6%;color:var(--product-paper);background:var(--product-bg)!important;border:0;border-bottom:1px solid var(--product-line)}.page-transition[data-page=subscribe] .shared-account-header h1{color:var(--product-paper)!important;font-size:24px;letter-spacing:-.04em;text-shadow:none}.page-transition[data-page=subscribe] .shared-account-header .avatar-circle{width:52px;height:52px;flex-basis:52px;color:var(--product-ink);background:var(--product-coral);box-shadow:none}.page-transition[data-page=subscribe] .shared-account-header :is(.level-badge,.stat-item){color:#bbc3bd}.page-transition[data-page=subscribe] .shared-account-header :is(.home-btn,.logout-btn,.language-switcher select){min-height:41px;color:var(--product-paper)!important;background:transparent!important;border:1px solid #ffffff45!important;border-radius:30px!important;box-shadow:none!important;text-shadow:none}.page-transition[data-page=subscribe] .shared-account-header :is(.home-btn,.logout-btn):hover{color:var(--product-ink)!important;background:var(--product-mint)!important;border-color:var(--product-mint)!important}.page-transition[data-page=subscribe] .shared-account-header .language-switcher option{color:var(--product-ink);background:var(--product-paper)}.page-transition .subscribe-main{padding:0 6% 80px}.page-transition .subscribe-hero{box-sizing:border-box;width:113.65%;max-width:none;margin-inline:-6.825%;margin-bottom:0;padding:190px 6% 95px;color:var(--product-paper);background:var(--product-bg)}.page-transition .subscribe-hero:after{content:"✳";inset:auto 3% 2% auto;width:auto;height:auto;color:var(--product-coral);opacity:.11;background:none;font-size:min(38vw,520px);line-height:.75;animation:product-spin 65s linear infinite}.page-transition .subscribe-hero h1{position:relative;z-index:1;max-width:1000px;margin-inline:auto;color:var(--product-paper);font:500 clamp(54px,7vw,106px)/.96 Arial,sans-serif;letter-spacing:-.07em;text-transform:none;text-shadow:none}.page-transition .subscribe-hero h1 .hero-accent{color:var(--product-coral);background:none;-webkit-text-fill-color:currentColor;filter:none;font-family:Georgia,serif;font-style:italic;font-weight:400}.page-transition .subscribe-hero .hero-sub{position:relative;z-index:1;color:#b8c1ba;font:15px/1.7 Arial,sans-serif}.page-transition .subscribe-hero .cta-btn{position:relative;z-index:1;padding:17px 28px;color:var(--product-ink);background:var(--product-mint);border:0;border-radius:40px;font-size:13px;letter-spacing:0}.page-transition .subscribe-hero .cta-btn:hover{color:var(--product-ink);background:#e5ffe9;box-shadow:none;transform:translateY(-2px)}.page-transition .modules-section{width:100%;margin:0 0 55px;padding:42px 3%;gap:6%;color:var(--product-ink);background:var(--product-mint)}.page-transition .module-card .module-icon{color:var(--product-ink);background:transparent;border:1px solid #17201e55}.page-transition .module-card .module-icon svg{color:var(--product-ink);filter:none}.page-transition .module-card .module-text h3{color:var(--product-ink);letter-spacing:-.03em}.page-transition .module-card .module-text p{color:#546359}.page-transition .plans-section{max-width:1180px}.page-transition .plans-section h2{color:var(--product-ink);font:500 clamp(36px,5vw,65px) Arial,sans-serif;letter-spacing:-.055em;text-transform:none}.page-transition .plan-card{align-items:flex-start;padding:32px;color:var(--product-ink);background:#e3decf;border:0;border-radius:4px;box-shadow:none}.page-transition .plan-card:nth-child(2){background:var(--product-coral)}.page-transition .plan-card:nth-child(3){background:var(--product-purple)}.page-transition .plan-card:hover{border:0;box-shadow:none;transform:translateY(-8px) rotate(-.5deg)}.page-transition .plan-card :is(.plan-label,.plan-games,.plan-games-unit,.plan-price,.plan-price .currency,.plan-features li){color:var(--product-ink)}.page-transition .plan-card .plan-games{font-family:Arial,sans-serif;font-size:4rem;letter-spacing:-.08em}.page-transition .plan-card .plan-price{font-family:Arial,sans-serif;font-size:2.4rem;letter-spacing:-.06em}.page-transition .plan-card .plan-divider{background:#17201e33}.page-transition .plan-card .plan-features li .check{color:#345b40}.page-transition .plan-card .plan-action{color:var(--product-paper);background:var(--product-ink);border:0;border-radius:40px;font-size:12px;letter-spacing:0}.page-transition .plan-card .plan-action:hover{color:var(--product-ink);background:var(--product-mint);border:0;box-shadow:none}.page-transition .plan-card.featured{background:var(--product-coral);border:0;box-shadow:none}.page-transition .plan-card.featured:before{display:none}.page-transition .plan-card.featured .recommended-tag{top:20px;right:20px;left:auto;transform:none;color:var(--product-paper);background:var(--product-ink);border-radius:20px;box-shadow:none;letter-spacing:.05em}.page-transition .plan-card.featured .plan-action{color:var(--product-paper);background:var(--product-ink);border:0}.page-transition .plan-card.locked{opacity:1;border:0}.page-transition .plan-card.locked .plan-games{color:var(--product-ink);background:none;-webkit-text-fill-color:currentColor}.page-transition .trust-section{color:var(--product-ink);border-color:#17201e28}.page-transition .trust-icon{color:var(--product-ink);background:var(--product-mint);border:0}.page-transition .trust-text :is(h4,p){color:var(--product-ink)}.page-transition .subscribe-footer{color:var(--product-paper);background:var(--product-bg);border:0}.page-transition .subscribe-footer .accent{color:var(--product-coral)}.page-transition[data-page=menu] .personal-page{min-height:100vh;padding:0 5% 80px;color:var(--product-ink);background:var(--product-paper)!important;background-image:none!important}.page-transition[data-page=menu] .dashboard-header{margin:0 -5vw 55px;padding:26px 5vw;color:var(--product-paper);background:var(--product-bg)!important;border:0;border-bottom:1px solid var(--product-line);box-shadow:none;border-radius:0}.page-transition[data-page=menu] .dashboard-header h1{color:var(--product-paper)!important;font-size:31px;letter-spacing:-.05em}.page-transition[data-page=menu] .avatar-circle{color:var(--product-ink);background:var(--product-coral);border:0;box-shadow:none}.page-transition[data-page=menu] :is(.level-badge,.header-stats .stat-item){color:#bbc3bd;background:transparent;border:0;box-shadow:none}.page-transition[data-page=menu] .dashboard-header :is(.home-btn,.logout-btn,.language-switcher select){min-height:41px;color:var(--product-paper)!important;background:transparent!important;border:1px solid #ffffff45!important;border-radius:30px!important;box-shadow:none!important;text-shadow:none}.page-transition[data-page=menu] .dashboard-header :is(.home-btn,.logout-btn):hover{color:var(--product-ink)!important;background:var(--product-mint)!important;border-color:var(--product-mint)!important;transform:translateY(-2px)}.page-transition[data-page=menu] .dashboard-header .language-switcher option{color:var(--product-ink)!important;background:var(--product-paper)!important}.page-transition[data-page=menu] .dashboard-header .header-stats{align-items:center;gap:12px;flex-wrap:nowrap}.page-transition[data-page=menu] .header-fullscreen-setting{min-width:0;min-height:41px;margin:0;padding:5px 8px 5px 13px;display:flex;gap:8px;color:var(--product-paper);border:1px solid #ffffff45;border-radius:30px;background:transparent}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-setting-icon{width:auto;height:auto;color:var(--product-coral);background:transparent}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-setting-copy{display:block}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-setting-copy strong{color:var(--product-paper);font:700 13px/1 Arial,sans-serif;white-space:nowrap}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-setting-copy small{display:none}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-switch{width:40px;height:24px;flex:0 0 40px;border-color:#fff5;background:#ffffff28}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-switch span{top:3px;left:3px;width:16px;height:16px;background:var(--product-paper)}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-switch[aria-checked=true]{border-color:var(--product-mint);background:var(--product-mint)}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-switch[aria-checked=true] span{background:var(--product-ink);transform:translate(16px)}.page-transition[data-page=menu] .header-fullscreen-setting:hover{border-color:var(--product-mint)}.page-transition[data-page=menu] .dashboard-header .stat-item{white-space:nowrap}.page-transition[data-page=menu] .dashboard-grid{max-width:1280px;gap:24px}.page-transition[data-page=menu] .panel-card{color:var(--product-ink);background:#e1ddcf!important;border:0!important;border-radius:5px!important;box-shadow:none!important;clip-path:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.page-transition[data-page=menu] .config-card{background:var(--product-coral)!important}.page-transition[data-page=menu] :is(.panel-title,.recommendation-card h3){color:var(--product-ink)!important;text-shadow:none!important}.page-transition[data-page=menu] .panel-title{font-size:25px;letter-spacing:-.04em}.page-transition[data-page=menu] .config-section label{color:var(--product-ink)}.page-transition[data-page=menu] .letters-input{color:var(--product-ink)!important;background:#fffaf0!important;border:1px solid #17201e77!important;border-radius:4px!important;box-shadow:none!important}.page-transition[data-page=menu] .letters-input:focus{border-color:var(--product-ink)!important;box-shadow:0 0 0 3px #17201e1f!important}.page-transition[data-page=menu] .hint{color:#5f4139}.page-transition[data-page=menu] .mission-meter{color:var(--product-ink);background:#ffffff3d;border:1px solid #17201e2f}.page-transition[data-page=menu] .mission-track{background:#17201e22}.page-transition[data-page=menu] .mission-track i{background:var(--product-ink);box-shadow:none}.page-transition[data-page=menu] .game-buddy .buddy-face{color:var(--product-paper);background:var(--product-ink);border-color:var(--product-ink);box-shadow:none}.page-transition[data-page=menu] .game-buddy .buddy-face i,.page-transition[data-page=menu] .game-buddy .buddy-antenna{background:var(--product-mint);box-shadow:none}.page-transition[data-page=menu] .game-buddy .buddy-message{color:var(--product-ink);background:var(--product-mint);border:0;border-radius:4px;box-shadow:7px 7px #17201e25}.page-transition[data-page=menu] :is(.start-btn,.subscription-btn){color:var(--product-paper);background:var(--product-ink);border:0;border-radius:50px;box-shadow:none;animation:none}.page-transition[data-page=menu] :is(.start-btn,.subscription-btn):hover:not(:disabled){color:var(--product-ink);background:var(--product-mint);box-shadow:none;transform:translateY(-3px)}.page-transition[data-page=menu] :is(.tutorial-btn,.view-graphs-btn,.platform-tour-btn,.game-advice-launch,.style-select-btn){color:var(--product-ink);background:transparent;border:1px solid #17201e66;border-radius:40px;box-shadow:none}.page-transition[data-page=menu] :is(.tutorial-btn,.view-graphs-btn,.platform-tour-btn,.game-advice-launch,.style-select-btn):hover{color:var(--product-paper);background:var(--product-ink);border-color:var(--product-ink);box-shadow:none}.page-transition[data-page=menu] .selected-guide-card{grid-template-columns:96px minmax(0,1fr);min-height:120px;color:var(--product-ink);border:0;border-radius:4px;box-shadow:none}.page-transition[data-page=menu] .selected-guide-card--female{background:var(--product-purple)}.page-transition[data-page=menu] .selected-guide-card--male{background:var(--product-mint)}.page-transition[data-page=menu] .selected-guide-card--female .selected-guide-portrait{min-height:120px;background:#f3d9df}.page-transition[data-page=menu] .selected-guide-card--male .selected-guide-portrait{min-height:120px;background:#b7d9e7}.page-transition[data-page=menu] .selected-guide-card:hover{box-shadow:7px 8px 0 var(--product-ink);transform:translate(-3px,-3px)}.page-transition[data-page=menu] .selected-guide-card--female:hover{background:#d9b5e8}.page-transition[data-page=menu] .selected-guide-card--male:hover{background:#aee8bc}.page-transition[data-page=menu] .selected-guide-info{padding:16px 18px}.page-transition[data-page=menu] .selected-guide-info>span{color:#68736c;font:800 10px/1 Arial,sans-serif;letter-spacing:.14em}.page-transition[data-page=menu] .selected-guide-info>strong{color:var(--product-ink);font:700 18px/1.2 Arial,sans-serif}.page-transition[data-page=menu] .selected-guide-info .character-select-btn{color:var(--product-ink);font:700 12px/1.2 Arial,sans-serif}.page-transition[data-page=menu] .selected-guide-info .character-select-btn:hover{color:#6d4f78;background:transparent}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting){border:0;border-radius:4px;background:#e1ddcf}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-setting-icon{color:var(--product-ink);background:var(--product-paper)}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-setting-copy strong{color:var(--product-ink);font:700 14px/1.2 Arial,sans-serif}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-setting-copy small{color:#657068;font:12px/1.3 Arial,sans-serif}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-switch{border:1px solid rgba(23,32,30,.25);background:#a9aea9}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-switch span{background:var(--product-paper)}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-switch[aria-checked=true]{border-color:var(--product-ink);background:var(--product-mint)}.page-transition[data-page=menu] .fullscreen-setting:not(.header-fullscreen-setting) .fullscreen-switch[aria-checked=true] span{background:var(--product-ink)}.page-transition[data-page=menu] .recommendation-card{background:var(--product-mint)!important}.page-transition[data-page=menu] .activity-card{background:var(--product-purple)!important}.page-transition[data-page=menu] :is(.recommendation-card p,.activity-desc,.activity-time,.stat-item){color:#536057}.page-transition[data-page=menu] .setup-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0 60px}.setup-eyebrow{font:10px monospace;letter-spacing:.18em;color:var(--product-mint)}.page-transition[data-page=menu] .setup-intro h2{margin:22px 0;font-size:clamp(40px,5.5vw,78px);line-height:1.04;font-weight:400;color:var(--product-paper)}.setup-intro h2 em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--product-coral)}.setup-intro p{color:#abb7af;font-size:14px}.setup-letter-art{position:relative;flex:0 0 clamp(330px,34vw,510px);height:220px;display:flex;align-items:center;justify-content:center;direction:ltr;perspective:900px}.setup-letter-art:before{content:"";position:absolute;inset:22px -4px;border:1px solid #ccf3d52e;border-radius:50%;transform:rotate(-8deg)}.selected-letter-vortex{position:absolute;z-index:0;inset:0;transform-origin:50% 50%;transition:translate .45s cubic-bezier(.16,1,.3,1),rotate .45s cubic-bezier(.16,1,.3,1)}.selected-letter-vortex.is-entering{animation:selected-vortex-layer-in .65s cubic-bezier(.16,1,.3,1) both}.selected-letter-vortex.is-exiting{animation:selected-vortex-layer-out .65s cubic-bezier(.4,0,1,1) both;pointer-events:none}.selected-letter-vortex:before{content:"";position:absolute;inset:25% 8%;border:1px solid rgba(204,243,213,.13);border-radius:50%;transform:rotate(-9deg)}.selected-letter-vortex span{position:absolute;left:50%;top:50%;color:var(--product-mint);font:800 var(--vortex-size)/1 Arial,sans-serif;opacity:.3;text-shadow:0 2px 10px rgba(0,0,0,.25);transform:translate(calc(var(--vortex-x1) + var(--pointer-x,0px)),calc(var(--vortex-y1) + var(--pointer-y,0px))) rotate(var(--vortex-rotation));animation:selected-vortex-orbit var(--vortex-duration) var(--vortex-delay) linear infinite,selected-vortex-pulse 2.8s var(--vortex-delay) ease-in-out infinite alternate;will-change:transform,opacity}.selected-letter-vortex span:nth-child(3n+1){color:var(--product-coral)}.selected-letter-vortex span:nth-child(3n+2){color:var(--product-purple)}.selected-letter-vortex span:nth-child(5n){color:var(--product-paper);opacity:.2}.supergame-letter-assembly{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(1px,.35vw,6px)}.supergame-letter-assembly span{display:block;width:auto;height:auto;color:var(--product-paper);background:transparent;border:0;border-radius:0;box-shadow:none;font:800 clamp(31px,3.5vw,58px)/1 Arial,sans-serif;letter-spacing:-.08em;opacity:0;filter:blur(7px);animation:supergame-letter-gather 1.35s cubic-bezier(.16,1,.3,1) forwards}.supergame-letter-assembly span:nth-child(3n+1){color:var(--product-coral)}.supergame-letter-assembly span:nth-child(3n+2){color:var(--product-mint)}.supergame-letter-assembly span:nth-child(3n){color:var(--product-purple)}.supergame-letter-assembly span:nth-child(1){--scatter:translate(-190px,-105px) rotate(-38deg) scale(.55);animation-delay:.05s}.supergame-letter-assembly span:nth-child(2){--scatter:translate(75px,-140px) rotate(24deg) scale(1.25);animation-delay:.13s}.supergame-letter-assembly span:nth-child(3){--scatter:translate(210px,-78px) rotate(51deg) scale(.7);animation-delay:.21s}.supergame-letter-assembly span:nth-child(4){--scatter:translate(-145px,125px) rotate(29deg) scale(1.2);animation-delay:.29s}.supergame-letter-assembly span:nth-child(5){--scatter:translate(30px,145px) rotate(-47deg) scale(.6);animation-delay:.37s}.supergame-letter-assembly span:nth-child(6){--scatter:translate(185px,112px) rotate(32deg) scale(1.3);animation-delay:.45s}.supergame-letter-assembly span:nth-child(7){--scatter:translate(-220px,18px) rotate(64deg) scale(.75);animation-delay:.53s}.supergame-letter-assembly span:nth-child(8){--scatter:translate(135px,-15px) rotate(-58deg) scale(.55);animation-delay:.61s}.supergame-letter-assembly span:nth-child(9){--scatter:translate(238px,58px) rotate(42deg) scale(1.15);animation-delay:.69s}.setup-letter-art i{position:absolute;right:0;top:0;font: 58px Georgia,serif;color:var(--product-mint)}.page-transition[data-page=menu] .dashboard-grid{grid-template-columns:minmax(320px,1fr) minmax(0,1.25fr);gap:26px}.page-transition[data-page=menu] .config-card{margin-top:0;padding:clamp(24px,3vw,42px);background:var(--product-paper)!important}.page-transition[data-page=menu] .panel-card:before,.page-transition[data-page=menu] .panel-card:after{display:none}.page-transition[data-page=menu] .panel-card:hover{transform:none}.page-transition[data-page=menu] .panel-title{border-bottom:1px solid #17201e26;font-weight:400}.page-transition[data-page=menu] .panel-title svg{color:var(--product-ink);filter:none!important}.page-transition[data-page=menu] .letters-input{direction:ltr;font:500 64px Arial,sans-serif;letter-spacing:.2em;height:110px;background:#e3dfd3!important;border:0!important;border-bottom:2px solid #17201e55!important;border-radius:4px!important}.page-transition[data-page=menu] .hint{color:#59675e}.page-transition[data-page=menu] .setup-style-hint{margin-top:12px;font-size:12px;line-height:1.5}.page-transition[data-page=menu] .mission-meter{margin-bottom:28px;background:transparent;border:0;padding-inline:0}.page-transition[data-page=menu] .start-btn{min-height:62px}.page-transition[data-page=menu] .recommendation-card{padding:clamp(24px,3vw,42px)}.page-transition[data-page=menu] .rec-icon-wrapper{background:#17201e;border:0;box-shadow:none;color:var(--product-mint)}.page-transition[data-page=menu] .rec-icon{color:var(--product-mint)}.page-transition[data-page=menu] .rec-content p{font-size:15px;line-height:1.8}.page-transition[data-page=menu] .activity-item{background:transparent;border-color:#17201e25}.page-transition[data-page=menu] .activity-score.positive{color:var(--product-ink);font-size:28px;text-shadow:none}.setup-prompt-star{display:block;color:#b6533f;font-size:64px}@media(max-width:900px){.page-transition[data-page=menu] .dashboard-grid{display:grid;grid-template-columns:1fr;gap:0}.setup-letter-art{flex-basis:310px;transform:scale(.86)}}@media(max-width:600px){.page-transition[data-page=menu] .setup-intro{padding:12px 0 32px;gap:0}.page-transition[data-page=menu] .setup-intro h2{font-size:38px}.setup-letter-art{display:none}}.page-transition[data-page=menu] .personal-page{overflow:hidden;background:radial-gradient(circle at 8% 31%,rgba(255,143,119,.2),transparent 25%),radial-gradient(circle at 91% 47%,rgba(204,243,213,.34),transparent 28%),radial-gradient(circle at 65% 88%,rgba(229,201,241,.38),transparent 28%),var(--product-paper)!important}.page-transition[data-page=menu] .personal-page:before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(23,32,30,.28) .7px,transparent .7px);background-size:15px 15px;-webkit-mask-image:linear-gradient(180deg,transparent 5%,#000 36%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent 5%,#000 36%,#000 88%,transparent)}.page-transition[data-page=menu] .setup-intro{position:relative;min-height:310px;margin:24px 0 46px;padding:clamp(34px,5vw,70px);overflow:hidden;border-radius:22px;background:radial-gradient(circle at 80% 30%,rgba(204,243,213,.13),transparent 30%),linear-gradient(135deg,#17201e,#26332f)!important;box-shadow:0 26px 70px #17201e2e;isolation:isolate}.page-transition[data-page=menu] .setup-intro:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-90px;bottom:-220px;border-radius:50%;background:var(--product-coral);filter:blur(2px);animation:settings-orb-drift 8s ease-in-out infinite alternate}.page-transition[data-page=menu] .setup-intro:after{content:"✳";position:absolute;z-index:-1;top:-52px;left:48%;color:#e5c9f11f;font: 260px/1 Georgia,serif;animation:settings-star-turn 28s linear infinite}.page-transition[data-page=menu] .setup-intro>*{position:relative;z-index:1}.page-transition[data-page=menu] .setup-eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(204,243,213,.28);border-radius:999px;background:#ccf3d514}.page-transition[data-page=menu] .setup-intro h2{max-width:760px;text-wrap:balance}.page-transition[data-page=menu] .setup-letter-art{animation:settings-letter-float 5s ease-in-out infinite}.page-transition[data-page=menu] .dashboard-grid{align-items:start}.page-transition[data-page=menu] .panel-card{border:1px solid rgba(23,32,30,.08)!important;box-shadow:0 12px 36px #17201e14!important;transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease!important}.page-transition[data-page=menu] .panel-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #17201e24!important}.page-transition[data-page=menu] .config-card{border-top:7px solid var(--product-coral)!important}.page-transition[data-page=menu] .recommendation-card{border-top:7px solid #86c798!important}.page-transition[data-page=menu] .activity-card{border-top:7px solid #ba8dcc!important}.page-transition[data-page=menu] .dashboard-header{animation:settings-reveal-down .55s both}.page-transition[data-page=menu] .setup-intro{animation:settings-reveal-up .65s .08s both}.page-transition[data-page=menu] .config-panel{animation:settings-reveal-up .65s .16s both}.page-transition[data-page=menu] .main-content{animation:settings-reveal-up .65s .24s both}@keyframes settings-reveal-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes settings-reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes settings-orb-drift{to{transform:translate(-36px,-24px) scale(1.08)}}@keyframes settings-star-turn{to{transform:rotate(360deg)}}@keyframes settings-letter-float{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes selected-vortex-layer-in{0%{opacity:0;filter:blur(7px);transform:scale(.88)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes selected-vortex-layer-out{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(8px);transform:scale(1.14) rotate(5deg)}}@keyframes selected-vortex-orbit{0%,to{transform:translate(calc(var(--vortex-x1) + var(--pointer-x,0px)),calc(var(--vortex-y1) + var(--pointer-y,0px))) rotate(var(--vortex-rotation))}25%{transform:translate(calc(var(--vortex-x2) + var(--pointer-x,0px)),calc(var(--vortex-y2) + var(--pointer-y,0px))) rotate(calc(var(--vortex-rotation) + 16deg))}50%{transform:translate(calc(var(--vortex-x3) + var(--pointer-x,0px)),calc(var(--vortex-y3) + var(--pointer-y,0px))) rotate(calc(var(--vortex-rotation) - 12deg))}75%{transform:translate(calc(var(--vortex-x4) + var(--pointer-x,0px)),calc(var(--vortex-y4) + var(--pointer-y,0px))) rotate(calc(var(--vortex-rotation) + 9deg))}}@keyframes selected-vortex-pulse{0%{opacity:.12;filter:blur(.8px)}to{opacity:.5;filter:blur(0)}}@keyframes supergame-letter-gather{0%{opacity:0;filter:blur(7px);transform:var(--scatter)}68%{opacity:1;filter:blur(0)}82%{transform:translate(0) rotate(0) scale(1.08)}to{opacity:1;filter:blur(0);transform:translate(0) rotate(0) scale(1)}}@media(max-width:600px){.page-transition[data-page=menu] .setup-intro{min-height:0;margin:12px 0 30px;padding:34px 24px;border-radius:16px}.page-transition[data-page=menu] .setup-intro:before{width:220px;height:220px;right:-120px;bottom:-140px}}@media(prefers-reduced-motion:reduce){.page-transition[data-page=menu] :is(.dashboard-header,.setup-intro,.config-panel,.main-content,.setup-letter-art),.page-transition[data-page=menu] .setup-intro:before,.page-transition[data-page=menu] .setup-intro:after{animation:none}.page-transition[data-page=menu] .supergame-letter-assembly span{opacity:1;filter:none;animation:none}.page-transition[data-page=menu] .selected-letter-vortex,.page-transition[data-page=menu] .selected-letter-vortex span{animation:none}}.style-modal-backdrop{background:#0a0e0dc2!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.style-modal{color:var(--product-ink)!important;background:var(--product-paper)!important;border:0!important;border-radius:6px!important;box-shadow:0 25px 80px #00000059!important;clip-path:none!important}.style-modal-header h2{color:var(--product-ink)!important;font-family:Arial,sans-serif!important;text-shadow:none!important;letter-spacing:-.04em;text-transform:none}.style-modal-hint{margin:5px 0 0;color:#657068;font:12px/1.4 Arial,sans-serif}.style-modal-close{color:var(--product-ink)!important;background:transparent!important;border:1px solid #17201e44!important;border-radius:50%!important;box-shadow:none!important}.style-option{color:var(--product-ink)!important;background:#e3decf!important;border:2px solid transparent!important;border-radius:5px!important;box-shadow:none!important}.style-option:hover{transform:translateY(-4px)!important;border-color:#17201e55!important}.style-option.active{color:var(--product-ink)!important;background:var(--product-mint)!important;border-color:var(--product-ink)!important;box-shadow:6px 6px 0 var(--product-ink)!important}:root[data-surface=product] .style-modal{--advice-accent: #04a9b5;--advice-title: var(--product-paper);--advice-copy: #c9dce1;position:relative;padding:clamp(24px,4vw,34px)!important}:root[data-surface=product] .style-modal-header{align-items:flex-start;margin-bottom:26px}:root[data-surface=product] .style-modal-header h2,:root[data-surface=product] .recommendation-notice-copy h2,:root[data-surface=product] .tutorial-prompt h2{color:var(--product-ink)!important;font:800 clamp(21px,3vw,27px)/1.05 Arial,sans-serif!important;letter-spacing:-.045em;text-shadow:none!important;text-transform:uppercase}:root[data-surface=product] .style-modal-close{width:42px;height:42px;color:var(--product-ink)!important;border:1px solid rgba(23,32,30,.25)!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}:root[data-surface=product] .style-modal-close:hover{color:var(--product-paper)!important;border-color:var(--product-ink)!important;background:var(--product-ink)!important;transform:rotate(7deg) scale(1.05)}:root[data-surface=product] .game-advice-choices>p,:root[data-surface=product] .game-advice-lead,:root[data-surface=product] .recommendation-notice-copy p,:root[data-surface=product] .tutorial-prompt p{color:#63736d!important;font-family:Arial,sans-serif}:root[data-surface=product] .advice-choice{min-height:94px;padding:18px 20px;color:#00e2ee;border:1px solid #00c7d2;border-radius:0;background:#294a5a;box-shadow:none;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}:root[data-surface=product] .advice-choice:hover,:root[data-surface=product] .advice-choice:focus-visible{color:#fff;border-color:#00e2ee;background:#203d4a;transform:translateY(-3px);box-shadow:0 10px 24px #17201e33}:root[data-surface=product] .advice-choice strong{color:#f1eee5!important;font-family:var(--font-display);text-transform:uppercase}:root[data-surface=product] .advice-choice small{color:#c5d8df!important;font-family:var(--font-display);text-transform:uppercase}:root[data-surface=product] .style-option{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}:root[data-surface=product] .recommendation-notice{padding:0!important;border-radius:6px!important}:root[data-surface=product] .recommendation-notice-character{background:#294a5a}:root[data-surface=product] .recommendation-notice-character:after{background:linear-gradient(transparent,#17201e8c)}:root[data-surface=product] .recommendation-notice-copy{padding:clamp(28px,5vw,48px)}:root[data-surface=product] .recommendation-notice-eyebrow{color:#078f99;font-family:Arial,sans-serif}:root[data-surface=product] .recommendation-notice-actions .start-btn{color:var(--product-paper);border:0;border-radius:40px;background:var(--product-ink);box-shadow:none}:root[data-surface=product] .recommendation-notice-actions .start-btn:hover{color:var(--product-ink);background:var(--product-mint);transform:translateY(-2px)}:root[data-surface=product] .recommendation-notice-actions .tutorial-btn,:root[data-surface=product] .tutorial-prompt .tutorial-btn{color:var(--product-ink);border:1px solid rgba(23,32,30,.35);border-radius:40px;background:transparent;box-shadow:none}:root[data-surface=product] .recommendation-notice-actions .tutorial-btn:hover,:root[data-surface=product] .tutorial-prompt .tutorial-btn:hover{color:var(--product-paper);border-color:var(--product-ink);background:var(--product-ink)}@media(max-width:560px){:root[data-surface=product] .style-modal{padding:22px 18px!important;border-radius:6px 6px 0 0!important}:root[data-surface=product] .recommendation-notice{padding:0!important}:root[data-surface=product] .recommendation-notice-close{top:12px;right:12px;background:var(--product-paper)!important}:root[data-surface=product] .advice-choice{min-height:82px;padding:14px 16px}}:root[data-surface=product] .game-advice-modal{width:min(680px,100%)}:root[data-surface=product] .game-advice-choices{gap:14px}:root[data-surface=product] .game-advice-choices>p{margin-bottom:6px;font-size:16px}:root[data-surface=product] .advice-choice{min-height:104px;padding:22px 24px;gap:18px;color:var(--product-ink);border:0;border-radius:4px;background:var(--product-mint);clip-path:none}:root[data-surface=product] .advice-choice:nth-of-type(2){background:var(--product-purple)}:root[data-surface=product] .advice-choice:hover,:root[data-surface=product] .advice-choice:focus-visible{color:var(--product-ink);border:0;background:var(--product-coral);box-shadow:8px 9px 0 var(--product-ink);transform:translate(-3px,-3px)}:root[data-surface=product] .advice-choice svg{color:var(--product-ink)}:root[data-surface=product] .advice-choice strong{color:var(--product-ink)!important;font:800 18px/1.1 Arial,sans-serif;letter-spacing:-.025em;text-transform:none}:root[data-surface=product] .advice-choice small{color:#45534d!important;font:14px/1.4 Arial,sans-serif;text-transform:none}:root[data-surface=product] .advice-choice:hover :is(strong,small),:root[data-surface=product] .advice-choice:focus-visible :is(strong,small){color:var(--product-ink)!important}:root[data-surface=product] .advice-back{padding:9px 16px;color:var(--product-paper);border-radius:999px;background:var(--product-ink);font:700 13px/1 Arial,sans-serif}:root[data-surface=product] .advice-back:hover{color:var(--product-ink);background:var(--product-mint)}:root[data-surface=product] .game-advice-lead{font-size:16px}:root[data-surface=product] .advice-steps{gap:10px}:root[data-surface=product] .advice-steps li{min-height:62px;padding:18px 20px 18px 64px;color:var(--product-ink)!important;border:0;border-radius:4px;background:#dfdbcf;font:600 15px/1.5 Arial,sans-serif}:root[data-surface=product] .advice-steps li:nth-child(2n){background:var(--product-mint)}:root[data-surface=product] .advice-steps li:before{top:16px;left:18px;width:30px;height:30px;color:var(--product-paper);background:var(--product-ink);font:800 13px/1 Arial,sans-serif}:root[data-surface=product] .style-modal.game-advice-video-modal{width:min(1000px,calc(100vw - 130px));height:auto;max-height:calc(100dvh - 48px);padding:0!important;display:block;overflow:visible;border-radius:4px!important;background:transparent!important;box-shadow:none!important}:root[data-surface=product] .game-advice-video-modal .game-advice-content,:root[data-surface=product] .game-advice-video-modal .advice-video-grid,:root[data-surface=product] .game-advice-video-modal .advice-video-card{width:100%;height:auto;display:block}:root[data-surface=product] .game-advice-video-modal .style-modal-header{position:absolute;top:0;right:-58px;display:block;margin:0}:root[data-surface=product] .game-advice-video-modal .style-modal-close{color:var(--product-paper)!important;border-color:#f1eee580!important;background:#17201ee0!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-surface=product] .game-advice-video-modal .advice-back{top:52px;right:-58px;width:46px;min-height:46px;padding:8px 4px;display:grid;place-items:center;border:1px solid rgba(241,238,229,.3);background:#17201ee0;font-size:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-surface=product] .game-advice-video-modal .advice-back:before{content:"←";font:700 22px/1 Arial,sans-serif}:root[data-surface=product] .game-advice-video-modal .recommendation-video{width:100%;height:auto;max-height:calc(100dvh - 48px);aspect-ratio:16/9;border:0;border-radius:4px;background:#000;box-shadow:0 28px 80px #0006;object-fit:contain}@media(max-width:700px){:root[data-surface=product] .style-modal.game-advice-video-modal{width:calc(100vw - 24px);max-height:none;border-radius:4px!important}:root[data-surface=product] .game-advice-video-modal .style-modal-header{top:10px;right:10px}:root[data-surface=product] .game-advice-video-modal .advice-back{top:62px;right:10px}:root[data-surface=product] .game-advice-video-modal .recommendation-video{max-height:calc(100dvh - 24px)}:root[data-surface=product] .advice-choice{min-height:92px;padding:18px}:root[data-surface=product] .advice-steps li{padding:16px 16px 16px 58px}:root[data-surface=product] .advice-steps li:before{top:14px;left:14px}}.page-transition[data-page=tutorial] .tutorial-page,.page-transition[data-page=history] .results-page,.page-transition[data-page=result] .results-page,.page-transition[data-page=legal] .legal-page{min-height:100vh;color:var(--product-ink);background:var(--product-paper)!important;background-image:none!important}.page-transition .tutorial-container{color:var(--product-ink);background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important}.page-transition .tutorial-header{color:var(--product-paper);background:var(--product-bg);margin:-3rem -4rem 55px;padding:75px 4rem 55px;border:0}.page-transition .tutorial-header h1{color:var(--product-paper)!important;font-size:clamp(45px,6vw,80px);text-shadow:none!important}.page-transition .tutorial-header .subtitle{color:#b5beb6}.page-transition .tutorial-icon{color:var(--product-coral)!important;filter:none!important}.page-transition .tutorial-status{color:var(--product-ink);background:var(--product-mint);border:0}.page-transition .tutorial-section h2{color:var(--product-ink);border-color:#17201e33}.page-transition .mechanics-list li{color:var(--product-ink);background:#e1ddcf!important;border:0!important;border-radius:4px!important;box-shadow:none!important}.page-transition .mechanics-list li:nth-child(2){background:var(--product-coral)!important}.page-transition .mechanics-list li:nth-child(3){background:var(--product-mint)!important}.page-transition .mechanics-list :is(h3,p){color:var(--product-ink)!important;text-shadow:none}.page-transition .tutorial-section>p,.page-transition .tutorial-section>.challenge-list,.page-transition .tutorial-section strong{color:#35423a!important}.page-transition .challenge-list li{color:var(--product-ink)!important;background:#e1ddcf!important;border-left-color:var(--product-coral)!important}.page-transition .mechanics-list .bullet{color:var(--product-paper);background:var(--product-ink);border:0;box-shadow:none}.page-transition .action-text{color:var(--product-ink)!important;background:#ffffff45!important;border-left-color:var(--product-ink)!important}.page-transition .tutorial-footer .back-btn{color:var(--product-paper);background:var(--product-ink);border:0;border-radius:40px;box-shadow:none}.page-transition .results-page{padding:45px 5% 85px}.page-transition .results-header{color:var(--product-ink);background:transparent;border:0;border-radius:0;box-shadow:none}.page-transition .results-header h1{color:var(--product-paper)!important;text-shadow:none!important}.page-transition .results-header .back-btn{min-height:48px;padding-inline:20px;color:var(--product-paper);border-color:var(--product-ink);border-radius:30px;background:var(--product-ink);box-shadow:none}.page-transition .results-header .back-btn:hover{color:var(--product-ink);background:var(--product-mint)}.page-transition .results-header .header-tabs{padding:4px;background:transparent;border:1px solid #17201e4a;border-radius:30px}.page-transition .tab-btn{min-height:40px;padding-inline:22px;color:#59665e;border-color:transparent;border-radius:24px;background:transparent;box-shadow:none}.page-transition .tab-btn.active{color:var(--product-ink);background:var(--product-mint);border-color:var(--product-mint)}.page-transition .tab-btn:hover:not(.active){color:var(--product-ink);background:#17201e0c}.page-transition .results-page .card{color:var(--product-ink);background:#e1ddcf!important;border:0!important;border-radius:4px!important;box-shadow:none!important;clip-path:none!important}.page-transition .results-page .control-card{background:var(--product-purple)!important}.page-transition .results-page .stats-card{background:var(--product-mint)!important}.page-transition .results-page :is(.chart-card,.scatter-card,.progress-card){background:#faf7ef!important;border:1px solid #17201e1a!important}.page-transition .results-page .control-card label,.page-transition .results-page .stats-card h3,.page-transition .results-page .chart-header{color:var(--product-ink)}.page-transition .results-page :is(.stat-item,.session-select){color:var(--product-ink);background:#ffffff59;border-color:#17201e28;box-shadow:none}.page-transition .results-page :is(.label,.no-data){color:#536158}.page-transition .results-page :is(.value,.highlight){color:var(--product-ink)!important;text-shadow:none}.page-transition .empty-history-card{color:var(--product-ink);background:var(--product-mint)!important;border:0!important;border-radius:4px!important;box-shadow:none!important}.page-transition .empty-history-card p{color:var(--product-ink)!important;text-shadow:none!important}.page-transition .empty-history-action{color:var(--product-paper);background:var(--product-ink);border:0;border-radius:40px;box-shadow:none}.page-transition .legal-page{padding:40px 6% 90px}.page-transition .legal-header{max-width:1180px;margin-inline:auto;border-bottom-color:#17201e25}.page-transition .legal-header .btn-secondary{color:var(--product-ink);background:transparent;border:1px solid #17201e55;border-radius:30px;box-shadow:none}.page-transition .legal-header .btn-secondary:hover{color:var(--product-paper);background:var(--product-ink);box-shadow:none}.page-transition .legal-hub-title{max-width:1180px;margin:55px auto;color:var(--product-ink);font-size:clamp(52px,7vw,100px);letter-spacing:-.07em;text-shadow:none}.page-transition .legal-hub-title:after{content:".";color:var(--product-coral)}.page-transition .legal-hub-grid{max-width:1180px;gap:18px}.page-transition .legal-section{padding:31px;color:var(--product-ink);background:#e1ddcf!important;border:0!important;border-radius:4px!important;box-shadow:none!important}.page-transition .legal-section:nth-child(2){background:var(--product-mint)!important}.page-transition .legal-section:nth-child(3){background:var(--product-purple)!important}.page-transition .legal-section h2{color:var(--product-ink);border-color:#17201e30}.page-transition .legal-section .link-btn{color:var(--product-ink);background:transparent;border:0;box-shadow:none;text-decoration:none}.page-transition .legal-section .link-btn:hover{color:#a54432;translate:5px 0;text-shadow:none}.page-transition .legal-content-container{max-width:980px;color:var(--product-ink);background:#fffdf7!important;border:0!important;border-radius:4px!important;box-shadow:12px 16px #17201e13!important}.page-transition .legal-document :is(h1,h2,h3,h4,p,li,pre),.page-transition .legal-content-container :is(h1,h2,h3,h4,p,li,pre){color:var(--product-ink);text-shadow:none}.page-transition .legal-text{color:var(--product-ink);font-family:Arial,sans-serif}.page-transition[data-page=coming-soon] .coming-soon-container{color:var(--product-paper);background:var(--product-bg);font-family:Arial,sans-serif}.page-transition[data-page=coming-soon] .coming-soon-container:before{content:"✳";inset:50% auto auto 50%;translate:-50% -50%;color:var(--product-coral);opacity:.1;background:none;font-size:min(68vw,850px);line-height:1;animation:product-spin 70s linear infinite}.page-transition[data-page=coming-soon] .icon-pulse{color:var(--product-ink);background:var(--product-mint);box-shadow:none}.page-transition[data-page=coming-soon] .rocket-icon{color:var(--product-ink)}.page-transition[data-page=coming-soon] h1.glitch-text{color:var(--product-paper);background:none;-webkit-text-fill-color:currentColor;font:500 clamp(50px,7vw,100px)/1 Arial,sans-serif;letter-spacing:-.06em;text-transform:none}.page-transition[data-page=coming-soon] .coming-soon-content p{color:#b5beb7}.page-transition[data-page=coming-soon] .progress-bar-container{background:#ffffff1a}.page-transition[data-page=coming-soon] .progress-bar{background:var(--product-coral);box-shadow:none}.page-transition[data-page=coming-soon] .version-tag{color:#aab4ab;font-family:monospace}:root[data-surface=product] .global-footer{margin:0;padding:35px 6% 55px;color:var(--product-paper);background:var(--product-bg);border:0}:root[data-surface=product] .global-footer .link-btn{color:#abb5ac;background:transparent;border:0;box-shadow:none;font:10px Arial,sans-serif;letter-spacing:0;text-transform:none}:root[data-surface=product] .global-footer .link-btn:hover{color:var(--product-mint);text-shadow:none}:root[data-surface=product] .footer-copy{color:#87938a;font:10px Arial,sans-serif}@keyframes product-page-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes product-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.page-transition .auth-card{padding-inline:34px}.page-transition .auth-card:before{left:34px}.page-transition .plans-grid{grid-template-columns:1fr}.page-transition .plan-card{min-height:0}.page-transition[data-page=menu] .dashboard-header{margin-bottom:28px}.page-transition[data-page=menu] .header-stats{gap:9px}.page-transition[data-page=menu] .dashboard-header :is(.home-btn,.logout-btn){width:auto}.page-transition[data-page=subscribe] .shared-account-header{display:flex;min-height:96px;padding-inline:5%}.page-transition[data-page=subscribe] .shared-account-header .header-stats{width:auto;display:flex;gap:8px}.page-transition[data-page=subscribe] .shared-account-header .stat-item{display:none}.page-transition[data-page=subscribe] .shared-account-header .language-switcher{width:auto;margin:0!important}.page-transition[data-page=subscribe] .shared-account-header .language-switcher select{width:auto;min-width:70px}.page-transition .tutorial-header{margin-inline:-2rem;padding-inline:2rem}}@media(max-width:600px){.page-transition[data-page=login] .auth-page,.page-transition[data-page=register] .auth-page{padding:75px 20px 45px;align-items:flex-start}.page-transition .auth-card{padding:65px 24px 32px}.page-transition .auth-card:before{left:24px}.page-transition .auth-title{font-size:40px}.page-transition .subscribe-header{height:78px;padding-inline:5%}.page-transition[data-page=subscribe] .shared-account-header{min-height:78px;padding-block:12px;gap:10px}.page-transition[data-page=subscribe] .shared-account-header .header-left{gap:9px}.page-transition[data-page=subscribe] .shared-account-header .avatar-circle{width:42px;height:42px;flex-basis:42px;font-size:15px}.page-transition[data-page=subscribe] .shared-account-header h1{max-width:24vw;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-transition[data-page=subscribe] .shared-account-header .level-badge{display:none}.page-transition[data-page=subscribe] .shared-account-header :is(.home-btn,.logout-btn){width:40px;min-height:40px;padding:0;justify-content:center}.page-transition[data-page=subscribe] .shared-account-header :is(.home-btn,.logout-btn) span{display:none}.page-transition[data-page=subscribe] .shared-account-header .language-switcher select{min-width:58px;min-height:40px;padding:0 8px!important}.page-transition .subscribe-header .logo .logo-tagline{display:none}.page-transition .subscribe-header .header-btn{padding:9px 12px}.page-transition[data-page=subscribe] .subscribe-page,.page-transition[data-page=subscribe] .subscribe-page *{box-sizing:border-box}.page-transition[data-page=subscribe] .subscribe-page{overflow-x:clip}.page-transition .subscribe-main{min-width:0;padding:0 16px 56px}.page-transition .subscribe-hero{width:calc(100% + 32px);margin-inline:-16px;padding:132px 22px 64px}.page-transition .subscribe-hero h1{max-width:100%;font-size:clamp(42px,13vw,53px);line-height:1;overflow-wrap:anywhere}.page-transition .subscribe-hero .hero-sub{max-width:100%;font-size:16px;line-height:1.6}.page-transition .subscribe-hero .cta-btn{min-height:48px;font-size:14px}.page-transition .modules-section{width:calc(100% + 32px);margin-inline:-16px;display:grid;justify-content:stretch;gap:10px;padding:28px 18px}.page-transition .module-card{width:100%;min-width:0}.page-transition .module-card .module-text h3{font-size:17px}.page-transition .module-card .module-text p{font-size:14px;line-height:1.5}.page-transition .plans-section{width:100%;min-width:0;margin-bottom:48px}.page-transition .plans-section h2{margin-bottom:28px;font-size:clamp(35px,11vw,46px);line-height:1.05;overflow-wrap:anywhere}.page-transition .plans-section .legal-checkbox-container{width:100%;max-width:none!important;margin-bottom:26px!important;padding:0 4px}.page-transition .plans-section .legal-checkbox-label{width:100%;display:flex;align-items:flex-start;justify-content:flex-start!important;gap:12px;text-align:start;font-size:14px;line-height:1.55}.page-transition .plans-section .legal-checkbox-label input{width:20px;height:20px;margin:1px 0 0;flex:0 0 20px}.page-transition .plans-section .legal-checkbox-label span{min-width:0;overflow-wrap:anywhere}.page-transition .plans-grid{width:100%;max-width:none;min-width:0;margin:0;gap:18px}.page-transition .plan-card{width:100%;max-width:100%;min-width:0;min-height:0;padding:26px 22px;overflow-wrap:anywhere}.page-transition .plan-card .plan-label{max-width:calc(100% - 8px);font-size:14px;line-height:1.35}.page-transition .plan-card .plan-games{max-width:100%;font-size:clamp(50px,17vw,64px);line-height:1;overflow-wrap:anywhere}.page-transition .plan-card.locked .plan-games{font-size:clamp(34px,11vw,52px)}.page-transition .plan-card .plan-price{font-size:clamp(34px,10vw,42px)}.page-transition .plan-card .plan-games-unit{font-size:15px}.page-transition .plan-card .plan-badge{max-width:100%;white-space:normal;text-align:center;line-height:1.3}.page-transition .plan-card .plan-badge,.page-transition .plan-card .plan-savings{font-size:13px}.page-transition .plan-card .plan-divider{width:100%}.page-transition .plan-card .plan-features{min-width:0}.page-transition .plan-card .plan-features li{min-width:0;font-size:15px;line-height:1.5}.page-transition .plan-card .plan-action{width:100%;max-width:100%;min-height:48px;padding:12px 14px;font-size:13px;white-space:normal;line-height:1.25}.page-transition .plan-card.featured .recommended-tag{top:14px;right:14px;max-width:calc(100% - 28px);padding:7px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-transition .trust-section{width:100%;align-items:stretch;gap:14px;padding:28px 0}.page-transition .trust-item{width:100%;min-width:0}.page-transition .trust-text{min-width:0}.page-transition .trust-text h4{font-size:16px}.page-transition .trust-text p{font-size:14px;line-height:1.5}.page-transition .subscribe-footer{padding:24px 16px;flex-direction:column;align-items:flex-start;gap:8px}.page-transition .subscribe-footer .footer-logo{font-size:14px}.page-transition .subscribe-footer .footer-copy{font-size:12px;line-height:1.5}.page-transition[data-page=menu] .personal-page{padding-inline:4%}.page-transition[data-page=menu] .dashboard-header{margin-inline:-4vw;padding-inline:4vw}.page-transition[data-page=menu] .header-stats .stat-item{display:none}.page-transition[data-page=menu] .dashboard-header .language-switcher{margin-right:0!important}.page-transition[data-page=menu] .dashboard-header :is(.home-btn,.logout-btn) span{display:none}.page-transition[data-page=menu] .dashboard-header :is(.home-btn,.logout-btn){width:42px;padding:0}.page-transition[data-page=menu] .dashboard-header{grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:10px;padding-block:14px}.page-transition[data-page=menu] .header-left{gap:12px}.page-transition[data-page=menu] .header-stats{display:contents}.page-transition[data-page=menu] .header-left{grid-column:1;grid-row:1}.page-transition[data-page=menu] .header-fullscreen-setting{grid-column:2 / 4;grid-row:1;justify-self:end;width:auto;min-height:44px;padding:5px 7px 5px 10px}.page-transition[data-page=menu] .header-fullscreen-setting .fullscreen-setting-copy{display:none}.page-transition[data-page=menu] .dashboard-header .language-switcher{grid-column:1;grid-row:2;width:100%}.page-transition[data-page=menu] .dashboard-header .language-switcher select{width:100%;min-width:0;min-height:44px}.page-transition[data-page=menu] .dashboard-header .home-btn{grid-column:2;grid-row:2;width:44px;min-height:44px}.page-transition[data-page=menu] .dashboard-header .logout-btn{grid-column:3;grid-row:2;width:44px;min-height:44px;margin:0}.page-transition[data-page=menu] .dashboard-header .stat-item{display:none}.page-transition .tutorial-header{margin:-1.5rem -1rem 38px;padding:55px 1.4rem 38px}.page-transition .legal-page,.page-transition .results-page{padding-inline:4%}.page-transition .legal-header{flex-wrap:wrap;gap:10px}.page-transition .legal-hub-title{margin-block:35px;font-size:54px}.page-transition .legal-hub-grid{grid-template-columns:1fr}.page-transition .legal-section{padding:24px}.page-transition .legal-content-container{padding:24px 18px}}@media(prefers-reduced-motion:reduce){.page-transition:not([data-page=landing]):not([data-page=game]),.page-transition:not([data-page=landing]):not([data-page=game]) *{animation:none!important;transition-duration:.01ms!important}}