@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Rajdhani:wght@400;500;600;700&display=swap);#root,body,html{height:100%;width:100%}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#050709;--surface:#0b1018;--surface2:#0f1a24;--accent:#66fcf1;--accent2:#45a29e;--gold:#39d98a;--gold-dim:#39d98a2e;--danger:#ff4560;--danger-dim:#ff45602e;--text:#d8eae9;--text-dim:#6a8f91;--glow:#66fcf173;--gold-glow:#39d98a73;--grid:rgba(102,252,241,.035)}*,:after,:before{box-sizing:border-box}body,html{background-color:#050709;background-color:var(--bg);background-image:linear-gradient(rgba(102,252,241,.035) 1px,#0000 0),linear-gradient(90deg,rgba(102,252,241,.035) 1px,#0000 0);background-image:linear-gradient(var(--grid) 1px,#0000 1px),linear-gradient(90deg,var(--grid) 1px,#0000 1px);background-size:48px 48px;color:#d8eae9;color:var(--text);display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;font-size:16px;height:100%;margin:0;padding:0;text-align:center}.App{min-height:100%;width:100%}.App,.main{display:flex;flex:1 1;flex-direction:column}.main{min-width:0;overflow-x:hidden}.arena-bg{align-items:center;background:radial-gradient(ellipse 900px 500px at 50% 0,#66fcf10f 0,#0000 70%);display:flex;flex:1 1;flex-direction:column;padding:2rem 1rem 4rem}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#050709d9;border-bottom:1px solid #66fcf114;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.nav-inner{gap:1.5rem;height:56px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{background:none;border:none;color:#d8eae9;color:var(--text);cursor:pointer;flex-direction:row;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:2px;padding:0;text-transform:uppercase;transition:color .2s;white-space:nowrap}.nav-beta-badge,.nav-logo:hover{color:#66fcf1;color:var(--accent)}.nav-beta-badge{border:1px solid #66fcf1;border:1px solid var(--accent);border-radius:4px;display:inline-block;font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700;letter-spacing:1.5px;margin-left:8px;margin-top:0;opacity:.75;padding:2px 6px}.nav-logo-accent{color:#66fcf1;color:var(--accent)}.nav-links{align-items:center;display:flex;gap:.25rem}.nav-link{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6a8f91;color:var(--text-dim);cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;padding:.5rem .9rem;text-decoration:none;text-transform:uppercase;transition:color .2s,border-color .2s}.nav-link:hover{color:#d8eae9;color:var(--text)}.nav-link-active{border-bottom-color:#66fcf1;border-bottom-color:var(--accent);color:#66fcf1;color:var(--accent)}.nav-right{flex-shrink:0;width:140px}.page-heading{margin-bottom:2rem;padding-top:.5rem;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#66fcf1,#45a29e 60%);background:linear-gradient(90deg,var(--accent) 0,var(--accent2) 60%);-webkit-background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;letter-spacing:2px;margin:0 0 .4rem}.page-sub,.page-title{text-transform:uppercase}.page-sub{color:#6a8f91;color:var(--text-dim);font-size:.9rem;letter-spacing:1px;margin:0}.hero{animation:fadeSlideDown .5s ease both;margin-bottom:2.5rem;padding-top:1.5rem;text-align:center}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.text-hero{color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;letter-spacing:3px;line-height:1.1;margin:0 0 .75rem;text-transform:uppercase}.hero-accent{color:#66fcf1;color:var(--accent);text-shadow:0 0 30px #66fcf180}.tagline{color:#6a8f91;color:var(--text-dim);font-size:.85rem;font-weight:500;letter-spacing:3px;line-height:1.7;margin:0 auto;max-width:520px;text-transform:uppercase}.tagline-cursor{animation:blink 1.1s step-end infinite;background:#66fcf1;background:var(--accent);display:inline-block;height:1em;margin-left:4px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.arena{align-items:center;animation:fadeSlideDown .5s ease .1s both;animation-fill-mode:both;display:flex;gap:0;margin:0 auto 1.25rem;max-width:700px;opacity:0;overflow:hidden;width:100%}.left-slot,.right-slot{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #66fcf11a;display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0;padding:1rem 1.25rem;transition:border-color .25s,box-shadow .25s}.left-slot{border-radius:12px 0 0 12px;border-right:none}.right-slot{border-left:none;border-radius:0 12px 12px 0}.left-slot:focus-within,.right-slot:focus-within{border-color:#66fcf14d;box-shadow:0 0 20px #66fcf10f}.slot-label{color:#45a29e;color:var(--accent2);display:block;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:3px;text-transform:uppercase}.slot-input{background:#0000;border:none;border-bottom:1px solid #66fcf133;color:#e5f7f6;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:600;outline:none;padding:.45rem 0;transition:border-color .2s;width:100%}.slot-input::placeholder{color:#6a8f91;color:var(--text-dim);font-size:.95rem;font-weight:400}.slot-input:focus{border-bottom-color:#66fcf1;border-bottom-color:var(--accent)}.slot-input:disabled{cursor:not-allowed;opacity:.5}.vs-pulse{align-items:center;align-self:stretch;animation:vs-beat 2s ease-in-out infinite;background:#66fcf10a;border-bottom:1px solid #66fcf11a;border-top:1px solid #66fcf11a;color:#66fcf1;color:var(--accent);display:flex;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;justify-content:center;letter-spacing:2px;text-shadow:0 0 10px #66fcf173;text-shadow:0 0 10px var(--glow);width:64px}@keyframes vs-beat{0%,to{color:#66fcf1;color:var(--accent);text-shadow:0 0 10px #66fcf173;text-shadow:0 0 10px var(--glow)}50%{color:#fff;text-shadow:0 0 22px #66fcf173,0 0 40px #66fcf173;text-shadow:0 0 22px var(--glow),0 0 40px var(--glow)}}.fight-btn{background:linear-gradient(90deg,#45a29e,#66fcf1 50%,#45a29e);background:linear-gradient(90deg,var(--accent2) 0,var(--accent) 50%,var(--accent2) 100%);background-size:200% 100%;border:0;border-radius:12px;box-shadow:0 8px 28px #66fcf14d;color:#050709;cursor:pointer;display:block;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:3px;margin:0 auto .5rem;max-width:700px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:background-position .4s,box-shadow .25s,transform .15s;width:100%}.fight-btn:after{background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.fight-btn:hover{background-position:100%;box-shadow:0 12px 36px #66fcf180}.fight-btn:hover:after{transform:translateX(100%)}.fight-btn:active{transform:scale(.985)}.fight-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.suggestions-row{align-items:center;display:flex;flex-direction:column;gap:.8rem;margin:1.2rem auto 0;max-width:1100px}.surprise-btn{background:#0000;border:1px dashed #66fcf14d;border-radius:8px;color:#45a29e;color:var(--accent2);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:3px;padding:.55rem 1.6rem;text-transform:uppercase;transition:all .25s ease}.surprise-btn:hover{background:#66fcf10a;border-color:#66fcf1;border-color:var(--accent);border-style:solid;box-shadow:0 0 16px #66fcf11f;color:#66fcf1;color:var(--accent)}.matchup-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.matchup-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#6a8f91;color:var(--text-dim);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.3px;padding:.35rem .9rem;transition:all .2s ease}.matchup-chip:hover{background:#66fcf10f;border-color:#66fcf140;color:#66fcf1;color:var(--accent)}.loading-state{align-items:center;color:#45a29e;color:var(--accent2);display:flex;flex-direction:column;font-size:1rem;gap:.75rem;letter-spacing:1px;margin:2rem auto;text-transform:uppercase}.spinner{animation:spin .75s linear infinite;border:3px solid #66fcf11f;border-radius:50%;border-top:3px solid var(--accent);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.error-banner{background:#ff456014;border:1px solid #ff45604d;border-radius:10px;color:#ff8099;font-size:1rem;font-weight:500;letter-spacing:.3px;margin:1rem auto;max-width:600px;padding:.8rem 1.5rem}.skeleton{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#66fcf10a 25%,#66fcf114 50%,#66fcf10a 75%);background-size:200% 100%;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-scene{aspect-ratio:1/1;border:1px solid #66fcf114;width:100%}.skeleton-portrait{aspect-ratio:1/1;border-radius:10px;width:100%}.img-loader-wrap{position:relative;width:100%}.img-loader-container{background:#0b1018;background:var(--surface);border:1px solid #ffffff1f;border-radius:14px;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.img-loader-grid{inset:0;pointer-events:none;position:absolute;z-index:1}.img-loader-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}@keyframes imgLoaderBlink{0%,to{opacity:.3}50%{opacity:1}}.img-loader-portrait .img-loader-container{border-radius:10px}.battle-image-wrap{grid-gap:10px;display:grid;gap:10px;justify-items:center}.battle-image-img{animation:fadeIn .4s ease both;border:1px solid #ffffff1f;border-radius:14px;width:100%}.image-error{border:1px solid #ff3d7f59;border-radius:12px;padding:12px;text-align:center}.partial-image-wrap{animation:partialPulse 2s ease-in-out infinite;aspect-ratio:1/1;border-radius:8px;box-shadow:0 0 0 2px #66fcf1,0 0 18px 2px #66fcf140;box-shadow:0 0 0 2px var(--accent),0 0 18px 2px #66fcf140;overflow:hidden;position:relative;width:100%}@keyframes partialPulse{0%,to{box-shadow:0 0 0 2px #66fcf1,0 0 18px 2px #66fcf140;box-shadow:0 0 0 2px var(--accent),0 0 18px 2px #66fcf140}50%{box-shadow:0 0 0 2px #66fcf1,0 0 32px 6px #66fcf173;box-shadow:0 0 0 2px var(--accent),0 0 32px 6px #66fcf173}}.partial-image-preview{display:block;height:100%;object-fit:cover;width:100%}.partial-image-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border:1px solid #66fcf14d;border-radius:20px;bottom:10px;color:#66fcf1;color:var(--accent);display:flex;font-family:Orbitron,sans-serif;font-size:.7rem;gap:7px;left:50%;letter-spacing:.08em;padding:5px 12px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.partial-image-dot{animation:dotBlink 1.1s ease-in-out infinite;background:#66fcf1;background:var(--accent);border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.image-error-icon{font-size:2rem;margin-bottom:.5rem}.image-error-detail{font-size:.9rem;line-height:1.4;margin-top:.4rem;opacity:.75}@keyframes slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-wrap{box-sizing:border-box;margin:0 auto;max-width:1060px;overflow-x:hidden;padding:2rem 1rem 4rem;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.winner-banner{animation:slideDown .5s ease both;animation-delay:.1s;background:linear-gradient(90deg,#f5c51814,#f5c5182e 50%,#f5c51814);border:1px solid #f5c5184d;border-radius:12px;box-shadow:0 0 28px #f5c5181f;color:#39d98a;color:var(--gold);display:block;font-size:clamp(.85rem,2vw,1.1rem);letter-spacing:2px;margin:0 0 1.5rem;padding:1rem 2rem;width:100%}.reset-btn,.winner-banner{font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase}.reset-btn{background:#0000;border:1px solid #66fcf14d;border-radius:8px;color:#45a29e;color:var(--accent2);cursor:pointer;display:inline-block;font-size:.7rem;letter-spacing:3px;margin:0 auto 1.5rem;padding:.7rem 2rem;transition:border-color .2s,color .2s,box-shadow .2s}.reset-btn:hover{border-color:#66fcf1;border-color:var(--accent);box-shadow:0 0 14px #66fcf133;color:#66fcf1;color:var(--accent)}.result-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.result-container>.character-card:first-child{animation:slideInLeft .55s ease both;animation-delay:.5s}.result-container>.character-card:last-child{animation:slideInRight .55s ease both;animation-delay:.65s}.scene-row{grid-gap:1.25rem;align-items:center;animation:scaleIn .6s ease both;animation-delay:.25s;display:grid;gap:1.25rem;grid-template-columns:55fr 45fr;margin-top:1.5rem}.scene-image-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.regen-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.regen-btn{background:#0000;border:1px solid #66fcf140;border-radius:20px;color:#66fcf1b3;cursor:pointer;font-family:var(--font-body);font-size:.78rem;letter-spacing:.04em;padding:.35rem .85rem;transition:border-color .2s,color .2s,background .2s}.regen-btn:hover:not(:disabled){background:#66fcf10d;border-color:#66fcf199;color:#66fcf1;color:var(--accent)}.regen-btn:disabled{cursor:not-allowed;opacity:.45}.regen-error{color:#ff4560;color:var(--danger);font-family:var(--font-body);font-size:.75rem}.image-disclaimer{color:#ffffff4d;font-family:var(--font-body);font-size:.68rem;margin:6px 0 0;text-align:center}.why-winner{background:linear-gradient(135deg,#66fcf10a,#45a29e0f);border:1px solid #66fcf11f;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;overflow-wrap:break-word;padding:1.25rem 1.75rem;text-align:left;word-break:break-word}.why-winner-label{color:#66fcf1;color:var(--accent);display:block;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:900;letter-spacing:3px;margin-bottom:.75rem;text-transform:uppercase}.why-winner-text{color:#d8eae9;color:var(--text);font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:500;letter-spacing:.2px;line-height:1.7;margin:0}.card-winner-badge{border-radius:999px;color:#39d98a;color:var(--gold);display:block;font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:2px;margin-bottom:.6rem;min-height:1.6rem;padding:.2rem .75rem;text-align:center;text-transform:uppercase}.card-winner-badge:not(:empty){background:linear-gradient(90deg,#39d98a2e,#39d98a47);border:1px solid #39d98a80;box-shadow:0 0 12px #39d98a40}.card-portrait{align-items:center;background:#66fcf10a;border:1px solid #66fcf11f;border-radius:10px;display:flex;justify-content:center;margin-bottom:.75rem;padding:1rem .75rem;width:100%}.card-portrait-name{color:#66fcf1;color:var(--accent);font-family:Orbitron,sans-serif;font-size:clamp(.85rem,2vw,1.1rem);font-weight:900;letter-spacing:2px;line-height:1.3;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;word-break:break-word}.card-winner .card-portrait{background:#39d98a0f;border-color:#39d98a4d}.card-winner .card-portrait-name{color:#39d98a;color:var(--gold)}.card-loser .card-portrait{background:#ff45600a;border-color:#ff456033}.card-loser .card-portrait-name{color:#ff4560;color:var(--danger)}.character-card{background:linear-gradient(160deg,#0f1a24,#0b1018);background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid #66fcf126;border-radius:14px;box-shadow:0 4px 24px #0006;padding:1.25rem;text-align:left;transition:transform .25s,box-shadow .25s;width:min(340px,92vw)}.character-card:hover{box-shadow:0 12px 36px #00000080;transform:translateY(-5px)}.character-card.card-winner{border-color:#f5c51880;box-shadow:0 0 28px #f5c51826,0 4px 24px #0006}.character-card.card-winner:hover{box-shadow:0 0 40px #f5c51840,0 12px 36px #00000080}.character-card.card-loser{border-color:#ff456033;opacity:.82}.card-img-fallback{align-items:center;background:#00000059;border-radius:10px;color:#66fcf1;color:var(--accent);display:flex;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;justify-content:center;letter-spacing:1px;padding:.7rem 0;width:100%}.card-winner .card-img-fallback{color:#39d98a;color:var(--gold)}.card-loser .card-img-fallback{color:#ff4560;color:var(--danger)}.card-prob-badge{background:#66fcf11a;border:1px solid #66fcf140;border-radius:999px;color:#66fcf1;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:.6rem 0 .3rem;padding:.2rem .8rem}.card-winner .card-prob-badge{background:#f5c5181f;border-color:#f5c51859;color:#39d98a;color:var(--gold)}.card-loser .card-prob-badge{background:#ff456014;border-color:#ff456033;color:#ff4560;color:var(--danger)}.card-physical-row{display:flex;flex-wrap:wrap;gap:0 .5rem;justify-content:center;margin:.45rem 0 .35rem}.card-physical-item{color:#6a8f91;color:var(--text-dim);font-family:var(--font-body);font-size:.75rem;letter-spacing:.03em;text-transform:capitalize}.card-physical-item+.card-physical-item:before{content:"·";margin-right:.5rem;opacity:.45}.card-combat-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .5rem}.card-tag{border:1px solid;border-radius:20px;font-family:var(--font-title);font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:.2rem .55rem;text-transform:uppercase}.card-tag-style{background:#a78bfa0f;border-color:#a78bfa4d;color:#a78bfa}.card-tag-style-melee{background:#ff456012;border-color:#ff456059;color:#ff4560;color:var(--danger)}.card-tag-style-ranged{background:#66fcf10f;border-color:#66fcf14d;color:#66fcf1;color:var(--accent)}.card-tag-style-melee-and-ranged{background:#39d98a12;border-color:#39d98a59;color:#39d98a;color:var(--gold)}.card-tag-threat-microscopic-level{background:#64748b12;border-color:#64748b59;color:#64748b}.card-tag-threat-street-level{background:#9ca3af12;border-color:#9ca3af59;color:#9ca3af}.card-tag-threat-building-level{background:#38bdf812;border-color:#38bdf859;color:#38bdf8}.card-tag-threat-city-level{background:#66fcf112;border-color:#66fcf159;color:#66fcf1;color:var(--accent)}.card-tag-threat-island-level{background:#4ade8012;border-color:#4ade8059;color:#4ade80}.card-tag-threat-country-level{background:#facc1512;border-color:#facc1559;color:#facc15}.card-tag-threat-continental-level{background:#f59e0b12;border-color:#f59e0b59;color:#f59e0b}.card-tag-threat-planet-level{background:#fb923c12;border-color:#fb923c59;color:#fb923c}.card-tag-threat-star-level{background:#f8717112;border-color:#f8717159;color:#f87171}.card-tag-threat-cosmic-level{background:#c084fc12;border-color:#c084fc59;color:#c084fc}.card-tag-threat-universal-level{background:#a855f712;border-color:#a855f759;color:#a855f7}.card-tag-threat-multiversal-level{background:#e879f912;border-color:#e879f959;color:#e879f9}.card-tag-threat-omniversal-level{background:#f8fafc1f;border-color:#f8fafc80;color:#f8fafc}.card-summary{color:#6a8f91;color:var(--text-dim);font-size:.92rem;font-weight:400;line-height:1.55;margin:.5rem 0 .9rem}.card-stats{border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:0;margin-bottom:.9rem;overflow:hidden}.card-stat-row{align-items:center;border-bottom:1px solid #ffffff0a;cursor:default;display:flex;font-size:.83rem;gap:.75rem;padding:.35rem .6rem;position:relative}.card-stat-row:last-child{border-bottom:none}.card-stat-row:nth-child(odd){background:#ffffff05}.card-stat-label{color:#45a29e;color:var(--accent2);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:1px;min-width:72px;text-transform:uppercase;white-space:nowrap}.card-stat-value{color:#d8eae9;color:var(--text);font-weight:500;line-height:1.4}.card-stat-bar-wrap{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.card-stat-bar{background:#ffffff0f;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.card-stat-bar:after{animation:growBar .8s cubic-bezier(.25,.46,.45,.94) both;animation-delay:inherit;border-radius:3px;content:"";inset:0;position:absolute;width:0;width:var(--bar-width,0)}.card-stat-bar.bar-winner:after{background:linear-gradient(90deg,#39d98a,#39d98a99);background:linear-gradient(90deg,var(--gold) 0,#39d98a99 100%);box-shadow:0 0 8px #39d98a4d}.card-stat-bar.bar-loser:after{background:linear-gradient(90deg,#ff4560,#ff456080);background:linear-gradient(90deg,var(--danger) 0,#ff456080 100%);box-shadow:0 0 8px #ff456033}.card-stat-bar.bar-draw:after{background:linear-gradient(90deg,#66fcf1,#66fcf180);background:linear-gradient(90deg,var(--accent) 0,#66fcf180 100%);box-shadow:0 0 8px #66fcf133}@keyframes growBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.card-stat-score{color:#6a8f91;color:var(--text-dim);font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.5px;min-width:22px;text-align:right}.card-winner .card-stat-score{color:#39d98a;color:var(--gold)}.card-loser .card-stat-score{color:#ff4560;color:var(--danger)}.card-stat-tooltip{background:#0f1a24;background:var(--surface2,#1a1d23);border:1px solid #66fcf126;border-radius:6px;box-shadow:0 6px 20px #00000080;color:#d8eae9;color:var(--text);font-family:Rajdhani,sans-serif;font-size:.78rem;left:.4rem;line-height:1.35;opacity:0;padding:.45rem .65rem;pointer-events:none;position:absolute;right:.4rem;top:100%;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;visibility:hidden;z-index:10}.card-stat-row:hover .card-stat-tooltip{opacity:1;transform:translateY(2px);visibility:visible}.card-stat-tooltip.tooltip-up{bottom:100%;top:auto;transform:translateY(4px)}.card-stat-row:hover .card-stat-tooltip.tooltip-up{transform:translateY(-2px)}.card-tag-section{margin-top:.7rem}.card-tag-heading{color:#45a29e;color:var(--accent2);font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.card-tag-list{color:#6a8f91;color:var(--text-dim);font-size:.88rem;font-weight:400;line-height:1.5;margin:.25rem 0 0}.share-bar{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.5rem}.share-btn{border-radius:6px;cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;padding:.5rem 1.2rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.share-copy{background:#0000;border:1px solid #66fcf140;color:#45a29e;color:var(--accent2)}.share-copy:hover{border-color:#66fcf1;border-color:var(--accent);box-shadow:0 0 12px #66fcf126;color:#66fcf1;color:var(--accent)}.share-feedback{background:#0000;border:1px solid #ffffff1f;color:#d8eae9;color:var(--text)}.share-feedback:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 0 12px #ffffff14}.share-x{background:#ffffff0f;border:1px solid #ffffff1f;color:#d8eae9;color:var(--text)}.share-x:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 0 12px #ffffff14}.battle-log{animation:fadeIn .5s ease both;animation-delay:.4s;margin:1.5rem 0;text-align:left}.battle-log-title{color:#66fcf1;color:var(--accent);display:block;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:3px;margin-bottom:.8rem;text-align:center;text-transform:uppercase}.battle-log-entries{border:1px solid #66fcf11a;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.battle-log-entry{animation:slideInLog .5s ease both;background:linear-gradient(135deg,#66fcf105,#0000);border-bottom:1px solid #66fcf10f;padding:.9rem 1.2rem}.battle-log-entry:last-child{border-bottom:none}.battle-log-entry:nth-child(odd){background:linear-gradient(135deg,#66fcf10a,#0000001a)}@keyframes slideInLog{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.battle-log-round{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.35rem}.battle-log-round-num{background:#66fcf10f;border:1px solid #66fcf133;border-radius:4px;color:#45a29e;color:var(--accent2);font-size:.55rem;letter-spacing:2px;padding:.15rem .5rem}.battle-log-round-num,.battle-log-round-title{font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase}.battle-log-round-title{color:#d8eae9;color:var(--text);font-size:.65rem;letter-spacing:1px;min-width:0;overflow-wrap:break-word}.battle-log-text{color:#6a8f91;color:var(--text-dim);font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.empty-result{align-items:center;animation:fadeIn .45s ease both;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;padding:3rem 1rem}.empty-result-icon{filter:drop-shadow(0 0 24px rgba(102,252,241,.4));font-size:4rem;line-height:1}.empty-result-title{color:#d8eae9;color:var(--text);font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;letter-spacing:2px;margin:0;text-transform:uppercase}.empty-result-sub{color:#6a8f91;color:var(--text-dim);font-size:1.05rem;font-weight:500;letter-spacing:.5px;margin:0}.history-guest{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:420px;padding:4rem 1.5rem;text-align:center}.history-guest-title{color:#66fcf1;color:var(--accent);font-family:Orbitron,sans-serif;font-size:1.25rem;margin:0}.history-guest-sub{color:#fff9;font-size:.95rem;line-height:1.6;margin:0}.result-actions{display:flex;gap:.6rem;justify-content:center;margin:0 auto 1.5rem}.rematch-btn{border-color:#f5c5184d;color:#39d98a;color:var(--gold)}.rematch-btn:hover{border-color:#f5c51899;box-shadow:0 0 14px #f5c51833;color:#39d98a;color:var(--gold)}.history-section{width:100%}.history-title{color:#45a29e;color:var(--accent2);font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:3px;margin:0 0 .8rem;text-transform:uppercase}.history-skeleton{border:1px solid #66fcf114;border-radius:10px;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:600px;overflow:hidden}.history-skeleton-row{border-bottom:1px solid #ffffff0a;height:52px}.history-skeleton-row:last-child{border-bottom:none}.history-empty{padding:3rem 1rem;text-align:center}.history-empty-text{color:#fff6;font-family:Rajdhani,sans-serif;font-size:1.1rem;letter-spacing:.05em}.history-list{border:1px solid #66fcf114;border-radius:10px;display:flex;flex-direction:column;gap:0;overflow:hidden}.history-entry{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0a;color:#d8eae9;color:var(--text);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;justify-content:space-between;padding:.6rem 1rem;text-align:left;transition:background .15s}.history-entry:last-child{border-bottom:none}.history-entry:nth-child(odd){background:#ffffff05}.history-entry:hover{background:#66fcf10f}.history-matchup{font-size:.92rem;font-weight:600;letter-spacing:.3px}.history-winner{color:#39d98a;color:var(--gold);font-size:.78rem;font-weight:500;margin-left:1rem;white-space:nowrap}.tab-section{animation:fadeIn .45s ease both;margin:2.5rem auto 0;max-width:600px;width:100%}.tab-nav{border:1px solid #66fcf11f;border-radius:8px;display:flex;gap:0;margin-bottom:1rem;overflow:hidden}.tab-btn{background:#0000;border:none;color:#6a8f91;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2.5px;padding:.55rem 1rem;text-transform:uppercase;transition:background .15s,color .15s}.tab-btn:hover{background:#66fcf10a;color:#d8eae9;color:var(--text)}.tab-btn.active{background:#66fcf11a;box-shadow:inset 0 -2px 0 #66fcf1;box-shadow:inset 0 -2px 0 var(--accent);color:#66fcf1;color:var(--accent)}.trending-section{width:100%}.trending-title{color:#66fcf1;color:var(--accent);font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:3px;margin:0 0 .8rem;text-transform:uppercase}.trending-list{border:1px solid #66fcf11f;border-radius:10px;display:flex;flex-direction:column;gap:0;overflow:hidden}.trending-entry{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0a;color:#d8eae9;color:var(--text);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;justify-content:space-between;padding:.6rem 1rem;text-align:left;transition:background .15s}.trending-entry:last-child{border-bottom:none}.trending-entry:hover{background:#66fcf10f}.trending-matchup{font-size:.88rem;font-weight:600}.trending-meta{align-items:center;display:flex;gap:.75rem;margin-left:1rem;white-space:nowrap}.trending-winner{color:#39d98a;color:var(--gold);font-size:.78rem;font-weight:500}.trending-count{background:#66fcf114;border-radius:20px;color:#66fcf1;color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.15rem .5rem}.battle-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);width:100%}.bpc,.bpc-skeleton{border-radius:16px;min-height:200px}.bpc{border:1px solid #ffffff14;cursor:pointer;display:flex;flex-direction:column;outline:none;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease}.bpc:hover{box-shadow:0 16px 40px #0000008c;transform:translateY(-5px)}.bpc:focus-visible{box-shadow:0 0 0 2px #66fcf1;box-shadow:0 0 0 2px var(--accent)}.bpc-bg{background-position:50%;background-size:cover;z-index:0}.bpc-bg,.bpc-overlay{inset:0;position:absolute}.bpc-overlay{background:#00000094;z-index:1}.bpc-body{display:flex;flex:1 1;flex-direction:column;padding:.75rem .9rem .5rem;position:relative;z-index:2}.bpc-winner-badge{align-items:center;background:#66fcf11a;border:1px solid #66fcf140;border-radius:999px;color:#66fcf1;color:var(--accent);display:inline-flex;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;gap:.4rem;letter-spacing:.1em;padding:.2rem .65rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.bpc-dot{background:#66fcf1;background:var(--accent);border-radius:50%;flex-shrink:0;height:5px;width:5px}.bpc-arena{align-items:center;display:flex;flex:1 1;justify-content:center;pointer-events:none;position:relative}.bpc-ghost{color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(5rem,10vw,8.5rem);font-weight:900;line-height:1;opacity:.12;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.bpc-ghost-left{left:.5rem}.bpc-ghost-right{right:.5rem}.bpc-vs{background:#0000008c;border:1px solid #fff3;border-radius:999px;color:#fff;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.15em;padding:.3rem .75rem;z-index:1}.bpc-footer{align-items:center;background:#050709d1;border-top:1px solid #ffffff12;display:flex;gap:.5rem;justify-content:space-between;padding:.55rem .9rem;position:relative;z-index:2}.bpc-matchup{color:#d8eae9;color:var(--text);font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.05em;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bpc-matchup .bpc-vs-text{color:#6a8f91;color:var(--text-dim);font-weight:400}.bpc-badge{background:#66fcf11a;border:1px solid #66fcf140;border-radius:999px;color:#66fcf1;color:var(--accent);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.08em;padding:.2rem .6rem;text-transform:uppercase;white-space:nowrap}.footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050709e6;border-top:1px solid #66fcf10f;box-sizing:border-box;color:#6a8f91;color:var(--text-dim);font-size:.72rem;letter-spacing:.5px;padding:.6rem 1rem;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.footer-text{color:#ffffff73;font-size:.75rem}.footer-feedback-link{border:1px solid #66fcf140;border-radius:999px;color:#66fcf1;color:var(--accent);display:inline-block;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;margin-top:.5rem;padding:.3rem .9rem;text-decoration:none;text-transform:uppercase;transition:background .18s ease,border-color .18s ease}.footer-feedback-link:hover{background:#66fcf114;border-color:#66fcf180}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.battle-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.battle-cards-grid{grid-template-columns:1fr}}@media (max-width:1024px){.scene-row{grid-template-columns:1fr 1fr}.result-wrap{padding:1.5rem 1.25rem 3rem}}@media (max-width:700px){.nav-inner{padding:0 1rem}.nav-logo{font-size:.58rem;letter-spacing:1px}.nav-link{font-size:.48rem;letter-spacing:1px;padding:.5rem .45rem}.nav-right{display:flex;width:auto}.nav-auth-btn{font-size:.52rem;letter-spacing:1px;padding:.3rem .65rem}.nav-username-btn{font-size:.52rem;padding:.3rem .55rem}.arena{align-items:stretch;flex-direction:column;gap:0;max-width:100%}.left-slot{border-bottom:none;border-radius:10px 10px 0 0;border-right:1px solid #66fcf11a}.right-slot{border-left:1px solid #66fcf11a;border-radius:0 0 10px 10px;border-top:none}.vs-pulse{align-self:auto;border:1px solid #66fcf11a;border-bottom:none;border-radius:0;border-top:none;box-sizing:border-box;font-size:.9rem;height:44px;width:100%}.text-hero{font-size:clamp(1.6rem,8vw,2.4rem);letter-spacing:1px}.scene-row{grid-template-columns:1fr}.result-container{align-items:center;flex-direction:column}.character-card{width:min(92vw,400px)}.winner-banner{font-size:.78rem;padding:.75rem 1rem;word-break:break-word}.result-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.result-actions .reset-btn{flex:1 1;max-width:220px;min-width:130px}.share-bar{flex-wrap:wrap}.card-combat-tags,.regen-row,.share-bar{justify-content:center}.history-entry{flex-wrap:wrap;gap:.2rem}.history-winner{margin-left:0}.trending-entry{flex-wrap:wrap;gap:.2rem}.trending-meta{margin-left:0}.why-winner{height:auto}}@media (max-width:480px){.nav-inner{gap:.5rem}.nav-links{display:flex;gap:0}.nav-link{font-size:.42rem;letter-spacing:.5px;padding:.5rem .35rem}.nav-right{display:flex;margin-left:0;width:auto}.nav-logo{align-items:center;flex-direction:column}.nav-beta-badge{margin-left:0;margin-top:3px}.nav-auth-btn{padding:.3rem .45rem}}@media (max-width:380px){.nav-logo{font-size:.5rem}.nav-auth-btn{font-size:.48rem;padding:.3rem .35rem}}@media (max-width:480px){.arena-bg{padding:2.5rem .75rem 3rem}.hero{padding-top:2rem}.result-wrap{padding:1.25rem .75rem 3rem}.fight-btn{font-size:.85rem;letter-spacing:2px;padding:.85rem 1.5rem}.why-winner{padding:1rem 1.25rem}.tab-section{margin-top:1.75rem}.card-portrait-name{font-size:.85rem;letter-spacing:1px}.history-matchup,.trending-matchup{font-size:.82rem}.history-winner,.trending-winner{font-size:.72rem}}.auth-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050709d1;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.auth-modal{animation:slideUp .2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#0f1a24,#0b1018);background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid #66fcf126;border-radius:16px;box-shadow:0 24px 64px #0009,0 0 0 1px #66fcf10f;padding:2.5rem 2rem 2rem;position:relative;width:min(420px,92vw)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{background:none;border:none;border-radius:6px;color:#6a8f91;color:var(--text-dim);cursor:pointer;font-size:1rem;line-height:1;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:color .2s,background .2s}.auth-close:hover{background:#ffffff0f;color:#d8eae9;color:var(--text)}.auth-title{color:#66fcf1;color:var(--accent);font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:2px;margin:0 0 1.75rem;text-align:center;text-transform:uppercase}.auth-form{gap:1.1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.4rem;text-align:left}.auth-label{color:#6a8f91;color:var(--text-dim);font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.auth-input{background:#0000;border:none;border-bottom:1px solid #66fcf140;color:#d8eae9;color:var(--text);font-family:Rajdhani,sans-serif;font-size:1rem;outline:none;padding:.5rem 0;transition:border-color .2s}.auth-input:focus{border-bottom-color:#66fcf1;border-bottom-color:var(--accent)}.auth-input::placeholder{color:#6a8f91;color:var(--text-dim);opacity:.5}.auth-error-block{display:flex;flex-direction:column;gap:.5rem}.auth-error{background:#ff456014;border:1px solid #ff456033;border-radius:8px;color:#ff4560;color:var(--danger);font-size:.82rem;margin:0;padding:.5rem .75rem;text-align:center}.auth-resend-btn{background:none;border:1px solid #66fcf159;border-radius:8px;color:#66fcf1;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:.4rem .75rem;text-align:center;transition:background .15s,border-color .15s}.auth-resend-btn:hover:not(:disabled){background:#66fcf114;border-color:#66fcf1;border-color:var(--accent)}.auth-resend-btn:disabled{cursor:default;opacity:.5}.auth-resend-sent{color:#39d98a;color:var(--gold);font-size:.8rem;margin:0;text-align:center}.auth-submit{background:linear-gradient(135deg,#45a29e,#66fcf1);background:linear-gradient(135deg,var(--accent2),var(--accent));border:none;border-radius:12px;color:#050709;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2px;margin-top:.5rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:opacity .2s,transform .15s}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-switch{color:#6a8f91;color:var(--text-dim);font-size:.85rem;margin:1.25rem 0 0;text-align:center}.auth-toggle-link{background:none;border:none;color:#66fcf1;color:var(--accent);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.auth-toggle-link:hover{opacity:.8}.auth-forgot-link{background:none;border:none;color:#6a8f91;color:var(--text-dim);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.8rem;margin-top:-.25rem;padding:0;text-align:right;transition:color .2s;width:100%}.auth-forgot-link:hover{color:#66fcf1;color:var(--accent)}.auth-pending{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0 .75rem;text-align:center}.auth-pending-icon{color:#66fcf1;color:var(--accent);font-size:2.5rem;line-height:1}.auth-pending-text{color:#6a8f91;color:var(--text-dim);font-size:.92rem;line-height:1.6;margin:0}.auth-pending-text strong{color:#d8eae9;color:var(--text)}.nav-auth-btn{background:none;border:1px solid #66fcf159;border-radius:8px;color:#66fcf1;color:var(--accent);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:1.5px;padding:.35rem .85rem;text-transform:uppercase;transition:background .2s,border-color .2s;white-space:nowrap}.nav-auth-btn:hover{background:#66fcf114;border-color:#66fcf1;border-color:var(--accent)}.nav-user{align-items:center;display:flex;gap:.75rem}.nav-user-email{font-family:Rajdhani,sans-serif;font-size:.82rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-signout-btn,.nav-user-email{color:#6a8f91;color:var(--text-dim)}.nav-signout-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:1.5px;padding:.3rem .6rem;text-transform:uppercase;transition:color .2s,background .2s}.nav-signout-btn:hover{background:#ff456014;color:#ff4560;color:var(--danger)}.username-hint{display:block;font-size:.75rem;margin-top:.25rem}.username-hint.available{color:#39d98a;color:var(--gold)}.username-hint.taken{color:#ff4560;color:var(--danger)}.username-hint.checking,.username-hint.invalid{color:#6a8f91;color:var(--text-dim)}.nav-user{position:relative}.nav-username-btn{align-items:center;background:none;border:1px solid #66fcf133;border-radius:8px;color:#66fcf1;color:var(--accent);cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;gap:.4rem;letter-spacing:1px;padding:.35rem .75rem;transition:background .2s,border-color .2s;white-space:nowrap}.nav-username-btn:hover,.nav-username-btn[aria-expanded=true]{background:#66fcf114;border-color:#66fcf1;border-color:var(--accent)}.nav-username-chevron{font-size:.5rem;transition:transform .2s}.nav-username-btn[aria-expanded=true] .nav-username-chevron{transform:rotate(180deg)}.nav-dropdown{animation:fadeIn .12s ease;background:#0f1a24;background:var(--surface2);border:1px solid #66fcf126;border-radius:10px;box-shadow:0 8px 24px #00000080;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.nav-dropdown-item{background:none;border:none;color:#6a8f91;color:var(--text-dim);cursor:pointer;display:block;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;padding:.7rem 1rem;text-align:left;transition:background .15s,color .15s;width:100%}.nav-dropdown-item:hover{background:#ff456014;color:#ff4560;color:var(--danger)}.tip-carousel{background:#66fcf10a;border:1px solid #66fcf133;border-left:3px solid #66fcf1;border-left:3px solid var(--accent);border-radius:12px;box-shadow:0 0 24px #66fcf10d;display:flex;flex-direction:column;gap:.55rem;margin-top:1.5rem;max-width:700px;padding:1.1rem 1.4rem 1rem 1.2rem;width:100%}.tip-header{align-items:center;display:flex;gap:.65rem}.tip-badge{background:#66fcf1;background:var(--accent);border-radius:4px;color:#050709;color:var(--bg);flex-shrink:0;font-size:.6rem;letter-spacing:2px;padding:3px 8px}.tip-badge,.tip-label{font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase}.tip-label{color:#66fcf1;color:var(--accent);font-size:.65rem;letter-spacing:1.5px}.tip-text{color:#d8eae9;color:var(--text);font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:600;height:5.5em;line-height:1.6;margin:0;overflow:hidden;transition:opacity .22s ease,transform .22s ease}@media (max-width:600px){.tip-text{height:8.5em}}.tip-visible{opacity:1;transform:translateY(0)}.tip-hidden{opacity:0;transform:translateY(4px)}.tip-dots{display:flex;gap:6px;margin-top:.15rem}.tip-dot{background:#66fcf140;border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:background .2s,transform .2s;width:6px}.tip-dot:hover{background:#66fcf18c}.tip-dot-active{background:#66fcf1;background:var(--accent);box-shadow:0 0 6px #66fcf173;box-shadow:0 0 6px var(--glow);transform:scale(1.3)}
/*# sourceMappingURL=main.82aeaef0.css.map*/