:root{--font-display:"Orbitron", "Cormorant Garamond", Georgia, serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-body:"Satoshi", "Inter", sans-serif;--color-bg:#020402;--color-bg-2:#050805;--color-surface:#d5ff3f08;--color-surface-2:#d5ff3f0e;--color-border:#ffffff14;--color-border-glow:#d5ff3f59;--color-text:#f4ffd2;--color-text-body:#c3d3a0;--color-text-muted:#7a8a70;--color-text-faint:#3a4435;--color-primary:#d5ff3f;--color-primary-alt:#84ff00;--color-warm:#ffc94a;--color-danger:#f46;--color-gold:#ffc94a;--color-success:#4caf50;--fire-primary:#ff7043;--fire-secondary:#ff3d00;--water-primary:#1565c0;--water-secondary:#0d47a1;--air-primary:#b0bec5;--air-secondary:#4dd0e1;--earth-primary:#4caf50;--earth-secondary:#795548;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .3vw, .9rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1rem, .9rem + .6vw, 1.375rem);--text-xl:clamp(1.375rem, 1.1rem + 1.1vw, 2rem);--text-2xl:clamp(1.75rem, 1rem + 2.2vw, 3rem);--text-3xl:clamp(2.25rem, .8rem + 3.5vw, 4.5rem);--text-hero:clamp(2.8rem, .3rem + 7vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--panel-blur:18px;--panel-radius:14px;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--radius-pill:999px;--transition-ui:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.7s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;line-height:1.6;overflow:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.15}.glass-panel{-webkit-backdrop-filter:blur(var(--panel-blur));border-radius:var(--panel-radius);padding:var(--space-6);background:linear-gradient(#090f09e0,#050905eb);border:1px solid #d5ff3f2e;box-shadow:0 8px 40px #00000080}.glass-panel-glow{-webkit-backdrop-filter:blur(20px);border-radius:var(--panel-radius);background:linear-gradient(#090f09e6,#050905f2);border:1px solid #d5ff3f47;box-shadow:0 0 40px #84ff001a,inset 0 0 30px #84ff000a,0 8px 60px #0009}.screen-overlay{z-index:100;background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.screen-overlay.hidden,.screen-overlay.fade-out{opacity:0;pointer-events:none;visibility:hidden}#title-screen{background:radial-gradient(ellipse at 50% 25%, #84ff001a 0%, transparent 65%), radial-gradient(ellipse at 80% 80%, #ffc94a0f 0%, transparent 50%), var(--color-bg)}.title-text{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:.06em;text-align:center;background:linear-gradient(135deg,#d5ff3f 0%,#84ff00 50%,#ffc94a 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 50px #d5ff3f4d);margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-weight:900;animation:4s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 50px #d5ff3f4d)}50%{filter:drop-shadow(0 0 90px #d5ff3f8c)}}.tagline{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8);font-style:italic}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-lg);transition:all var(--transition-ui);min-width:160px;font-weight:600;display:inline-flex}.btn-primary{color:#071207;border-radius:var(--radius-pill);background:linear-gradient(135deg,#d5ff3f,#ffc94a);border:none;font-weight:700;box-shadow:0 4px 24px #d5ff3f4d,0 2px 8px #0006}.btn-primary:hover{background:linear-gradient(135deg,#e8ff5a,#ffd070);transform:translateY(-3px);box-shadow:0 8px 40px #d5ff3f8c,0 4px 16px #00000080}.btn-secondary{color:var(--color-text);border-radius:var(--radius-xl);background:linear-gradient(#090f09d1,#050905e6);border:1px solid #d5ff3f38}.btn-secondary:hover{color:#d5ff3f;background:linear-gradient(#0f160fe6,#090f09f2);border-color:#d5ff3f8c;box-shadow:0 0 20px #d5ff3f1a}.btn-gold{color:#0a0a1a;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ffc94a,#fa0);border:none;box-shadow:0 4px 20px #ffc94a59}.btn-gold:hover{background:linear-gradient(135deg,#ffd870,#ffc030);transform:translateY(-2px);box-shadow:0 8px 36px #ffc94a8c}.btn-sm{min-width:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);letter-spacing:.06em}.btn-group{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}#language-screen{background:var(--color-bg)}.lang-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);width:90%;max-width:400px;display:grid}.lang-btn{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:all var(--transition-ui);text-align:center;font-weight:500}.lang-btn:hover{border-color:var(--color-primary);color:#cf0;background:#ccff0014;transform:scale(1.02);box-shadow:0 0 20px #ccff0026}#cinematic-screen{background:var(--color-bg)}.cinematic-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);text-align:center;opacity:0;max-width:700px;padding:0 var(--space-4);font-style:italic;font-weight:400;line-height:1.5;animation:3s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cinematic-continue{margin-top:var(--space-8);opacity:0;animation:1s 3.5s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}#chart-screen{background:radial-gradient(ellipse at 30% 20%, #84ff000a 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, #ffc94a08 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #6400ff08 0%, transparent 50%), var(--color-bg);padding:var(--space-6) var(--space-4);justify-content:flex-start;overflow-y:auto}#chart-screen:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 60% 20%,#ffffff1f 0%,#0000 100%),radial-gradient(1px 1px at 80%,#ffffff14 0%,#0000 100%),radial-gradient(1px 1px at 10% 80%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 90% 10%,#ffffff21 0%,#0000 100%);animation:60s linear infinite starDrift;position:absolute;inset:0}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(-20px)}}#chart-screen>*{z-index:1;position:relative}.chart-form{width:90%;max-width:420px}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1);display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-ui), box-shadow var(--transition-ui);background:#0a0c08b3;border:1px solid #ffffff14;outline:none}.form-input:focus{border-color:#d5ff3f66;box-shadow:0 0 0 3px #d5ff3f0f,0 0 20px #d5ff3f0f}.form-input::placeholder{color:var(--color-text-faint)}.sun-result{text-align:center;padding:var(--space-6);opacity:0;transition:opacity .5s}.sun-result.visible{opacity:1}.sun-glyph{margin-bottom:var(--space-2);filter:drop-shadow(0 0 20px);font-size:64px;display:block}.sun-sign-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.chart-layout{gap:var(--space-6);z-index:1;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:stretch;width:95%;max-width:1200px;margin-block:auto;display:flex;position:relative}.chart-form-panel{flex:340px;max-width:420px}.chart-wheel-panel{gap:var(--space-3);flex-direction:column;flex:420px;max-width:560px;display:flex}.chart-wheel-header{text-align:center}.chart-wheel-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);letter-spacing:.08em;font-weight:700}.chart-wheel-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);letter-spacing:.04em}.chart-wheel-canvas-wrap{border-radius:var(--radius-lg);padding:var(--space-3);background:#0006;border:1px solid #ffffff0f;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.chart-wheel-canvas-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#84ff0008 0%,#0000 60%);position:absolute;inset:0}.chart-wheel-canvas-wrap canvas{z-index:1;aspect-ratio:1;width:100%;display:block;position:relative}.chart-wheel-detail{border-radius:var(--radius-lg);padding:var(--space-4);background:#00000059;border:1px solid #ffffff0f;min-height:120px;position:relative;overflow:hidden}.chart-wheel-detail:before{content:"";background:linear-gradient(90deg,#0000,#d5ff3f33,#0000);height:1px;position:absolute;top:0;left:0;right:0}.zd-placeholder{text-align:center;color:var(--color-text-muted);padding:var(--space-6) 0}.zd-placeholder-glyph{opacity:.5;margin-bottom:var(--space-2);font-size:48px}.zd-placeholder-text{font-size:var(--text-sm);font-style:italic}#avatar-screen{background:radial-gradient(ellipse at 30% 20%, #84ff000a 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, #ffc94a06 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #6400ff06 0%, transparent 50%), var(--color-bg);padding:var(--space-6) var(--space-4) var(--space-8);justify-content:flex-start;overflow-y:auto}#avatar-screen:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 15% 25%,#ffffff1f 0%,#0000 100%),radial-gradient(1px 1px at 35% 65%,#ffffff14 0%,#0000 100%),radial-gradient(1px 1px at 55% 15%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 75% 45%,#ffffff0f 0%,#0000 100%),radial-gradient(1px 1px at 85% 75%,#ffffff1a 0%,#0000 100%);animation:80s linear infinite starDrift;position:absolute;inset:0}#avatar-screen>*{z-index:1;flex-shrink:0;position:relative}.avatar-title{font-family:var(--font-display);font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:.06em;font-weight:700}.avatar-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6);letter-spacing:.03em;font-style:italic}.avatar-tabs{gap:var(--space-2);margin-bottom:var(--space-4);justify-content:center;display:flex}.avatar-tab{color:var(--color-text-muted);padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;cursor:pointer;transition:all var(--transition-ui);background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px}.avatar-tab:hover{color:var(--color-text);background:#ffffff0a;border-color:#ffffff40}.avatar-tab.active{color:var(--color-primary);background:#d5ff3f1f;border-color:#d5ff3f80;box-shadow:0 0 20px #ccff0026}.avatar-card.champion-card{border-color:#ffffff14}.avatar-card.champion-card:hover{border-color:#fff3;box-shadow:0 8px 40px #0000004d,0 0 20px #84ff000f}.avatar-champion-badge{font-size:9px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-1);border-radius:999px;padding:2px 8px;font-weight:700;display:inline-block}.avatar-zodiac-link{font-size:10px;font-family:var(--font-display);letter-spacing:.06em;margin-top:var(--space-2);padding-top:var(--space-2);opacity:.88;border-top:1px solid #ffffff0f}.avatar-zodiac-glyph{font-size:13px}.avatar-zodiac-power{opacity:.75;margin-top:3px;font-size:9px;font-style:italic;line-height:1.4}.avatar-grid{gap:var(--space-4);width:95%;max-width:1100px;margin:0 auto var(--space-6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.avatar-grid.champion-grid{width:95%;max-width:1100px;margin:0 auto var(--space-6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.avatar-card{border-radius:var(--panel-radius);padding:var(--space-3);text-align:center;cursor:pointer;transition:all var(--transition-ui);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c0880;border:1px solid #ffffff0f;position:relative;overflow:hidden}.avatar-card:before{content:"";opacity:.03;transition:opacity var(--transition-ui);background:radial-gradient(circle at 50% 30%,currentColor,#0000 70%);position:absolute;inset:0}.avatar-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d,0 0 20px #84ff000a}.avatar-card:hover:before{opacity:.06}.avatar-card.selected{border-color:#d5ff3f80;box-shadow:0 0 30px #ccff001a,0 8px 30px #0000004d}.avatar-card.selected:before{opacity:.08}.avatar-card.recommended{border-color:#ffc94a80}.avatar-card.recommended:after{content:"★";top:var(--space-1);right:var(--space-2);color:var(--color-gold);font-size:var(--text-sm);position:absolute}.avatar-orb{width:56px;height:56px;margin:0 auto var(--space-2);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex;position:relative}.avatar-glyph{margin-bottom:var(--space-1);z-index:1;filter:drop-shadow(0 0 10px);font-size:32px;display:block;position:relative}.avatar-name{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-1);z-index:1;font-weight:600;position:relative}.avatar-archetype{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);z-index:1;font-style:italic;position:relative}.avatar-keywords{color:var(--color-text-faint);z-index:1;font-size:10px;line-height:1.4;position:relative}.avatar-desc{font-size:var(--text-xs);color:var(--color-text-muted);z-index:1;line-height:1.4;position:relative}.avatar-stats{margin-top:var(--space-2);z-index:1;gap:3px;display:grid;position:relative}.avatar-stat-row{align-items:center;gap:var(--space-1);color:var(--color-text-faint);font-size:9px;display:flex}.avatar-stat-bar-bg{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.avatar-stat-bar-fill{opacity:.7;background:currentColor;border-radius:2px;height:100%}#game-hud{z-index:50;pointer-events:none;font-family:var(--font-body);position:fixed;inset:0}#game-hud *{pointer-events:none}#game-hud button,#game-hud [data-interactive]{pointer-events:auto}.hud-top{top:50px;left:var(--space-4);right:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-left{gap:var(--space-2);flex-direction:column;display:flex}.hud-health{align-items:center;gap:var(--space-2);display:flex}.health-bar-bg{background:#ffffff1a;border-radius:4px;width:200px;height:8px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg, var(--color-danger), #f68);border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 10px #ff446680}.hud-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 3px #000000b3}.hud-value{font-variant-numeric:tabular-nums lining-nums;font-size:var(--text-sm);text-shadow:0 1px 3px #000000b3;font-weight:600}.hud-right{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.hud-stardust{font-variant-numeric:tabular-nums lining-nums;font-size:var(--text-sm);color:var(--color-gold);text-shadow:0 0 12px #ffd70059;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:#00000073;border:1px solid #ffd70033;font-weight:600}.hud-actions{gap:var(--space-2);display:flex}.hud-icon-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px;transition:border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-ui);background:#00000073;font-size:1.25rem;line-height:1}.hud-icon-btn:hover{border-color:var(--color-border-glow);transform:translateY(-1px);box-shadow:0 0 16px #cf03}.hud-counter{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:#0006;display:flex}.hud-counter-icon{font-size:var(--text-lg)}.hud-level-name{font-family:var(--font-display);font-size:var(--text-lg);text-shadow:0 2px 8px #000c;letter-spacing:.05em;font-weight:600}.hud-element{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:#0006;display:flex}.hud-minimap{bottom:var(--space-4);right:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0009;width:150px;height:150px;position:absolute;overflow:hidden}.minimap-label{z-index:1;padding:var(--space-1) var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);pointer-events:none;background:linear-gradient(#000000d9,#0000);font-size:10px;font-weight:600;position:absolute;top:0;left:0;right:0}.minimap-canvas{width:100%;height:100%}.hud-controls{bottom:var(--space-4);left:var(--space-4);font-size:var(--text-xs);color:var(--color-text-faint);text-shadow:0 1px 3px #000000b3;position:absolute}.map-overlay-screen,.shop-overlay-screen{z-index:120;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#060612d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-overlay-inner,.shop-overlay-inner{width:min(920px,100%);max-height:min(92vh,900px);padding:var(--space-6);overflow:auto}.map-overlay-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.map-overlay-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.map-overlay-body{gap:var(--space-6);flex-wrap:wrap;align-items:flex-start;display:flex}.map-full-canvas{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#00000059;flex:320px;max-width:100%;height:auto}.map-legend{font-size:var(--text-sm);color:var(--color-text-muted);gap:var(--space-2);flex-direction:column;flex:0 200px;list-style:none;display:flex}.map-legend .leg{width:12px;height:12px;margin-right:var(--space-2);vertical-align:middle;border-radius:3px;display:inline-block}.map-legend .leg.you{background:#0ff;box-shadow:0 0 8px #0ff}.map-legend .leg.shard{background:gold}.map-legend .leg.foe{background:#f46}.map-legend .leg.exit{background:#4caf50}.map-legend .leg.crys{background:#9c6cff}.map-legend .leg.boss{background:#ff3d00}.shop-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.shop-header h2{font-family:var(--font-display);font-size:var(--text-xl);flex:auto}.shop-stardust-line{font-size:var(--text-sm);color:var(--color-text-muted)}.shop-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.5}.shop-list{gap:var(--space-3);flex-direction:column;display:flex}.shop-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#00000040;display:flex}.shop-swatch{border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;width:40px;height:40px}.shop-meta{flex:1;min-width:0}.shop-name{font-weight:600;font-size:var(--text-base)}.shop-price{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.shop-actions{flex-shrink:0}.shop-lock{font-size:var(--text-xs);color:var(--color-gold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px dashed #ffd70059}.touch-controls{bottom:var(--space-4);z-index:60;padding:0 var(--space-4);pointer-events:none;justify-content:space-between;display:none;position:fixed;left:0;right:0}.touch-joystick{pointer-events:auto;touch-action:none;background:#ffffff14;border:2px solid #fff3;border-radius:50%;width:120px;height:120px;position:relative}.touch-joystick-knob{background:#fff3;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-buttons{gap:var(--space-2);pointer-events:auto;align-items:flex-end;display:flex}.touch-btn{width:60px;height:60px;font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:auto;touch-action:none;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.touch-btn[hidden]{display:none}#touch-interact{background:var(--color-bg-2);color:var(--color-text);border-color:var(--color-text-muted)}#touch-interact:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}@media (width<=1024px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.touch-controls{display:flex}.touch-joystick{width:100px;height:100px}.touch-joystick-knob{width:35px;height:35px}.touch-btn{width:50px;height:50px;font-size:20px}.hud-controls{display:none}.hud-minimap{width:100px;height:100px}.health-bar-bg{width:120px}.avatar-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}}@media (width<=480px){.avatar-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.avatar-orb{width:44px;height:44px}}.result-screen{text-align:center}.result-title{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.result-message{font-size:var(--text-lg);color:var(--color-text-muted);max-width:500px;margin-bottom:var(--space-8);font-style:italic;line-height:1.5}.premium-panel{width:90%;max-width:400px;padding:var(--space-8);text-align:center}.premium-crystal{margin-bottom:var(--space-4);filter:drop-shadow(0 0 30px #cf06);font-size:80px;animation:3s ease-in-out infinite crystalFloat}@keyframes crystalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.premium-chat{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;background:#ffffff08;justify-content:center;align-items:center;min-height:200px;display:flex}.premium-chat-placeholder{color:var(--color-text-faint);font-style:italic;font-size:var(--text-sm)}.premium-input-row{gap:var(--space-2);display:flex}.premium-input{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-faint);opacity:.5;background:#ffffff0d;flex:1}.puzzle-dialog{width:90%;max-width:500px;padding:var(--space-8)}.puzzle-question{font-family:var(--font-display);font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-6)}.puzzle-answers{gap:var(--space-3);flex-direction:column;display:flex}.puzzle-answer-btn{padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);text-align:left;transition:all var(--transition-ui)}.puzzle-answer-btn:hover{border-color:var(--color-primary);background:#ccff0014}.settings-panel{width:90%;max-width:350px;padding:var(--space-6)}.settings-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.settings-label{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:120px;height:4px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}#particles-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#auth-screen{background:radial-gradient(ellipse at 50% 20%, #ccff0012 0%, transparent 60%), var(--color-bg)}.auth-panel{width:92%;max-width:420px;padding:var(--space-8)}.auth-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.auth-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--transition-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.auth-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.auth-error{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#ff44661a;border:1px solid #f463}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--color-text-faint);font-size:var(--text-xs);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}#profile-screen{background:radial-gradient(ellipse at 50% 0%, #ccff0012 0%, transparent 60%), var(--color-bg);padding:var(--space-8) var(--space-4);align-items:flex-start;overflow-y:auto}.profile-header{width:100%;max-width:900px;margin:0 auto var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.profile-identity{align-items:center;gap:var(--space-4);display:flex}.profile-avatar-glyph{filter:drop-shadow(0 0 20px);font-size:64px;line-height:1}.profile-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.profile-sign-line{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.profile-tier-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:20px;font-weight:700}.profile-tier-badge.free{border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff14}.profile-tier-badge.premium{color:#0a0a1a;background:linear-gradient(135deg,gold,#ff8f00);box-shadow:0 0 20px #ffd7004d}.profile-tabs{width:100%;max-width:900px;margin:0 auto var(--space-6);gap:var(--space-2);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.profile-tab:hover{color:var(--color-text)}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-content{width:100%;max-width:900px;margin:0 auto}.profile-section{display:none}.profile-section.active{display:block}.profile-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--panel-radius);padding:var(--space-6)}.profile-card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.natal-wheel-canvas{border-radius:50%;width:100%;max-width:240px;margin:0 auto;display:block}.numerology-number{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-2);filter:drop-shadow(0 0 30px);font-size:80px;font-weight:700;line-height:1}.numerology-title{font-family:var(--font-display);font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-2)}.numerology-theme{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4);font-style:italic}.numerology-message{font-size:var(--text-base);color:var(--color-text);text-align:center;line-height:1.7}.numerology-mini-row{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.numerology-mini-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;background:#ffffff0a;flex:1}.numerology-mini-num{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:700}.numerology-mini-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.tarot-spread{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.tarot-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px;max-width:180px;padding:var(--space-4);text-align:center;transition:all var(--transition-ui);background:#ffffff08;flex:1}.tarot-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.tarot-position{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.tarot-emoji{margin-bottom:var(--space-2);filter:drop-shadow(0 0 15px #7c4dff80);font-size:48px;display:block}.tarot-number{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-1)}.tarot-name{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.tarot-meaning{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;line-height:1.5}.compat-form{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.compat-select{min-width:140px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-ui);background:#ffffff0d;outline:none;flex:1}.compat-select:focus{border-color:var(--color-primary)}.compat-select option{background:#1a1a2e}.compat-result{text-align:center;display:none}.compat-result.visible{display:block}.compat-score-ring{width:120px;height:120px;margin:0 auto var(--space-4);border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px}.compat-score-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1}.compat-score-pct{font-size:var(--text-xs);opacity:.7}.compat-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3)}.compat-note{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px;margin:0 auto;font-style:italic;line-height:1.7}.premium-lock-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:inherit;justify-content:center;align-items:center;gap:var(--space-3);z-index:5;background:#0a0a1ad9;flex-direction:column;display:flex;position:absolute;inset:0}.premium-lock-icon{font-size:48px}.premium-lock-text{font-family:var(--font-display);font-size:var(--text-lg);text-align:center}.premium-lock-sub{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-width:260px}#profile-hud-btn{pointer-events:auto;z-index:120;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition-ui);cursor:pointer;background:#7c4dff33;border:1px solid #7c4dff66;font-weight:600;position:fixed;top:16px;right:16px}#profile-hud-btn:hover{background:#7c4dff66;box-shadow:0 0 20px #7c4dff4d}.victory-zodiac-msg{font-family:var(--font-display);font-size:var(--text-lg);max-width:500px;color:var(--color-text-muted);margin-bottom:var(--space-6);font-style:italic;line-height:1.7}.victory-profile-preview{gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.victory-insight-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;background:#ffffff0a;min-width:120px}.victory-insight-emoji{margin-bottom:var(--space-2);font-size:32px}.victory-insight-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em}.victory-insight-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.attribution{bottom:var(--space-2);right:var(--space-2);z-index:200;font-size:var(--text-xs);position:fixed}.attribution a{color:var(--color-text-faint);transition:color var(--transition-ui);text-decoration:none}.attribution a:hover{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.deep-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);transition:border-color var(--transition-ui);background:#ffffff08}.deep-block-sun{border-color:#ffd7002e}.deep-block-moon{border-color:#b0c4de2e}.deep-block-rising{border-color:#e040fb2e}.deep-block-conflict{border-color:#ff44662e}.deep-block-rituals{border-color:#ffd70038}.deep-block-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0f;display:flex}.deep-block-icon{filter:drop-shadow(0 0 10px);flex-shrink:0;font-size:2rem;line-height:1}.deep-block-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:600;line-height:1.2}.deep-block-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;line-height:1.5}.nr-summary{color:var(--color-text);margin:0 0 var(--space-3);font-weight:600;line-height:1.6}.nr-body{color:var(--color-text-muted);line-height:1.8;font-size:var(--text-sm);margin:0}.nr-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.nr-spinner{border:2px solid #ccff0026;border-top-color:#cf0;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite nr-spin}@keyframes nr-spin{to{transform:rotate(360deg)}}#intro-screen{z-index:200;cursor:default;background:#020402;overflow:hidden}#portal-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#game-container canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.intro-grain{pointer-events:none;z-index:2;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:.1s step-end infinite grainShift;position:absolute;inset:0}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}to{transform:translate(0)}}.intro-scanline{pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#d5ff3f99 20%,#d5ff3ff2 50%,#d5ff3f99 80%,#0000 100%);height:1px;animation:6s linear infinite scanSweep;position:absolute;left:0;right:0;box-shadow:0 0 18px 3px #d5ff3f4d}@keyframes scanSweep{0%{opacity:0;top:-4px}3%{opacity:1}97%{opacity:1}to{opacity:0;top:100%}}.intro-topbar{z-index:10;background:linear-gradient(#020402d9 0%,#02040200 100%);justify-content:space-between;align-items:center;padding:22px 36px;display:flex;position:absolute;top:0;left:0;right:0}.intro-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.intro-logo-orb{border:1px solid #d5ff3f80;border-radius:50%;flex-shrink:0;width:42px;height:42px;position:relative}.intro-logo-orb:before{content:"";border:1px solid #ffc94a59;border-radius:50%;position:absolute;inset:5px}.intro-logo-orb:after{content:"✦";color:#d5ff3f;text-align:center;justify-content:center;align-items:center;font-size:14px;line-height:42px;display:flex;position:absolute;inset:0}.intro-logo-text{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#f4ffd2;font-size:13px;font-weight:700}.intro-nav{align-items:center;gap:32px;display:flex}.intro-nav-link{letter-spacing:.16em;text-transform:uppercase;color:#f4ffd28c;cursor:pointer;font-size:11px;transition:color .2s}.intro-nav-link:hover{color:#f4ffd2e6}.intro-nav-cta{letter-spacing:.14em;text-transform:uppercase;color:#d5ff3f;border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d5ff3f0f;border:1px solid #d5ff3f80;padding:8px 20px;font-size:11px;transition:all .2s}.intro-nav-cta:hover{background:#d5ff3f26;border-color:#d5ff3f;box-shadow:0 0 20px #d5ff3f33}.intro-corner{color:#d5ff3f66;letter-spacing:.12em;text-transform:uppercase;z-index:5;font-family:Courier New,monospace;font-size:10px;line-height:1.8;position:absolute}.intro-corner.tl{top:80px;left:28px}.intro-corner.tr{text-align:right;top:80px;right:28px}.intro-corner.bl{bottom:56px;left:28px}.intro-corner.br{text-align:right;bottom:56px;right:28px}.intro-content{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:28px;padding:0 24px;display:flex;position:relative}.intro-program-label{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:#d5ff3f;opacity:0;font-size:11px;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards introFadeUp}.intro-title{font-family:var(--font-display);letter-spacing:.06em;color:#f4ffd2;text-shadow:0 0 60px #d5ff3f33,0 0 120px #d5ff3f1a;filter:drop-shadow(0 0 40px #d5ff3f26);opacity:0;font-size:clamp(2.8rem,9vw,8.5rem);font-weight:900;line-height:.9;animation:1s cubic-bezier(.16,1,.3,1) .6s forwards introFadeUp;transform:translateY(40px)}.intro-subtitle{font-family:var(--font-body);letter-spacing:.04em;color:var(--color-text-body);opacity:0;max-width:52ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;animation:.8s cubic-bezier(.16,1,.3,1) 1s forwards introFadeUp}.intro-begin-btn{border-radius:var(--radius-pill);color:#0a1009;font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;opacity:0;background:linear-gradient(135deg,#d5ff3f,#ffc94a);border:1px solid #d5ff3f8c;align-items:center;gap:16px;padding:16px 44px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) 1.4s forwards introFadeUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 40px #d5ff3f40,0 4px 24px #0006}.intro-begin-btn:hover{background:linear-gradient(135deg,#e8ff5a,#ffd070);transform:translateY(-3px)scale(1.03);box-shadow:0 0 70px #d5ff3f80,0 8px 40px #00000080}.intro-begin-btn:active{transform:translateY(-1px)scale(1.01)}.intro-btn-arrow{font-size:16px;animation:1.6s ease-in-out infinite arrowPulse;display:inline-block}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.intro-bottom{z-index:5;align-items:center;gap:14px;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.intro-bottom-label{letter-spacing:.12em;color:#d5ff3f59;white-space:nowrap;font-family:Courier New,monospace;font-size:10px}.intro-progress-bar{background:#d5ff3f14;flex:1;height:1px}.intro-progress-fill{background:linear-gradient(90deg,#d5ff3f66,#d5ff3fb3);width:0;height:100%;animation:2.5s cubic-bezier(.16,1,.3,1) .2s forwards progressLoad}@keyframes progressLoad{to{width:100%}}@keyframes introFadeUp{to{opacity:1;transform:translateY(0)}}#language-screen{gap:var(--space-8);background:radial-gradient(at 50% 20%,#84ff000f 0%,#0000 60%),#020402}#language-screen>h2{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:#d5ff3f8c;border:none;font-size:11px}.lang-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:92%;max-width:480px;display:grid}.lang-btn{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);color:#f4ffd2a6;font-size:var(--text-sm);font-family:var(--font-display);letter-spacing:.1em;text-align:center;background:linear-gradient(#090f09d1,#050905e0);border:1px solid #d5ff3f2e;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.lang-btn:after{content:"→";opacity:0;color:#d5ff3f;font-size:12px;transition:all .25s;position:absolute;top:50%;right:14px;transform:translateY(-50%)translate(4px)}.lang-btn:hover{color:#d5ff3f;background:linear-gradient(#0f160fe6,#090f09f2);border-color:#d5ff3f8c;transform:translateY(-2px);box-shadow:0 0 24px #d5ff3f1f}.lang-btn:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.reading-container{width:92%;max-width:600px;padding:var(--space-8) 0;scrollbar-width:thin;scrollbar-color:#d5ff3f26 transparent;max-height:100dvh;margin:0 auto;overflow-y:auto}.reading-container-wide{max-width:920px}.reading-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.reading-screen-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);flex:1;min-width:0;font-weight:700;line-height:1.2}.reading-back-btn{flex-shrink:0}.tier-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.tier-pill.free{color:var(--color-text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.tier-pill.premium{color:gold;background:linear-gradient(135deg,#ffd70033,#ff8f0026);border:1px solid #ffd7004d}.tier-pill.elite{color:#e040fb;background:linear-gradient(135deg,#e040fb33,#ffd70026);border:1px solid #e040fb4d}.profile-reading-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-ui);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;display:inline-flex}.profile-reading-btn:hover{color:#d5ff3f;background:#d5ff3f14;border-color:#d5ff3f4d;box-shadow:0 0 16px #d5ff3f1a}.funnel-banner{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,#ffc94a14,#ffd7000a);border:1px solid #ffc94a33;flex-wrap:wrap;display:flex}.funnel-banner-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.funnel-banner-text strong{color:var(--color-gold)}.horoscope-body{animation:.6s forwards fadeInUp}.horoscope-exclusive-badge{text-align:center;margin-bottom:var(--space-4)}.horoscope-exclusive-badge span{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);letter-spacing:.12em;text-transform:uppercase;color:#d5ff3f;background:linear-gradient(135deg,#d5ff3f1a,#ffc94a14);border:1px solid #d5ff3f33;font-size:11px;font-weight:600;display:inline-block}.horoscope-exclusive-sub{color:var(--color-text-faint);margin-top:var(--space-2);text-align:center;font-size:11px;font-style:italic}.horoscope-card{border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#090f09b3,#050905d9);border:1px solid #ffffff14}.horoscope-sign-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.horoscope-glyph{filter:drop-shadow(0 0 12px);font-size:2.5rem;line-height:1}.horoscope-sign-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);font-weight:700}.horoscope-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.horoscope-theme{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-gold);margin-bottom:var(--space-4);background:#ffc94a14;border:1px solid #ffc94a26;font-weight:600;display:inline-flex}.horoscope-message{font-size:var(--text-base);color:var(--color-text-body);margin-bottom:var(--space-5);padding-left:var(--space-4);border-left:2px solid #d5ff3f26;font-style:italic;line-height:1.8}.horoscope-cta-italic{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-4);font-style:italic;line-height:1.6}.horoscope-meta{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.horoscope-meta-item{border-radius:var(--radius-md);padding:var(--space-3);background:#ffffff08;border:1px solid #ffffff0f}.horoscope-meta-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin-bottom:4px;font-size:10px;font-weight:600}.horoscope-meta-value{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.horoscope-nav-links{gap:var(--space-2);margin-bottom:var(--space-6);padding-top:var(--space-4);border-top:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.horoscope-funnel{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4);background:linear-gradient(#ffc94a0a,#0000);border:1px solid #ffc94a1f}.horoscope-funnel p{margin-bottom:var(--space-3);color:var(--color-text-muted);font-style:italic;font-size:var(--text-sm);line-height:1.6}.lunar-body{animation:.6s forwards fadeInUp}.lunar-card{border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;margin-bottom:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#090f09b3,#050905d9);border:1px solid #b0c4de1f}.lunar-emoji{margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px #b0c4de66);font-size:4rem;animation:4s ease-in-out infinite crystalFloat;display:block}.lunar-phase-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.lunar-illumination{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.lunar-energy{font-size:var(--text-base);color:var(--color-text-body);max-width:480px;margin:0 auto;font-style:italic;line-height:1.7}.lunar-ritual-card{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);background:#ffffff08;border:1px solid #b0c4de1a}.lunar-ritual-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.lunar-ritual-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.8}.natal-three-cols{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.natal-three-cols{grid-template-columns:1fr}}.natal-col{border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-ui);background:linear-gradient(#090f09b3,#050905d9);border:1px solid #ffffff14;position:relative;overflow:hidden}.natal-col-sun{border-color:#ffd7002e}.natal-col-moon{border-color:#b0c4de2e}.natal-col-rising{border-color:#e040fb2e}.natal-col:before{content:"";opacity:.03;background:radial-gradient(circle at 50% 0,currentColor,#0000 70%);position:absolute;inset:0}.natal-col-blurred{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5}.natal-col-header{text-align:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);z-index:1;border-bottom:1px solid #ffffff0f;position:relative}.natal-col-icon{margin-bottom:var(--space-2);filter:drop-shadow(0 0 12px);font-size:2.5rem}.natal-col-sun .natal-col-icon{color:gold}.natal-col-moon .natal-col-icon{color:#b0c4de}.natal-col-rising .natal-col-icon{color:#e040fb}.natal-col-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-1);font-size:10px}.natal-col-sign{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.natal-col-sun .natal-col-sign{color:gold}.natal-col-moon .natal-col-sign{color:#b0c4de}.natal-col-rising .natal-col-sign{color:#e040fb}.natal-col-body{z-index:1;position:relative}.natal-section{margin-bottom:var(--space-4)}.natal-section-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.natal-section-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.7}.natal-ruler-badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);margin-bottom:var(--space-3);background:#ffffff0d;border:1px solid #ffffff1a;font-size:10px;display:inline-flex}.natal-mantra{font-style:italic;font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);border-left:2px solid #d5ff3f33;line-height:1.6}.natal-synthesis{border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);background:linear-gradient(#090f09b3,#050905d9);border:1px solid #d5ff3f1a}.natal-synthesis-blurred{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5}.natal-synthesis-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);text-align:center;margin-bottom:var(--space-5);font-weight:700}.natal-synthesis-block{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0a}.natal-synthesis-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.natal-synthesis-block-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.natal-synthesis-block-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.7}.natal-blur-overlay{margin-top:var(--space-4);position:relative}.natal-blur-content{text-align:center;padding:var(--space-10) var(--space-6);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#090f09e6,#050905f2);border:1px solid #ffc94a26}.natal-blur-icon{margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px #ffc94a4d);font-size:3rem}.natal-blur-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}.natal-blur-sub{font-size:var(--text-sm);color:var(--color-text-muted);max-width:420px;margin:0 auto var(--space-5);line-height:1.7}.natal-blur-codes{color:var(--color-text-faint);margin-top:var(--space-4);font-size:10px;line-height:1.6}.natal-blur-codes strong{color:var(--color-text-muted);letter-spacing:.04em}.spark-body{animation:.6s forwards fadeInUp}.spark-sign-grid{gap:var(--space-2);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=480px){.spark-sign-grid{grid-template-columns:repeat(3,1fr)}}.spark-sign-btn{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;cursor:pointer;transition:all var(--transition-ui);background:#ffffff08;border:1px solid #ffffff14}.spark-sign-btn:hover{color:var(--color-text);background:#d5ff3f0f;border-color:#d5ff3f40}.spark-sign-btn.spark-sign-active,.spark-sign-btn.active{color:#d5ff3f;background:#d5ff3f1a;border-color:#d5ff3f66;box-shadow:0 0 16px #d5ff3f1f}.spark-result{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;background:linear-gradient(#090f09b3,#050905d9);border:1px solid #ffffff14;animation:.5s forwards fadeInUp}.spark-score{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:700}.spark-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em}.spark-desc{font-size:var(--text-base);color:var(--color-text-body);max-width:480px;margin:0 auto;font-style:italic;line-height:1.7}.upgrade-tiers{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.upgrade-tier-card{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-ui);background:linear-gradient(#090f09cc,#050905e6);border:1px solid #ffffff1a;position:relative;overflow:hidden}.upgrade-tier-card:hover{border-color:#ffc94a4d;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.upgrade-tier-card.highlighted{border-color:#ffc94a80;box-shadow:0 0 40px #ffc94a1a}.upgrade-tier-card.highlighted:before{content:"MOST POPULAR";color:#0a0a1a;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,gold,#ff8f00);padding:4px;font-size:9px;font-weight:700;position:absolute;top:0;left:0;right:0}.upgrade-tier-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.upgrade-tier-price{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold);margin-bottom:var(--space-4);font-weight:700}.upgrade-tier-features{text-align:left;margin-bottom:var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted);line-height:2;list-style:none}.upgrade-tier-features li:before{content:"✦ ";color:var(--color-primary)}.upgrade-code-section{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0f}.upgrade-code-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.upgrade-code-row{gap:var(--space-2);max-width:380px;margin:0 auto;display:flex}.transit-body,.karmic-body,.guidance-body{animation:.6s forwards fadeInUp}.transit-month-card{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);transition:border-color var(--transition-ui);background:#ffffff08;border:1px solid #ffffff14}.transit-month-card:hover{border-color:#d5ff3f33}.transit-month-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.transit-month-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.7}.karmic-card{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);background:linear-gradient(#090f09b3,#050905d9);border:1px solid #e040fb1f}.karmic-card-title{font-family:var(--font-display);font-size:var(--text-lg);color:#e040fb;margin-bottom:var(--space-3);font-weight:600}.karmic-card-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.8}.save-ritual-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-ui);margin-top:var(--space-3);background:#ffffff0a;border:1px solid #ffffff1a;display:inline-flex}.save-ritual-btn:hover{color:#d5ff3f;background:#d5ff3f14;border-color:#d5ff3f4d}#landing-screen{background:radial-gradient(at 50% 20%,#84ff000d 0%,#0000 55%),#0a0a1af7}.reading-nav-btn{min-width:200px;font-size:var(--text-xs)!important}.readings-menu{width:92%;max-width:520px;margin-top:var(--space-6)}.readings-menu-header{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:#d5ff3f73;text-align:center;margin-bottom:var(--space-4);font-size:10px}.readings-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=480px){.readings-grid{grid-template-columns:1fr}}.readings-card{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:linear-gradient(#090f09bf,#050905e0);border:1px solid #ffffff12;padding:12px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.readings-card:before{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.readings-card.free:before{background:radial-gradient(circle at 20% 40%,#d5ff3f0f,#0000 70%)}.readings-card.premium:before{background:radial-gradient(circle at 20% 40%,#ffd7000f,#0000 70%)}.readings-card.elite:before{background:radial-gradient(circle at 20% 40%,#e040fb0f,#0000 70%)}.readings-card.upgrade:before{background:radial-gradient(circle at 20% 40%,#ffc94a14,#0000 70%)}.readings-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.readings-card:hover:before{opacity:1}.readings-card.free:hover{border-color:#d5ff3f4d}.readings-card.premium:hover{border-color:#ffd70059}.readings-card.elite:hover{border-color:#e040fb59}.readings-card.upgrade{background:linear-gradient(135deg,#ffc94a0f,#090f09d9);border-color:#ffc94a33}.readings-card.upgrade:hover{border-color:#ffc94a80}.readings-card.locked{opacity:.55}.readings-card.locked:hover{opacity:.75}.readings-card-icon{text-align:center;z-index:1;flex-shrink:0;width:36px;font-size:1.5rem;position:relative}.readings-card-body{z-index:1;flex:1;min-width:0;position:relative}.readings-card-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:600;overflow:hidden}.readings-card-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.readings-card-lock{z-index:1;flex-shrink:0;font-size:12px;position:relative}.readings-card-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);z-index:1;flex-shrink:0;padding:2px 6px;font-size:8px;font-weight:700;position:relative}.readings-card-badge.premium{color:gold;background:#ffd70026;border:1px solid #ffd70040}.readings-card-badge.elite{color:#e040fb;background:#e040fb26;border:1px solid #e040fb40}#title-screen{padding-bottom:var(--space-10);overflow-y:auto}#lunar-screen,#natal-reading-screen,#deep-reading-screen,#transit-screen,#spark-screen,#upgrade-screen,#guidance-screen,#karmic-screen{padding:var(--space-4);align-items:flex-start;overflow-y:auto}.story-screen{max-width:560px;padding:var(--space-6);margin:0 auto}.story-level-badge{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:11px}.story-path-tag{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-4);filter:drop-shadow(0 0 12px);font-size:13px}.story-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-5);font-weight:700;line-height:1.2}.story-text{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-body);margin-bottom:var(--space-6);font-style:italic;line-height:1.8}.story-divider{background:var(--color-border-glow);width:60px;height:1px;margin:0 auto var(--space-6)}#ability-hud{z-index:500;pointer-events:all;border:1px solid color-mix(in srgb, var(--element-color,#cf0) 35%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--element-color,#cf0) 20%, transparent), inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border-radius:16px;align-items:flex-end;gap:6px;padding:8px 10px 16px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#ability-hud[data-element=Act]{--element-color:#f50}#ability-hud[data-element=Scene]{--element-color:#38f}#ability-hud[data-element=Sheet]{--element-color:#8cf}#ability-hud[data-element=Prop]{--element-color:#4b4}#ability-hud[data-element=Curtain]{--element-color:#bf00ff}#ability-hud[data-element=Spotlight]{--element-color:#00bcd4}.ab-slot{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border:2px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative;overflow:visible}.ab-slot.ab-ready{border-color:var(--ab-color,#ffc832cc);box-shadow:0 0 14px color-mix(in srgb, var(--ab-color,gold) 60%, transparent)}.ab-slot.ab-cooldown{opacity:.72;border-color:#ffffff1f}.ab-slot.ab-cooldown .ab-icon{opacity:.5;filter:grayscale(.6)}#basic-attack-btn{--ab-color:#ff8c00;border-color:#ff640080;width:48px;height:48px}#basic-attack-btn.ab-ready{border-color:#ff8c00;box-shadow:0 0 14px #ff8c0066}.ab-sep{background:#ffffff40;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-bottom:25px}.ab-slot.ab-ultimate{border-color:#ffe60059;border-radius:12px;width:60px;height:60px}.ab-slot.ab-ultimate.ab-ready{box-shadow:0 0 20px color-mix(in srgb, var(--ab-color,#ffe000) 70%, transparent), 0 0 40px color-mix(in srgb, var(--ab-color,#ffe000) 30%, transparent)}.ab-slot.ab-ultimate-active{animation:.9s infinite ultimatePulse;border-color:var(--ab-color,#ffe000)!important}@keyframes ultimatePulse{0%,to{box-shadow:0 0 18px var(--ab-color,#ffe000)}50%{box-shadow:0 0 40px var(--ab-color,#ffe000), 0 0 70px color-mix(in srgb, var(--ab-color,#ffe000) 40%, transparent)}}.ab-icon{pointer-events:none;font-size:22px;line-height:1;transition:filter .2s}.ab-ultimate .ab-icon{font-size:26px}.ab-key{font-family:var(--font-display);letter-spacing:.1em;color:#ffffff8c;white-space:nowrap;background:#000000b3;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.ab-cd-ring{pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;transform:rotate(-90deg)}.ab-cd-bg{fill:none;stroke:#ffffff0f;stroke-width:2.5px}.ab-cd-fill{fill:none;stroke:var(--ab-color,#ffc832cc);stroke-width:2.5px;stroke-dasharray:0 100;stroke-linecap:round;transition:stroke-dasharray .25s linear}.ab-cd-num{font-family:var(--font-display);color:#ffffffd9;text-shadow:0 1px 4px #000000e6;pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}#combo-hud{z-index:500;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .4s;display:flex;position:fixed;bottom:95px;left:50%;transform:translate(-50%)}#combo-count{font-family:var(--font-display);color:#fff;text-shadow:0 0 18px #ffc800b3,0 2px 4px #000000e6;letter-spacing:-.02em;font-size:28px;font-weight:900;line-height:1}#combo-label{font-family:var(--font-display);letter-spacing:.25em;color:#ffffff80;margin-top:1px;font-size:8px}#combo-hud.overdrive #combo-count{color:#fe0;text-shadow:0 0 24px #f80,0 0 50px #f40;animation:.4s infinite alternate overdriveFlash}#combo-hud.overdrive #combo-label:after{content:" OVERDRIVE!";color:#f80;letter-spacing:.2em;font-size:9px}@keyframes overdriveFlash{0%{transform:scale(1)}to{transform:scale(1.08)}}#season-badge{z-index:510;font-family:var(--font-display);letter-spacing:.12em;color:#ffe650e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#000000bf;border:1px solid #ffd20080;border-radius:20px;padding:5px 16px;font-size:10px;animation:4s forwards fadeInOut;position:fixed;top:68px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(-6px)}15%{opacity:1;transform:translate(-50%)translateY(0)}75%{opacity:1}to{opacity:0}}#zodiac-badge{z-index:500;pointer-events:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:30px;right:24px}.zodiac-ult-ring{width:60px;height:60px;position:absolute;inset:0;transform:rotate(-90deg)}.zult-bg{fill:#0000008c;stroke:#ffffff14;stroke-width:3px}.zult-fill{fill:none;stroke:var(--element-color,#ffe000);stroke-width:3px;stroke-linecap:round;stroke-dasharray:0 163.4;filter:drop-shadow(0 0 4px var(--element-color,#ffe000));transition:stroke-dasharray .3s linear,stroke .3s}.zodiac-glyph{text-shadow:0 0 12px var(--element-color,#ffe000), 0 1px 3px #000000e6;z-index:1;font-size:26px;line-height:1;position:relative}.zodiac-elem-dot{background:var(--element-color,#ffe000);width:8px;height:8px;box-shadow:0 0 6px var(--element-color,#ffe000);border-radius:50%;position:absolute;bottom:6px;right:6px}#season-star{font-size:10px;animation:1.8s infinite alternate starTwinkle;position:absolute;top:2px;right:1px}@keyframes starTwinkle{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}#attack-hud{display:none!important}#weapon-hud{z-index:500;pointer-events:none;font-size:10px;font-family:var(--font-display);color:#ffdc64cc;text-align:center;letter-spacing:.08em;position:fixed;bottom:205px;right:24px}@media (width<=768px){#ability-hud{bottom:max(140px, calc(env(safe-area-inset-bottom) + 124px));max-width:calc(100vw - 24px)}.hud-minimap{bottom:240px}#weapon-hud{max-width:calc(100vw - 32px);bottom:350px;right:16px}#zodiac-badge{display:none}#combo-hud{bottom:238px}}@media (width>=769px){#zodiac-badge{right:185px}#color-switcher{bottom:100px!important;right:185px!important}#combo-hud{bottom:120px}}.avatar-card.champion-portrait-card{border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;width:100%;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;background:#080a0680!important}.avatar-card.champion-portrait-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #0006,0 0 24px #84ff000f}.avatar-card.champion-portrait-card.selected{transform:translateY(-6px)scale(1.04);box-shadow:0 0 32px #ccff001f,0 12px 40px #0006}.champ-portrait{aspect-ratio:200/232;flex-shrink:0;width:100%;display:block;position:relative}.champ-portrait svg{width:100%;height:100%;display:block}.champ-info-strip{background:linear-gradient(#080a0699 0%,#040603d9 100%);border-top:1px solid #ffffff0d;flex-direction:column;gap:3px;padding:10px 10px 12px;display:flex}.champ-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.champ-element-badge{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;opacity:.85;white-space:nowrap;font-size:9px}.champ-arch{font-family:var(--font-serif);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:italic;overflow:hidden}.champ-pips{flex-direction:column;gap:2px;margin-top:2px;display:flex}.champ-pip{align-items:center;gap:5px;font-size:9px;display:flex}.pip-bar-bg{background:#ffffff0f;border-radius:2px;flex:1;height:3px;overflow:hidden}.pip-bar-fill{border-radius:2px;height:100%;transition:width .4s}.champ-kw{letter-spacing:.04em;opacity:.5;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:8.5px;overflow:hidden}.avatar-champion-art{width:100%;height:90px;margin-bottom:var(--space-2);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-champion-art .champ-icon{filter:drop-shadow(0 0 18px);z-index:2;font-size:52px;line-height:1;position:relative}.avatar-champion-art .champ-bg{opacity:.12;background:radial-gradient(at 50% 60%,currentColor 0%,#0000 70%);position:absolute;inset:0}.zodiac-wheel-wrap{gap:var(--space-4);flex-wrap:wrap;align-items:stretch;width:95%;max-width:1100px;margin:0 auto;display:flex}.zodiac-wheel-wrap.hidden{display:none}.zodiac-wheel-canvas-area{border-radius:var(--panel-radius);padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);aspect-ratio:1;background:#080a0680;border:1px solid #ffffff0f;flex:500px;justify-content:center;align-self:flex-start;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.zodiac-wheel-canvas-area:before{content:"";pointer-events:none;background:radial-gradient(circle,#84ff0005 0%,#0000 60%);position:absolute;inset:0}.zodiac-wheel-canvas-area canvas{z-index:1;aspect-ratio:1;width:100%;height:auto;position:relative}.zd-panel,.zd-meta,.zd-ability-body{min-width:0}.zd-header,.zd-ability,.zd-stat{align-items:center;gap:var(--space-2);display:flex}.zd-glyph{font-size:var(--text-2xl)}.zd-sign-name,.zd-ability-name{font-weight:700}.zd-desc,.zd-ability-desc,.zd-keywords{font-size:var(--text-xs)}.zd-section-title{margin-block:var(--space-3) var(--space-2)}.zd-ability{margin-bottom:var(--space-2);align-items:flex-start}.zd-stat-label{min-width:90px;font-size:var(--text-xs)}.zd-stat-bar-bg{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.zd-stat-bar-fill{height:100%}.zodiac-wheel-detail{border-radius:var(--panel-radius);max-width:360px;padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0680;border:1px solid #ffffff0f;flex:280px;position:relative;overflow:hidden}.zodiac-wheel-detail:before{content:"";background:linear-gradient(90deg,#0000,#d5ff3f33,#0000);height:1px;position:absolute;top:0;left:0;right:0}#debug-overlay{z-index:99999;color:#0f0;pointer-events:none;white-space:pre;background:#000000bf;padding:6px 10px;font:11px/1.5 monospace;position:fixed;top:0;left:0}.hud-objective{color:#f7edd8;background:#0c111eeb;border:1px solid #e8c47666;border-radius:14px;gap:5px;width:min(310px,40vw);padding:12px 14px;font:12px/1.5 system-ui;display:grid;position:absolute;top:202px;right:16px}.hud-objective strong{font-size:14px}#objective-progress{color:#e8c476;font-size:11px}.touch-controls.controls-inactive{visibility:hidden}.touch-buttons{grid-template-columns:repeat(3,52px);align-self:end;gap:6px;display:grid}.touch-btn{color:#f7edd8;background:#0c111eeb;border-color:#e8c4768c;border-radius:12px;width:52px;height:48px;font:600 11px system-ui}.touch-btn:focus-visible{outline-offset:2px;outline:3px solid #ffe5a0}@media (width<=768px){.hud-objective{gap:2px;width:calc(100% - 24px);padding:8px 10px;font-size:11px;top:202px;right:12px}.hud-objective strong{font-size:12px}.touch-controls{bottom:max(12px, env(safe-area-inset-bottom));align-items:end;padding:0 12px}.touch-btn{width:52px;height:48px;font-size:11px}.hud-minimap{bottom:190px}}@media (height<=500px) and (width<=900px){.hud-objective{width:32%;top:12px;left:34%}.hud-minimap{display:none}.touch-joystick{width:88px;height:88px}}#ability-hud.controls-inactive{visibility:hidden}.ab-slot:focus-visible{outline-offset:3px;outline:3px solid #ffe5a0}@media (width<=768px){#ability-hud{bottom:max(190px, calc(env(safe-area-inset-bottom) + 190px));padding:6px 8px 12px}.hud-minimap{bottom:282px}#weapon-hud{text-align:left;max-width:180px;bottom:282px;left:12px;right:auto}#color-switcher{bottom:282px!important;left:12px!important;right:auto!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer utilities{@layer daisyui.l1.l2.l3{:where(.du-btn){width:unset}.du-btn{--du-size:calc(var(--size-field,.25rem) * 10);--du-btn-p:1rem;--du-btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--du-btn-bg:var(--du-btn-color,var(--color-base-200));--du-btn-border:var(--du-btn-color,var(--color-base-200));border-start-start-radius:var(--du-join-ss,var(--radius-field));border-start-end-radius:var(--du-join-se,var(--radius-field));border-end-end-radius:var(--du-join-ee,var(--radius-field));border-end-start-radius:var(--du-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.du-btn{--du-btn-border:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.du-btn{--du-btn-soft-bg:initial;--du-btn-shadow:0 3px 2px -2px var(--du-btn-bg), 0 4px 3px -2px var(--du-btn-bg)}@supports (color:color-mix(in lab, red, red)){.du-btn{--du-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000)}}.du-btn{--du-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--du-size);padding-inline:var(--du-btn-p);font-size:var(--du-fontsize,.875rem);background-color:var(--du-btn-bg);color:var(--du-btn-fg);border-color:var(--du-btn-border);border-style:var(--du-btn-border-style,solid);outline-color:var(--du-btn-color,var(--color-base-content));--tw-prose-links:var(--du-btn-fg);background-image:none, var(--du-fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--du-btn-inset) inset, var(--du-btn-shadow)}.du-btn:is([type=checkbox],[type=radio]){appearance:none}.du-btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.du-btn:where(:checked:not(.du-filter [type=radio].du-btn)){--du-btn-color:var(--color-primary);--du-btn-fg:var(--color-primary-content)}.du-input{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--du-size:calc(var(--size-field,.25rem) * var(--du-in-size-mul,10));--du-input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.du-input{--du-input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.du-input{cursor:text;width:clamp(3rem,20rem,100%);height:var(--du-size);font-size:max(var(--du-font-size,0rem), var(--du-font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--du-input-color,#0000);box-shadow:0 1px var(--du-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-start-start-radius:var(--du-join-ss,var(--radius-field));border-start-end-radius:var(--du-join-se,var(--radius-field));border-end-end-radius:var(--du-join-ee,var(--radius-field));border-end-start-radius:var(--du-join-es,var(--radius-field))}@supports (color:color-mix(in lab, red, red)){.du-input{box-shadow:0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.du-input input{appearance:none;background-color:#0000;border:none;width:100%;height:100%}.du-input input::placeholder{color:var(--color-base-content);opacity:.5}.du-input input:focus,.du-input input:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.du-input input:focus,.du-input input:focus-within{outline-offset:2px;outline:2px solid #0000}}.du-input input::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}.du-input::-webkit-inner-spin-button{margin-inline-end:-10px}.du-input::-webkit-calendar-picker-indicator{inset-inline-end:.75em}input.du-input{text-align:start;display:inline-flex;position:relative}input.du-input[type=url],input.du-input[type=tel],input.du-input[type=email],input.du-input[type=number]{direction:ltr}input.du-input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}input.du-input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}input.du-input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--du-spin-my,-3))}input.du-input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}input.du-input::-webkit-color-swatch-wrapper{padding-block:.25rem}.du-input input{text-align:start;display:inline-flex;position:relative}.du-input input[type=url],.du-input input[type=tel],.du-input input[type=email],.du-input input[type=number]{direction:ltr}.du-input input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}.du-input input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}.du-input input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--du-spin-my,-3))}.du-input input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}.du-input input::-webkit-color-swatch-wrapper{padding-block:.25rem}.du-input:focus{--du-input-color:var(--color-base-content);box-shadow:0 1px var(--du-input-color)}@supports (color:color-mix(in lab, red, red)){.du-input:focus{box-shadow:0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000)}}.du-input:focus{outline:2px solid var(--du-input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.du-input:focus{--du-font-size:1rem}}}.du-input:focus-within{--du-input-color:var(--color-base-content);box-shadow:0 1px var(--du-input-color)}@supports (color:color-mix(in lab, red, red)){.du-input:focus-within{box-shadow:0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000)}}.du-input:focus-within{outline:2px solid var(--du-input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.du-input:focus-within{--du-font-size:1rem}}}.du-card-body{padding:var(--du-card-p,1.5rem);font-size:var(--du-card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.du-card{border-radius:var(--radius-box);outline-offset:2px;outline:2px solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.du-card:focus-visible,.du-card[aria-checked=true]{outline-color:currentColor}.du-card:has(>:checked,>:is([type=checkbox],[type=radio]):focus-visible){outline-color:currentColor}.du-card[aria-checked=true]:focus-visible{outline-width:4px}.du-card:has(>:checked:focus-visible){outline-width:4px}.du-card[aria-checked=true]:has(>:is([type=checkbox],[type=radio]):focus-visible){outline-width:4px}.du-card:has(>:is([type=checkbox],[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.du-card>:is([type=checkbox],[type=radio]){appearance:none}.du-card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.du-card-title{font-size:var(--du-cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.du-btn-ghost{--du-btn-bg:#0000;color:var(--du-btn-rest-fg,var(--du-btn-color,var(--color-base-content,currentColor)));--du-btn-border:#0000;--du-btn-inset:0 0 0 0 oklch(0% 0 0/0);--du-btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.prose :where(a.du-btn:not(.du-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.du-btn:hover{--du-btn-bg:var(--du-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.du-btn:hover{--du-btn-bg:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 7%)}}.du-btn:hover{color:var(--du-btn-fg);--du-btn-border:var(--du-btn-bg)}@supports (color:color-mix(in lab, red, red)){.du-btn:hover{--du-btn-border:color-mix(in oklab, var(--du-btn-bg), #000 calc(var(--depth) * 5%))}}.du-btn:hover{--du-btn-border-style:solid;--du-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--du-btn-shadow:0 3px 2px -2px var(--du-btn-bg), 0 4px 3px -2px var(--du-btn-bg)}@supports (color:color-mix(in lab, red, red)){.du-btn:hover{--du-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000)}}}.du-btn:active:not(.du-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-bg:var(--du-btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.du-btn:active:not(.du-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-bg:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 5%)}}.du-btn:active:not(.du-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--du-btn-fg,var(--color-base-content));--du-btn-border:var(--du-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.du-btn:active:not(.du-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-border:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 7%)}}.du-btn:active:not(.du-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-border-style:solid;--du-btn-inset:0 0 0 0 oklch(0% 0 0/0);--du-btn-shadow:0 0 0 0 oklch(0% 0 0/0)}.du-btn:where(:checked:not(.du-filter [type=radio].du-btn),:not([type=radio],[type=checkbox]):focus-visible){--du-btn-bg:var(--du-btn-color,var(--color-base-200));color:var(--du-btn-fg,var(--color-base-content));--du-btn-border:var(--du-btn-bg)}@supports (color:color-mix(in lab, red, red)){.du-btn:where(:checked:not(.du-filter [type=radio].du-btn),:not([type=radio],[type=checkbox]):focus-visible){--du-btn-border:color-mix(in oklab, var(--du-btn-bg), #000 calc(var(--depth) * 5%))}}.du-btn:where(:checked:not(.du-filter [type=radio].du-btn),:not([type=radio],[type=checkbox]):focus-visible){--du-btn-border-style:solid;--du-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--du-btn-shadow:0 3px 2px -2px var(--du-btn-bg), 0 4px 3px -2px var(--du-btn-bg)}@supports (color:color-mix(in lab, red, red)){.du-btn:where(:checked:not(.du-filter [type=radio].du-btn),:not([type=radio],[type=checkbox]):focus-visible){--du-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000)}}.du-btn:where(:checked:not(.du-filter [type=radio].du-btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.du-btn:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}.du-btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.du-btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-bg:var(--du-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.du-btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-bg:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 5%)}}.du-btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--du-btn-fg,var(--color-base-content));--du-btn-border:var(--du-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.du-btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-border:color-mix(in oklab, var(--du-btn-color,var(--color-base-200)), #000 7%)}}.du-btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--du-btn-border-style:solid;--du-btn-inset:0 0 0 0 oklch(0% 0 0/0);--du-btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.du-input:has(>input[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}:is(.du-input:has(>input[disabled]):is(input),.du-input:has(>input[disabled]) :is(input)){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.du-input:has(>input[disabled]):is(input),.du-input:has(>input[disabled]) :is(input)){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.du-input:has(>input[disabled]){box-shadow:none}.du-input:has(>input[disabled])::placeholder{color:var(--color-base-content);opacity:.2}.du-input:has(>input[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.du-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.du-input:is(:disabled,[disabled]):is(input),.du-input:is(:disabled,[disabled]) :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.du-input:is(:disabled,[disabled]):is(input),.du-input:is(:disabled,[disabled]) :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.du-input:is(:disabled,[disabled]){box-shadow:none}.du-input:is(:disabled,[disabled])::placeholder,.du-input:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}fieldset:disabled .du-input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}fieldset:disabled .du-input:is(input),fieldset:disabled .du-input :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){fieldset:disabled .du-input:is(input),fieldset:disabled .du-input :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}fieldset:disabled .du-input{box-shadow:none}fieldset:disabled .du-input::placeholder,fieldset:disabled .du-input ::placeholder{color:var(--color-base-content);opacity:.2}.du-input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.du-image-full>.du-card-body{color:var(--color-neutral-content);position:relative}.du-card-xs .du-card-body{--du-card-p:.5rem;--du-card-fs:.6875rem}.du-card-sm .du-card-body{--du-card-p:1rem;--du-card-fs:.75rem}.du-card-md .du-card-body{--du-card-p:1.5rem;--du-card-fs:.875rem}.du-card-lg .du-card-body{--du-card-p:2rem;--du-card-fs:1rem}.du-card-xl .du-card-body{--du-card-p:2.5rem;--du-card-fs:1.125rem}.du-card-xs .du-card-title{--du-cardtitle-fs:.875rem}.du-card-sm .du-card-title{--du-cardtitle-fs:1rem}.du-card-md .du-card-title{--du-cardtitle-fs:1.125rem}.du-card-lg .du-card-title{--du-cardtitle-fs:1.25rem}.du-card-xl .du-card-title{--du-cardtitle-fs:1.375rem}.du-btn-square{width:var(--du-size);height:var(--du-size);padding-inline:0}.du-btn-primary{--du-btn-color:var(--color-primary);--du-btn-fg:var(--color-primary-content);--du-btn-soft-bg:initial}.du-btn-sm{--du-fontsize:.75rem;--du-btn-p:.75rem;--du-size:calc(var(--size-field,.25rem) * 8)}}@layer daisyui{.du-btn:is(.du-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.du-btn:is(.du-btn-disabled,:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.du-btn:is(.du-btn-disabled,:disabled,[disabled],[aria-disabled=true]){--du-btn-bg:#0000;--du-btn-border:#0000;--du-btn-inset:0 0 0 0 oklch(0% 0 0/0);--du-btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.du-btn:is(.du-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.du-btn-link,.du-btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.du-btn:is(.du-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.du-btn-link,.du-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}:is(.du-input[type=url],.du-input[type=tel],.du-input[type=email],.du-input[type=number]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-start-start-radius:var(--du-join-se,var(--radius-field));border-start-end-radius:var(--du-join-ss,var(--radius-field));border-end-end-radius:var(--du-join-es,var(--radius-field));border-end-start-radius:var(--du-join-ee,var(--radius-field))}@layer daisyui.l1.l2.l3.l4{.du-card-body p{flex-grow:1}.du-card figure:first-child{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.du-card figure:last-child{border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.du-card figure{justify-content:center;align-items:center;display:flex}}.w-full{width:100%}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}#journey-dialog,#journey-launcher{--color-base-100:#101b28;--color-base-200:#172636;--color-base-300:#304358;--color-base-content:#eef4fb;--color-primary:#f2d396;--color-primary-content:#152130;--color-secondary:#8acfc0;--color-secondary-content:#10221e;--color-accent:#b9cafa;--color-accent-content:#152130;--color-neutral:#263b50;--color-neutral-content:#eef4fb;--color-info:#a8d4ed;--color-info-content:#102430;--color-success:#9bd7b5;--color-success-content:#10241a;--color-warning:#f2d396;--color-warning-content:#152130;--color-error:#f1aaaa;--color-error-content:#301515;--radius-selector:1rem;--radius-field:.8rem;--radius-box:1.4rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}#journey-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-base-content);border:1px solid var(--color-base-300);background:var(--color-base-100);overscroll-behavior:contain;border-radius:24px;width:min(980px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;font:15px/1.6 system-ui,sans-serif;overflow:auto;box-shadow:0 25px 100px #0008}#journey-dialog::backdrop{background:#08121bdd}.journey-shell{min-width:0;padding:clamp(18px,4vw,40px)}.journey-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.journey-eyebrow{color:var(--color-secondary);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}#journey-dialog h2{color:var(--color-base-content);overflow-wrap:anywhere;margin:14px 0;font:600 28px/1.2 system-ui}#journey-dialog h3{margin:14px 0 8px;font:600 19px/1.3 system-ui}.journey-lead{max-width:68ch;color:var(--color-base-content);font-size:17px}.journey-muted{color:var(--color-base-content);opacity:.7;font-size:13px}.journey-tabs,.journey-actions{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.journey-actions button{white-space:normal;height:auto;min-height:44px;padding-block:10px}.journey-shell p,.journey-chapter-row span{overflow-wrap:anywhere;min-width:0}.journey-tabs button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.journey-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.journey-tile{background:var(--color-base-200);border:1px solid var(--color-base-300);border-radius:18px;min-width:0;padding:18px}.journey-tile p{margin:6px 0}.journey-fact{border-left:3px solid var(--color-secondary);background:var(--color-base-200);border-radius:0 14px 14px 0;margin:20px 0;padding:12px 18px}.journey-number{color:var(--color-primary);font-size:38px;font-weight:600;line-height:1.2}.journey-card{background:var(--color-base-200);border:1px solid var(--color-base-300);border-radius:18px;position:relative;overflow:hidden}.journey-card svg{width:100%;max-height:260px;display:block}.journey-card .du-card-body{gap:8px;padding:16px}.journey-card h3{margin:0!important}.journey-card p{margin:0}.journey-card-locked svg{opacity:.3;filter:grayscale()}.journey-progress{width:100%;height:8px;accent-color:var(--color-primary)}.journey-chapter-row{border-bottom:1px solid var(--color-base-300);align-items:baseline;gap:16px;padding:12px 0;display:flex}.journey-chapter-row span{flex:1}.journey-answers{gap:10px;margin:18px 0;display:grid}.journey-answers button{white-space:normal;text-align:left;justify-content:flex-start;height:auto;min-height:52px;padding:12px 16px}.journey-joke{color:var(--color-primary);margin:14px 0;font-style:italic}#journey-dialog select{width:100%;color:var(--color-base-content);background:var(--color-base-200);border:1px solid var(--color-base-300);border-radius:12px;padding:12px}#journey-launcher{left:max(16px, env(safe-area-inset-left));z-index:45;color:var(--color-primary);background:var(--color-base-100);border:1px solid var(--color-base-300);cursor:pointer;border-radius:12px;padding:10px 14px;font:600 12px system-ui;position:fixed;top:170px}.journey-button-note{opacity:.65;margin-top:4px;font-size:10px;display:block}#journey-dialog :focus-visible,#journey-launcher:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.natal-advanced{border:1px solid var(--color-base-300);border-radius:12px;padding:12px}.natal-advanced .form-group{margin-top:10px}#natal-status{margin-top:10px;font-size:12px}@media (width<=600px){.journey-grid,.journey-two{grid-template-columns:1fr}.journey-grid .journey-card{grid-template-columns:110px minmax(0,1fr);display:grid}.journey-card svg{object-fit:cover;height:100%;min-height:150px}#journey-launcher{padding:8px 10px;top:158px}}@media (prefers-reduced-motion:reduce){#journey-dialog *,#journey-launcher{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#journey-dialog{--color-base-100:#12140f;--color-base-200:#1c2018;--color-base-300:#414332;--color-base-content:#f0efe2;--color-secondary:#cfb977;--color-secondary-content:#15160f}.tarot-illustration{color:var(--color-secondary)}.tarot-stage{text-align:center;background:radial-gradient(ellipse at center, var(--color-base-200), var(--color-base-100) 70%);padding:clamp(20px,4vw,48px) 0 16px}.tarot-stage select{max-width:300px;margin:8px auto;display:block}#journey-dialog .tarot-headline{letter-spacing:-.02em;margin:20px 0;font:400 clamp(25px,4vw,40px)/1.2 Georgia,serif}.tarot-fan{justify-content:center;min-height:260px;padding:40px 16px 20px;display:flex;overflow:hidden}#journey-dialog .tarot-pick{width:clamp(82px,15vw,142px);height:auto;transform:translateY(var(--lift)) rotate(var(--tilt));transform-origin:50% 100%;white-space:normal;background:0 0;border:0;flex:0 0 clamp(82px,15vw,142px);margin:0 -12px;padding:0;transition:transform .2s;display:block}.tarot-pick svg{filter:none;width:100%;height:auto}.tarot-pick span{color:var(--color-base-content);font-size:12px;display:block}#journey-dialog .tarot-pick:hover,#journey-dialog .tarot-pick:focus-visible{z-index:1;transform:translateY(-8px)rotate(0)}.tarot-reveal{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,48px);margin:28px 0;display:grid}.tarot-reveal figure{margin:0}.tarot-reveal svg{width:100%;height:auto;display:block}.tarot-dateline{color:var(--color-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;font:12px/1.5 monospace;display:flex}.tarot-premium{background:var(--color-base-200);border:1px solid var(--color-secondary);margin:24px 0}#journey-dialog details{border-top:1px solid var(--color-base-300);margin-top:16px;padding-top:12px}#journey-dialog summary{cursor:pointer;color:var(--color-secondary);font-weight:600}#journey-dialog h4{margin:16px 0 6px;font-size:15px}#journey-dialog .journey-card figure{margin:0}@media (width<=600px){.tarot-reveal{grid-template-columns:1fr}.tarot-reveal figure{max-width:190px;margin:0 auto}.tarot-fan{min-height:210px;padding-top:25px}#journey-dialog .tarot-pick{margin:0 -16px}.journey-card .du-card-body{padding:12px}}#journey-dialog.story-experience{--color-base-100:#101f22;--color-base-200:#1b3033;--color-base-300:#617c7b;--color-base-content:#f2f5ef;--color-primary:#f4c078;--color-primary-content:#182526;--color-secondary:#9ce1d2;--radius-box:.5rem;--radius-field:.375rem;width:100%;height:100dvh;max-height:none;box-shadow:none;letter-spacing:0;background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow:hidden}#journey-dialog.story-experience::backdrop{background:0 0}.story-active #game-hud,.story-active #touch-controls,.story-active #ability-hud,.story-active #journey-launcher,.story-active #profile-hud-btn,.story-active #weapon-hud,.story-active #color-switcher,.story-active #zodiac-badge,.story-active #combo-hud{visibility:hidden}.story-header{color:#183c3e;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 24px;display:flex;position:absolute;top:0;left:0}.story-header .journey-eyebrow{color:#173e3d}.story-header nav{gap:8px;display:flex}.story-header .du-btn{background:var(--color-base-100);color:var(--color-base-content);border-radius:6px;width:44px;height:44px}.story-profile{font-size:12px;display:block}.story-panel{background:var(--color-base-100);width:min(480px,44%);color:var(--color-base-content);overscroll-behavior:contain;border-left:3px solid var(--color-secondary);padding:24px;position:absolute;top:86px;bottom:24px;right:24px;overflow-y:auto}#journey-dialog .story-panel h2{letter-spacing:0;margin:8px 0 16px;font-size:26px}#journey-dialog .story-panel h3{font-size:16px}.story-panel p{overflow-wrap:anywhere;margin:12px 0;font-size:14px;line-height:1.65}.story-panel .du-btn{white-space:normal;text-align:left;border-radius:6px;height:auto;min-height:44px;padding:10px 14px}.story-panel>.du-btn{width:100%}.story-steps{color:#b6c6c4;gap:12px;margin:0 0 16px;padding:0;font-size:10px;list-style:none;display:flex}.story-steps li{border-top:2px solid #617c7b;flex:1;padding-top:6px}.story-steps [aria-current],.story-steps [data-done=true]{color:#9ce1d2;border-color:#9ce1d2}.story-placement{border-block:1px solid var(--color-base-300);padding:12px 0}.story-placement span{color:var(--color-primary);font-size:14px;display:block}.story-placement small{color:#bacbc7;font-size:10px}.story-speaker{color:var(--color-secondary);font-weight:600}.story-panel .story-dialogue{font-size:17px}.story-question{color:var(--color-secondary)}.story-choices{gap:8px;display:grid}.story-choices .du-btn{justify-content:flex-start}.story-practice{border-left:2px solid var(--color-primary);padding-left:12px}.story-rewards{justify-content:center;gap:16px;padding:8px 0;display:flex}.story-rewards figure{width:110px;margin:0}.story-rewards svg{width:100%;height:auto}.story-rewards figcaption{text-align:center;font-size:11px}.story-actions{flex-wrap:wrap;gap:8px;display:flex}.story-evidence{font-size:12px}.story-evidence ul{padding-left:18px}.story-footer{border-top:1px solid var(--color-base-300);color:#bacbc7;margin-top:20px;padding-top:12px}.story-footer span{font-size:10px}.story-footer p{margin-bottom:0;font-size:11px}.story-world-label{color:#183c3e;position:absolute;top:100px;left:24px}.story-world-label canvas{width:180px;height:180px}.story-world-label p{margin:4px 0;font-size:18px;font-weight:600}.story-world-label span{font-size:12px}.story-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(420px,47%);display:grid;position:absolute;bottom:24px;left:24px}.story-route .du-btn{color:#e8f1eb;background:#183537;border-radius:6px;min-width:0;height:44px;min-height:44px;padding:4px;font-size:12px}.story-route .du-btn[aria-current]{border:2px solid #f4c078}.story-route .du-btn:disabled{color:#78918f;opacity:1;background:#284749}.story-note{border-bottom:1px solid var(--color-base-300);padding:16px 0}.story-experience :focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.story-experience #journey-title:focus{outline:none}@media (width<=700px){.story-header{padding:12px}.story-header .journey-eyebrow{font-size:10px}.story-header nav{gap:4px}.story-panel{border-left:0;border-top:3px solid var(--color-secondary);width:100%;padding:18px;inset:30% 0 0}#journey-dialog .story-panel h2{font-size:22px}.story-world-label{top:78px;left:12px}.story-world-label canvas,.story-world-label span,.story-route{display:none}.story-world-label p{margin:0;font-size:12px}.story-panel .story-dialogue{font-size:15px}}@media (height<=500px) and (width>=701px){.story-panel{width:47%;padding:16px;top:68px;bottom:12px;right:12px}.story-world-label{top:76px;left:16px}.story-world-label canvas{width:110px;height:110px}.story-world-label p{font-size:13px}.story-route{gap:4px;width:44%;bottom:12px;left:16px}}:root{--game-surface:#0d1615f0;--game-border:#516963;--game-ink:#f1f7ed;--game-accent:#90e7d6}.game-icon{stroke-width:1.8px;flex:none;display:block}.hud-controls{display:none}.hud-top{top:max(14px, env(safe-area-inset-top));gap:16px}.hud-left{background:var(--game-surface);border:1px solid var(--game-border);border-radius:8px;gap:8px;width:min(310px,48%);min-width:0;padding:12px}.hud-level-name{font:600 14px/1.35 var(--font-body);letter-spacing:0;color:var(--game-ink);overflow-wrap:anywhere}.hud-health{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.hud-health .hud-label{display:none}.health-bar-bg{width:100%;height:6px}.health-bar-fill{box-shadow:none;background:#ee7998}.hud-value{color:var(--game-ink);font-size:12px}.hud-element{background:0 0;padding:0;font-size:11px}.hud-right{grid-template-columns:auto auto;align-items:center;gap:8px;display:grid}.hud-stardust,.hud-counter{background:var(--game-surface);border-radius:6px;padding:6px 8px;font-size:12px}.hud-actions{grid-column:1/3;justify-content:end;gap:6px}.hud-icon-btn{background:var(--game-surface);color:var(--game-ink);border-radius:6px;place-items:center;display:grid}.hud-objective{background:var(--game-surface);width:min(310px,100% - 32px);color:var(--game-ink);border-color:var(--game-border);border-radius:8px;padding:10px 12px;top:142px;left:16px;right:auto}.hud-objective summary{cursor:pointer;gap:4px;padding-right:18px;list-style:none;display:grid;position:relative}.hud-objective summary::-webkit-details-marker{display:none}.hud-objective summary:after{content:"+";color:var(--game-accent);position:absolute;top:10px;right:0}.hud-objective[open] summary:after{content:"-"}.hud-objective strong{font-size:13px;line-height:1.4}#objective-bearing{font:600 10px/1 var(--font-body);color:#ffd58f;align-items:center;gap:4px;display:flex;position:absolute;top:10px;right:10px}#objective-bearing[hidden]{display:none}#objective-bearing .game-icon{width:16px;height:16px;transform:rotate(var(--bearing))}.hud-objective summary{padding-right:58px}.hud-objective summary:after{top:30px}.health-bar-bg[data-low=true] .health-bar-fill{background:#ff4f6f}#objective-progress{color:var(--game-accent);letter-spacing:0;font-size:10px}#objective-detail{color:#c1d1c7;margin-top:10px;font-size:12px;display:block}#hud-save-status{color:#c1d1c7;background:var(--game-surface);border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:14px;left:16px}#hud-save-status[data-saved=false]{color:#ffc97d}#journey-launcher,#profile-hud-btn{border:1px solid var(--game-border);width:44px;height:44px;color:var(--game-ink);background:var(--game-surface);box-shadow:none;border-radius:6px;place-items:center;padding:0;display:grid;top:180px;left:auto}#journey-launcher{right:68px}#profile-hud-btn{right:16px}#ability-hud{background:var(--game-surface);box-shadow:none;border-radius:8px;gap:6px;padding:8px 10px 14px}.ab-slot{border-radius:6px;width:48px;height:48px}.ab-slot:hover{transform:none}.ab-slot.ab-ready{box-shadow:none}.hud-minimap{border-color:var(--game-border);border-radius:6px}#weapon-hud{background:var(--game-surface);border-radius:4px;padding:5px 8px;font-size:10px}.touch-buttons{grid-template-columns:repeat(3,44px);gap:6px}.touch-btn{background:var(--game-surface);width:44px;height:44px;color:var(--game-ink);border:1px solid var(--game-border);border-radius:6px}.touch-btn:active{background:#3c665b}#touch-pause{grid-column:auto;width:44px;height:44px}#touch-attack,#touch-ability{display:none}.touch-joystick{background:#0d16157a;border-color:#7ac7b4}.touch-joystick-knob{background:#90e7d6}#game-hud summary:focus-visible{outline:2px solid var(--game-accent);outline-offset:4px}@media (width<=768px),(pointer:coarse){.touch-controls{bottom:max(12px, env(safe-area-inset-bottom));align-items:end;padding:0 12px;display:flex}.touch-joystick{width:88px;height:88px}.touch-joystick-knob{width:32px;height:32px}.hud-top{gap:8px;left:12px;right:12px}.hud-left{width:56%;padding:10px}.hud-level-name{font-size:12px}.hud-counter-icon{font-size:14px}.hud-right{gap:5px}.hud-stardust,.hud-counter{padding:5px 6px}.hud-objective{width:calc(100% - 132px);min-width:180px;padding:8px 10px;top:122px;left:12px}.hud-objective strong{font-size:12px}#journey-launcher,#profile-hud-btn{top:148px}#journey-launcher{right:62px}#profile-hud-btn{right:12px}#ability-hud{bottom:max(120px, calc(env(safe-area-inset-bottom) + 112px));padding:6px 8px 12px}.ab-slot,#basic-attack-btn{width:44px;height:44px}.ab-key{font-size:9px}.hud-minimap{width:84px;height:84px;bottom:208px;right:12px}#weapon-hud{max-width:150px;bottom:208px;left:12px;right:auto}#color-switcher{bottom:244px!important;left:12px!important;right:auto!important}#color-toggle-btn{width:36px!important;height:36px!important;box-shadow:none!important}#hud-save-status{font-size:9px;top:202px;bottom:auto;left:12px}#combo-hud{bottom:206px}.hud-controls,#zodiac-badge{display:none}}@media (height<=500px) and (width>=600px){#language-screen{gap:16px;overflow-y:auto}.lang-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}.lang-btn{min-height:44px;padding:10px}.touch-controls{display:flex}.hud-left{width:200px}.hud-objective{width:min(230px,100% - 450px);min-width:160px;top:14px;left:228px}#journey-launcher,#profile-hud-btn{top:160px}#ability-hud{bottom:14px}.hud-minimap,#weapon-hud,#color-switcher{display:none!important}#hud-save-status{top:auto;bottom:110px}}@media (prefers-reduced-motion:reduce){.health-bar-fill,.ab-slot,.hud-icon-btn{transition:none}}