@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060f;--surface:rgba(255,255,255,0.04);--surface-hover:rgba(255,255,255,0.07);--border:rgba(255,255,255,0.08);--border-bright:rgba(255,255,255,0.18);--text:#f1f5f9;--text-dim:rgba(241,245,249,0.55);--text-ghost:rgba(241,245,249,0.3);--accent:#7c3aed;--accent2:#a855f7;--accent-glow:rgba(124,58,237,0.4);--ease:cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--radius:16px;--radius-lg:24px;--radius-xl:32px;--type-normal:#A8A77A;--type-fire:#EE8130;--type-water:#6390F0;--type-electric:#F7D02C;--type-grass:#7AC74C;--type-ice:#96D9D6;--type-fighting:#C22E28;--type-poison:#A33EA1;--type-ground:#E2BF65;--type-flying:#A98FF3;--type-psychic:#F95587;--type-bug:#A6B91A;--type-rock:#B6A136;--type-ghost:#735797;--type-dragon:#6F35FC;--type-dark:#705746;--type-steel:#B7B7CE;--type-fairy:#D685AD}html{scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;border:none}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}img{display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.aurora-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.aurora-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;mix-blend-mode:screen}.aurora-orb-1{width:60vw;height:60vw;background:radial-gradient(circle,#4c1d95,#7c3aed,transparent);top:-20vw;left:-10vw;animation:aurora-drift-1 18s ease-in-out infinite alternate}.aurora-orb-2{width:50vw;height:50vw;background:radial-gradient(circle,#0c4a6e,#0ea5e9,transparent);top:10vw;right:-15vw;animation:aurora-drift-2 22s ease-in-out infinite alternate}.aurora-orb-3{width:45vw;height:45vw;background:radial-gradient(circle,#831843,#ec4899,transparent);bottom:-10vw;left:20vw;animation:aurora-drift-3 25s ease-in-out infinite alternate}.aurora-orb-4{width:35vw;height:35vw;background:radial-gradient(circle,#064e3b,#10b981,transparent);bottom:20vw;right:5vw;animation:aurora-drift-4 20s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(8vw,12vh) scale(1.15)}}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-10vw,8vh) scale(.9)}}@keyframes aurora-drift-3{0%{transform:translate(0) scale(.95)}to{transform:translate(5vw,-10vh) scale(1.2)}}@keyframes aurora-drift-4{0%{transform:translate(0) scale(1)}to{transform:translate(-8vw,-6vh) scale(1.1)}}.aurora-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.page-content{position:relative;z-index:2;min-height:100vh}.container{max-width:680px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.cinzel{font-family:Cinzel,serif}.glass-card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:white;border:none;border-radius:100px;padding:16px 36px;font-size:16px;font-weight:600;font-family:DM Sans,sans-serif;letter-spacing:.02em;cursor:pointer;transition:all .3s var(--ease);box-shadow:0 0 30px rgba(124,58,237,.35),inset 0 1px 0 rgba(255,255,255,.15);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f7,#ec4899);opacity:0;transition:opacity .3s}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 50px rgba(168,85,247,.5),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-primary span{position:relative;z-index:1}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-dim);border:1px solid var(--border-bright);border-radius:100px;padding:14px 28px;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s var(--ease)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text);border-color:rgba(255,255,255,.3)}.slider-track-wrapper,input[type=range].custom-slider{position:relative;width:100%;height:6px;border-radius:3px}input[type=range].custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background:transparent;z-index:2}input[type=range].custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:white;cursor:-webkit-grab;cursor:grab;box-shadow:0 2px 12px rgba(0,0,0,.4),0 0 0 3px rgba(255,255,255,.15);-webkit-transition:transform .15s var(--ease-spring),box-shadow .15s;transition:transform .15s var(--ease-spring),box-shadow .15s;position:relative}input[type=range].custom-slider::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.2)}input[type=range].custom-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:white;cursor:grab;border:none;box-shadow:0 2px 12px rgba(0,0,0,.4);-moz-transition:transform .15s var(--ease-spring);transition:transform .15s var(--ease-spring)}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stat-bar-track{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width 1s var(--ease)}.pokemon-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease);cursor:default}.pokemon-card:hover{transform:translateY(-6px) scale(1.02)}.pokemon-card-inner{padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pokeball-open{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.2) rotate(-15deg)}60%{transform:scale(.9) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:0}}.animate-fadeUp{animation:fadeUp .6s var(--ease) both}.animate-scaleIn{animation:scaleIn .5s var(--ease-spring) both}.animate-float{animation:floatY 3s ease-in-out infinite}.shimmer-bg{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.hero-section{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(40px,10vh,80px) clamp(20px,5vw,40px);gap:0}.quiz-section,.result-section{min-height:100svh;padding:clamp(60px,10vh,100px) clamp(20px,5vw,40px)}.loading-section{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.pokeball-loader{width:80px;height:80px;animation:spin 1s linear infinite}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent);margin:0}.share-card-canvas{position:fixed;left:-9999px;top:-9999px;width:1080px;height:1080px;z-index:-1}.synergy-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;color:var(--text-dim)}@media (max-width:480px){.aurora-orb{filter:blur(60px);opacity:.25}}