.moedas-widget{display:inline-flex;align-items:center;gap:5px;background:#f0d26414;border:1px solid rgba(240,210,100,.25);border-radius:20px;padding:4px 12px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s;cursor:pointer}.moedas-widget:hover{background:#f0d26426;border-color:#f0d26480}.moedas-widget__icon{color:var(--color-gold, #f0d264);font-size:.75rem}.moedas-widget__balance{color:var(--color-gold, #f0d264);font-size:.85rem;font-weight:600;letter-spacing:.02em;min-width:20px}.moedas-widget__delta{font-size:.72rem;font-weight:700;animation:widget-delta-fade 2.2s ease forwards}.moedas-widget__delta--up{color:var(--color-success, #34d399)}.moedas-widget__delta--down{color:var(--color-error, #f87171)}@keyframes widget-delta-fade{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-12px)}}.sd{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.sd__trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);background:transparent;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;position:relative;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.sd__trigger:hover{color:var(--color-text);background:#4e9af51a;border-color:#4e9af54d}.sd--open .sd__trigger{color:var(--color-primary);background:#4e9af51f;border-color:#4e9af566}.sd__gear{width:17px;height:17px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.sd__trigger:hover .sd__gear{transform:rotate(60deg)}.sd--open .sd__trigger .sd__gear{transform:rotate(90deg)}.sd__trigger[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0a101cf7;color:var(--color-text);font-size:.73rem;font-weight:var(--fw-medium);white-space:nowrap;padding:.28rem .6rem;border-radius:var(--radius-xl);border:1px solid rgba(78,154,245,.22);box-shadow:0 4px 14px #00000073;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:500}.sd__trigger[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.sd--open .sd__trigger[data-tooltip]:after{opacity:0!important}.sd__dropdown{position:absolute;top:calc(100% + .55rem);right:0;min-width:178px;background:#0a101cf7;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(240,210,100,.15);border-radius:var(--radius-xl);padding:.5rem .4rem;z-index:300;box-shadow:0 16px 40px #00000080,0 0 0 .5px #4e9af514,inset 0 1px #ffffff0a;pointer-events:none;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.sd__dropdown:before{content:"";position:absolute;top:-.6rem;left:0;right:0;height:.6rem}.sd--open .sd__dropdown{pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.sd__section-label{padding:.2rem .65rem .45rem;font-size:.68rem;font-weight:var(--fw-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted);opacity:.55;-webkit-user-select:none;user-select:none}.sd__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .65rem;border-radius:calc(var(--radius-xl) - 2px);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left}.sd__option:hover{background:#4e9af51a;color:var(--color-text)}.sd__option--active{color:var(--color-gold);background:#f0d26412}.sd__option--active:hover{background:#f0d2641f;color:var(--color-gold)}.sd__option-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:.1rem .35rem;border-radius:4px;font-size:.68rem;font-weight:var(--fw-bold);letter-spacing:.06em;flex-shrink:0}.sd__option-badge--pt-BR{background:#009c3b33;color:#4ade80;border:1px solid rgba(0,156,59,.35)}.sd__option-badge--en{background:#3c64be33;color:#7ba7f7;border:1px solid rgba(60,100,190,.35)}.sd__option-name{flex:1}.sd__option-check{width:12px;height:10px;color:var(--color-gold);flex-shrink:0}.sd--inline{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 0;flex-wrap:wrap}.sd__inline-label{font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);opacity:.55;flex-shrink:0}.sd__inline-options{display:flex;flex-direction:row;gap:.4rem;flex-wrap:wrap}.sd--inline .sd__option{padding:.4rem .75rem;border-radius:var(--radius-pill);border:1px solid rgba(78,154,245,.18);background:#4e9af50d;font-size:.82rem;gap:.45rem;width:auto}.sd--inline .sd__option--active{border-color:#f0d26459;background:#f0d2640f}.sd--inline .sd__option-check{display:none}.header{background-color:var(--color-surface);border-bottom:1px solid rgba(240,210,100,.15);padding:clamp(.85rem,1.5vw,1.25rem) 0;position:sticky;top:0;z-index:var(--z-dropdown)}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem}.logo{display:flex;align-items:center;flex-shrink:0;min-width:0}.logo-img{height:80px;width:auto;transition:filter var(--transition-base),transform var(--transition-base);filter:drop-shadow(0 0 8px rgba(78,154,245,.25))}.logo:hover .logo-img{filter:drop-shadow(0 0 14px rgba(78,154,245,.5)) brightness(1.08)}.nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap;min-width:0}.nav-link{position:relative;color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:.9rem;padding-bottom:2px;transition:color var(--transition-base);white-space:nowrap;flex-shrink:0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.nav-link--active{color:var(--color-gold)}.nav-link--active:after{width:100%;background:var(--color-gold)}.nav-link--active:hover{color:var(--color-gold)}.nav .btn{white-space:nowrap;flex-shrink:0}.nav-divider{display:block;width:1px;height:18px;background:#f0d26433;margin:0 .25rem;flex-shrink:0}.nav-user{font-size:.82rem;font-weight:var(--fw-semibold);color:var(--color-primary);background:#4e9af514;border:1px solid rgba(78,154,245,.3);border-radius:var(--radius-pill);padding:.25rem .75rem;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:.9rem;cursor:pointer;transition:color var(--transition-base);-webkit-user-select:none;user-select:none;padding-bottom:2px;white-space:nowrap;flex-shrink:0}.nav-dropdown__arrow{font-size:.65rem;transition:transform var(--transition-base);display:inline-block}.nav-dropdown:hover .nav-dropdown__arrow{transform:rotate(180deg)}.nav-dropdown:hover .nav-dropdown__trigger{color:var(--color-primary)}.nav-dropdown__menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.75rem;min-width:190px;background:#0d1321f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(240,210,100,.18);border-radius:var(--radius-xl);padding:.4rem 0;z-index:200;box-shadow:0 12px 32px #0006,0 0 0 .5px #4e9af514}.nav-dropdown__menu:before{content:"";position:absolute;top:-.75rem;left:0;right:0;height:.75rem}.nav-dropdown:hover .nav-dropdown__menu{display:block;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown__item{display:block;padding:.6rem 1.1rem;color:var(--color-text-muted);font-size:.88rem;font-weight:var(--fw-medium);transition:background-color var(--transition-fast),color var(--transition-fast),padding-left var(--transition-fast)}.nav-dropdown__item:hover{background:#4e9af514;color:var(--color-text);padding-left:1.4rem}.nav-dropdown__item--all{border-top:1px solid rgba(240,210,100,.12);margin-top:.25rem;padding-top:.65rem;font-size:.8rem;color:var(--color-primary);font-weight:var(--fw-semibold);letter-spacing:.02em}.nav-dropdown__item--all:hover{background:#4e9af51a;color:var(--color-primary);padding-left:1.4rem}.nav-dropdown__section{display:block;padding:.45rem 1.1rem .2rem;font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);opacity:.6;pointer-events:none}.nav-dropdown__section:not(:first-child){margin-top:.3rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.55rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.nav--desktop{display:flex}.nav--mobile,.hamburger{display:none}.footer{border-top:1px solid rgba(240,210,100,.12);margin-top:auto;background:var(--color-surface)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(2rem,3vw,2.5rem);padding:clamp(2.5rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo-link{display:inline-block;width:fit-content}.footer-logo{height:64px;width:auto;opacity:.9;transition:opacity var(--transition-base)}.footer-logo-link:hover .footer-logo{opacity:1}.footer-tagline{font-size:.82rem;color:var(--color-text-muted);line-height:1.6;max-width:280px;margin:0}.footer-discord-btn{display:inline-flex;align-items:center;gap:.5rem;background:#5865f2;color:#fff;font-size:.82rem;font-weight:var(--fw-semibold);padding:.5rem 1rem;border-radius:var(--radius-pill);width:fit-content;transition:background-color var(--transition-base),transform var(--transition-fast)}.footer-discord-btn svg{width:16px;height:16px;flex-shrink:0}.footer-discord-btn:hover{background:#4752c4;transform:translateY(-1px);color:#fff}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col__title{font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);margin:0}.footer-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.footer-link{font-size:.85rem;color:var(--color-text-muted);transition:color var(--transition-fast),padding-left var(--transition-fast);display:inline-block}.footer-link:hover{color:var(--color-text);padding-left:3px}.footer-link--discord{color:#7289da}.footer-link--discord:hover{color:#5865f2}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:1rem 0;text-align:center;font-size:.75rem;color:var(--color-text-muted);opacity:.65}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}.footer-tagline{max-width:100%}}@media (max-width: 540px){.footer-inner{grid-template-columns:1fr;padding:clamp(2rem,4vw,2.5rem) 0 clamp(1.5rem,3vw,2rem)}.footer-brand{align-items:center;text-align:center}.footer-tagline{max-width:100%}.footer-discord-btn{align-self:center}}.main-content{flex:1;width:100%;padding-block:var(--page-padding-y)}.layout{display:flex;flex-direction:column;min-height:100vh}@media (min-width: 1025px) and (max-width: 1400px){.nav{gap:.9rem}.nav-link,.nav-dropdown__trigger{font-size:.83rem}.nav-user{font-size:.76rem;padding:.22rem .55rem}}@media (max-width: 1024px){.header{padding:0;position:sticky;top:0;z-index:var(--z-dropdown)}.header-inner{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.logo-img{height:48px}.nav--desktop{display:none}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;padding:0;flex-shrink:0;z-index:calc(var(--z-dropdown) + 10)}.hamburger span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-dropdown)}.nav--mobile{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;background:var(--color-surface, #131a2b);border-bottom:1px solid rgba(240,210,100,.15);padding:0 1rem;max-height:0;overflow:hidden;z-index:calc(var(--z-dropdown) + 5);transition:max-height .3s ease,padding .3s ease}.nav--mobile.nav--open{max-height:80vh;overflow-y:auto;padding:0 1rem 1.5rem}.nav-mobile-user{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 .75rem;border-bottom:1px solid var(--color-border, #1e2d45);margin-bottom:.5rem;gap:.75rem}.nav--mobile .nav-link{display:flex;align-items:center;padding:.85rem 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-muted)}.nav--mobile .nav-link:last-of-type{border-bottom:none}.nav--mobile .nav-link--active{color:var(--color-gold)}.nav--mobile .nav-link:after{display:none}.nav-mobile-divider{height:1px;background:var(--color-border, #1e2d45);margin:.5rem 0}.nav-mobile-logout,.nav-mobile-login{width:100%;text-align:center;margin-top:.25rem;padding:.75rem;font-size:.95rem}.footer{padding:1rem 0;font-size:.8rem}}.home-hero{text-align:center;padding:3.5rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.home-hero__logo-wrap{display:flex;justify-content:center}.home-hero__logo{width:100%;max-width:720px;height:auto;filter:drop-shadow(0 0 48px rgba(78,154,245,.4)) drop-shadow(0 0 20px rgba(240,210,100,.25));animation:hero-float 4s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@keyframes hero-float{0%,to{transform:translateZ(0) translateY(0)}50%{transform:translateZ(0) translateY(-8px)}}.home-hero__sub{font-size:1.1rem;color:var(--color-text-muted);margin:0}.home-status{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.4rem 1.1rem;font-size:.9rem}.home-status__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.home-status__dot--online{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success)}.home-status__dot--offline{background-color:var(--color-error)}.home-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-cta .btn-ghost{background:#4e9af50a;border:1px solid rgba(78,154,245,.3);color:var(--color-text-muted);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.home-cta .btn-ghost:hover{border-color:var(--color-primary);background:#4e9af51f;color:var(--color-text);transform:translateY(-1px)}.home-feature-card p{margin:0;font-size:.88rem;color:var(--color-text-muted);line-height:var(--lh-base)}.dash{padding-top:var(--section-gap);padding-bottom:clamp(3rem,5vw,5rem)}.dash-welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;background:var(--gradient-brand-bg);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);margin-bottom:2rem}.dash-welcome__title{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text);margin:0 0 .25rem}.dash-welcome__title span{color:var(--color-gold)}.dash-welcome__sub{font-size:.88rem;color:var(--color-text-muted);margin:0}.dash-welcome__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dash-status{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--radius-pill);padding:.3rem .9rem;font-size:.82rem;font-weight:var(--fw-semibold);border:1px solid}.dash-status--online{color:var(--color-success);border-color:#34d3994d;background:#34d39912}.dash-status--offline{color:var(--color-error);border-color:#f871714d;background:#f8717112}.dash-status__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.dash-status--online .dash-status__dot{box-shadow:0 0 5px currentColor}.dash-coins{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:var(--fw-semibold);color:var(--color-gold);background:#f0d26414;border:1px solid rgba(240,210,100,.25);border-radius:var(--radius-pill);padding:.3rem .9rem}.dash-coins__icon{font-size:.7rem}.dash-body{display:grid;grid-template-columns:1fr clamp(220px,28%,280px);gap:var(--section-gap);align-items:start}.dash-section-title{font-size:.78rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .75rem}.dash-patches{display:flex;flex-direction:column;gap:.85rem}.patch-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.1rem 1.25rem;transition:border-color var(--transition-fast)}.patch-card:hover{border-color:#f0d26433}.patch-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.patch-card__version{font-size:.75rem;font-weight:var(--fw-bold);color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.2);border-radius:var(--radius-pill);padding:.1rem .55rem}.patch-card__date{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.patch-card__tag{font-size:.68rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:var(--radius-pill);padding:.1rem .5rem}.patch-card__title{font-size:.95rem;font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 .4rem}.patch-card__body{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin:0}.dash-quicklinks{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.dash-quicklink{display:flex;align-items:center;gap:.65rem;padding:.6rem .9rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.88rem;font-weight:var(--fw-medium);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.dash-quicklink:hover{border-color:#4e9af566;background:#4e9af50f;color:var(--color-text);transform:translate(3px)}.dash-quicklink__icon{font-size:1rem;width:1.5rem;text-align:center}.dash-top3{display:flex;flex-direction:column;gap:.4rem}.dash-top3__row{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:.85rem}.dash-top3__name{flex:1;font-weight:var(--fw-semibold);color:var(--color-text)}.dash-top3__score{color:var(--color-gold);font-weight:var(--fw-semibold);font-size:.82rem}@media (max-width: 700px){.home-hero{padding:2rem .25rem 1.5rem;gap:1.25rem}.home-hero__logo{max-width:100%}.home-hero__sub{font-size:.9rem}.home-cta{width:100%}.home-cta .btn{flex:1;min-width:0}.dash{padding-top:clamp(1rem,2.5vw,1.5rem);padding-bottom:clamp(2rem,4vw,3rem)}.dash-welcome{flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;gap:.75rem;margin-bottom:1.25rem}.dash-welcome__title{font-size:1.15rem}.dash-welcome__meta{width:100%;flex-wrap:nowrap;gap:.5rem}.dash-status,.dash-coins{font-size:.78rem;padding:.25rem .65rem}.dash-body{grid-template-columns:1fr;gap:clamp(1.25rem,2.5vw,1.75rem)}.dash-side{order:-1}.dash-quicklinks{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:0}.dash-quicklink{padding:.65rem .75rem;font-size:.85rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.patch-card{padding:.9rem 1rem}.patch-card__title{font-size:.9rem}}.rankings-page{width:100%;padding-bottom:clamp(2.5rem,4vw,4rem)}.rankings-filters{display:flex;gap:.5rem;margin-bottom:var(--section-gap)}.rankings-filter-btn{background:#4e9af50d;color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.88rem;padding:.45rem 1.1rem;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.rankings-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#4e9af51a}.rankings-filter-btn--active{background:#4e9af51f;color:var(--color-primary);border-color:#4e9af580}.rankings-card{padding:0;overflow:hidden}.rankings-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.rankings-table thead tr{border-bottom:1px solid rgba(240,210,100,.15)}.rankings-table th{padding:.85rem 1.1rem;color:var(--color-text-muted);font-size:.78rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em}.rankings-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.rankings-table tbody tr:last-child{border-bottom:none}.rankings-table tbody tr:hover{background:#4e9af50a}.rankings-table td{padding:.75rem 1.1rem;color:var(--color-text-muted)}.rankings-pos{font-size:.8rem;width:2.5rem}.rankings-name{color:var(--color-text)!important;font-weight:var(--fw-semibold)}.rankings-row--top1 .rankings-pos:before{content:"🥇 "}.rankings-row--top2 .rankings-pos:before{content:"🥈 "}.rankings-row--top3 .rankings-pos:before{content:"🥉 "}.rankings-row--top1 .rankings-name{color:var(--color-gold)!important}.rankings-row--top2 .rankings-name{color:silver!important}.rankings-row--top3 .rankings-name{color:#cd7f32!important}.rankings-empty{color:var(--color-text-muted);padding:2rem 0}@media (max-width: 640px){.rankings-page{max-width:100%}.rankings-filters{gap:.4rem}.rankings-filter-btn{flex:1;text-align:center;padding:.55rem .5rem;font-size:.82rem}.rankings-table thead{display:none}.rankings-table tbody tr{display:grid;grid-template-columns:2.5rem 1fr 1fr;grid-template-rows:auto auto;column-gap:0;row-gap:0;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:transparent;position:relative}.rankings-table tbody tr:last-child{border-bottom:none}.rankings-table td.rankings-pos{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted);padding:0;width:2.5rem}.rankings-table td.rankings-name{grid-column:2 / 4;grid-row:1;padding:0 0 .25rem;font-size:.95rem}.rankings-table td:nth-child(3),.rankings-table td:nth-child(4),.rankings-table td:nth-child(5){grid-row:2;padding:0;display:flex;align-items:center;gap:.3rem;font-size:.78rem}.rankings-table td:nth-child(3){grid-column:2}.rankings-table td:nth-child(4){grid-column:3;justify-content:flex-start}.rankings-table td:nth-child(5){display:none}.rankings-table td:nth-child(3):before,.rankings-table td:nth-child(4):before{content:attr(data-label);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);opacity:.65;margin-right:.15rem}.rankings-table td:nth-child(4){color:var(--color-gold);font-weight:var(--fw-semibold)}}.avatars-page{width:100%}.avatars-loading,.avatars-empty{color:var(--color-text-muted);padding:2rem 0}.avatars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}@media (max-width: 900px){.avatars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.avatars-grid{grid-template-columns:1fr;gap:.75rem}}.avatar-card{display:flex;flex-direction:column;gap:0;padding:1rem;border-color:var(--color-border);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast);min-height:200px}.avatar-card:hover{border-color:#f0d26440;transform:translateY(-2px)}.avatar-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.avatar-card__icons{display:flex;gap:.4rem;flex-shrink:0}.avatar-card .icon-race,.avatar-card .icon-class{width:48px;height:48px}.avatar-card__race-badge{font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.avatar-card__identity{flex:1;margin-bottom:.85rem}.avatar-card__name{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 .2rem;letter-spacing:.03em;line-height:1.2}.avatar-card__class{color:var(--color-text-muted);font-size:.82rem;margin:0;letter-spacing:.02em}.avatar-card__divider{height:1px;background:var(--color-border);margin-bottom:.75rem}.avatar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.avatar-card__footer-left{display:flex;align-items:center;gap:.6rem}.avatar-card__footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.avatar-badge--gs{background:#f0d2641a;border:1px solid rgba(240,210,100,.35);color:var(--color-gold);font-size:.82rem;font-weight:var(--fw-bold);padding:.22rem .65rem;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.avatar-card__level{font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.avatar-card__kills{font-size:.78rem;color:var(--color-text-muted)}.avatar-card__login{font-size:.7rem;color:var(--color-text-muted);opacity:.55}[data-tip]{position:relative;cursor:default}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.2);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:0 4px 16px #00000080}[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.download-page{width:100%;padding-bottom:var(--section-gap)}.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--grid-gap)}.download-card{display:flex;flex-direction:column;gap:1rem}.download-card__header{display:flex;align-items:flex-start;gap:.85rem}.download-card__icon{font-size:2rem;flex-shrink:0;margin-top:2px}.download-card__title{font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 .3rem}.download-card__badge{font-size:.72rem;font-weight:var(--fw-semibold);color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.25);border-radius:var(--radius-pill);padding:.15rem .6rem;letter-spacing:.04em;text-transform:uppercase}.download-card__desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;margin:0}.download-card__specs{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0}.download-card__specs li{display:flex;justify-content:space-between;font-size:.88rem;padding:.45rem .75rem;background:#4e9af50a;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.download-card__specs li span{color:var(--color-text-muted)}.download-card__specs li strong{color:var(--color-text)}.download-card__btn{margin-top:auto;width:100%}.download-card__steps{padding-left:1.25rem;color:var(--color-text-muted);font-size:.9rem;line-height:2.2;margin:0}.download-card__steps li::marker{color:var(--color-primary);font-weight:var(--fw-semibold)}.download-card__steps code{background:#4e9af51a;border:1px solid rgba(78,154,245,.2);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.85em;color:var(--color-primary)}.services-page{width:100%}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--grid-gap);margin-top:var(--section-gap);padding-bottom:var(--section-gap)}.service-card{position:relative;background:var(--color-surface, #131a2b);border:1px solid var(--color-border, #1e2d45);border-radius:12px;padding:1.5rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;transition:border-color .2s,transform .15s}.service-card:hover:not(.service-card--disabled){border-color:var(--color-primary, #4e9af5);transform:translateY(-2px)}.service-card--disabled{opacity:.45;pointer-events:none}.service-card__icon{font-size:2.25rem;line-height:1;margin-bottom:.15rem}.service-card__title{font-size:1rem;font-weight:600;color:var(--color-text, #d4dff0);margin:.1rem 0 0}.service-card__desc{font-size:.85rem;color:var(--color-text-muted, #7a8ba8);line-height:1.5;margin:0;flex:1}.service-card__price{font-size:1.4rem;font-weight:700;color:var(--color-gold, #f0d264);display:flex;align-items:baseline;gap:4px;margin-top:.35rem}.service-card__coin-icon{font-size:1rem;align-self:center}.service-card__price-unit{font-size:.72rem;color:var(--color-text-muted, #7a8ba8);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.service-card__price--soon{font-size:1rem;color:var(--color-text-muted, #7a8ba8)}.service-card__btn{width:100%;margin-top:.5rem;padding:.5rem;font-size:.875rem}.service-card__btn--soon{background-color:var(--color-border, #1e2d45);color:var(--color-text-muted, #7a8ba8);cursor:default;border:none}.svc-stepper{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:2rem;padding:.65rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);flex-wrap:wrap;row-gap:.15rem}.svc-step{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.875rem;transition:color var(--transition-base),background-color var(--transition-base)}.svc-step+.svc-step:before{content:"›";color:var(--color-border);margin-right:.2rem;font-size:1rem;line-height:1}.svc-step__number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-circle);background-color:var(--color-border);color:var(--color-text-muted);font-size:.72rem;font-weight:var(--fw-bold);flex-shrink:0}.svc-step--active .svc-step__number{background-color:var(--color-primary);color:var(--color-white)}.svc-step--active{color:var(--color-text);font-weight:var(--fw-semibold)}.svc-step--done .svc-step__number{background-color:var(--color-gold);color:var(--color-bg)}.svc-step--done{color:var(--color-gold)}.svc-step__label{display:none}@media (min-width: 700px){.svc-step__label{display:inline}}.rc-page{width:100%}.rc-header{margin-bottom:1.5rem}.rc-back-link{display:inline-block;color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem;transition:color var(--transition-base)}.rc-back-link:hover{color:var(--color-primary)}.rc-header h2{margin-bottom:.25rem}.rc-subtitle{color:var(--color-text-muted);font-size:.95rem}.rc-stepper{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.rc-step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.9rem;transition:all var(--transition-base)}.rc-step+.rc-step:before{content:"›";color:var(--color-text-muted);margin-right:.25rem;font-size:1.2rem}.rc-step__number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-circle);background-color:var(--color-border);color:var(--color-text-muted);font-size:.8rem;font-weight:var(--fw-bold);flex-shrink:0}.rc-step--active .rc-step__number{background-color:var(--color-primary);color:var(--color-white)}.rc-step--active{color:var(--color-text);font-weight:var(--fw-semibold)}.rc-step--done .rc-step__number{background-color:var(--color-success);color:var(--color-white)}.rc-step--done{color:var(--color-success)}.rc-step__label{display:none}@media (min-width: 600px){.rc-step__label{display:inline}}.rc-error{background-color:var(--alpha-error-10);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;font-size:.9rem}.rc-loading,.rc-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.rc-loading-overlay{text-align:center;color:var(--color-primary);padding:1rem;font-weight:var(--fw-medium);margin-top:1rem}.rc-section{animation:rcFadeIn .25s ease-out}@keyframes rcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rc-section-title{margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-muted)}.rc-back-btn{background:none;color:var(--color-text-muted);font-size:.875rem;padding:.25rem 0;margin-bottom:1rem;transition:color var(--transition-base)}.rc-back-btn:hover{color:var(--color-primary)}.rc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.rc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);background-color:var(--color-surface);width:100%}.rc-avatar-card:hover:not(:disabled){border-color:#f0d26440;transform:translateY(-2px);box-shadow:0 4px 20px #f0d26412}.rc-avatar-card:disabled{opacity:.5;cursor:not-allowed}.rc-avatar-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.rc-avatar-card__icons{display:flex;gap:.4rem;flex-shrink:0}.rc-avatar-card .icon-race,.rc-avatar-card .icon-class{width:48px;height:48px}.rc-avatar-card__race-pill{font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.rc-avatar-card__identity{flex:1;margin-bottom:.85rem}.rc-avatar-card__name{font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 .2rem;letter-spacing:.03em;line-height:1.2}.rc-avatar-card__class{color:var(--color-text-muted);font-size:.82rem;margin:0}.rc-avatar-card__divider{height:1px;background:var(--color-border);margin-bottom:.75rem}.rc-avatar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.rc-avatar-card__footer-left{display:flex;align-items:center;gap:.5rem}.rc-avatar-badge--gs{background:#f0d2641a;border:1px solid rgba(240,210,100,.35);color:var(--color-gold);font-size:.8rem;font-weight:var(--fw-bold);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.rc-avatar-card__level{font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.rc-avatar-card__kills{font-size:.78rem;color:var(--color-text-muted)}.rc-avatar-card [data-tip]{position:relative;cursor:default}.rc-avatar-card [data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.2);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:0 4px 16px #00000080}.rc-avatar-card [data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.rc-current-info{margin-bottom:1.5rem}.rc-current-info__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.rc-current-info__header h4{font-size:1.15rem}.rc-current-info__level{color:var(--color-primary);font-weight:var(--fw-semibold);font-size:.9rem}.rc-current-info__details{display:flex;flex-wrap:wrap;gap:1rem;color:var(--color-text-muted);font-size:.9rem}.rc-current-info__details strong{color:var(--color-text)}.rc-race-badge{display:inline-block;padding:.2rem .6rem;border:1px solid var(--color-text-muted);border-radius:var(--radius-md);font-size:.85rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.rc-race-badge--current{border-color:var(--color-primary);color:var(--color-primary)}.rc-race-badge--lg{padding:.4rem 1rem;font-size:1.1rem}.rc-race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.rc-race-card{position:relative;text-align:center;cursor:pointer;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);background-color:var(--color-surface);width:100%}.rc-race-card:hover:not(.rc-race-card--disabled){transform:translateY(-2px);box-shadow:0 4px 20px var(--alpha-primary-12)}.rc-race-card:hover:not(.rc-race-card--disabled) .rc-race-card__accent{height:4px}.rc-race-card--disabled{opacity:.4;cursor:not-allowed}.rc-race-card__accent{height:3px;width:100%;transition:height var(--transition-base)}.rc-race-card__content{padding:.25rem 1.25rem 1rem;text-align:center;width:100%}.rc-race-card__name{font-size:1.1rem;margin-bottom:.35rem}.rc-race-card__reason,.rc-race-card__hint{font-size:.8rem;color:var(--color-text-muted)}.rc-empty-races{text-align:center;padding:2rem;color:var(--color-text-muted)}.rc-empty-hint{font-size:.85rem;margin-top:.5rem}.rc-confirm-card{max-width:560px;margin:0 auto}.rc-confirm-title{text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.rc-confirm-visual{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;background-color:var(--color-bg);border-radius:var(--radius-xl)}.rc-confirm-from,.rc-confirm-to{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rc-confirm-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.rc-confirm-arrow{font-size:1.5rem;color:var(--color-primary);font-weight:var(--fw-bold)}.rc-confirm-details{margin-bottom:1.25rem}.rc-confirm-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.rc-confirm-row:last-child{border-bottom:none}.rc-confirm-key{color:var(--color-text-muted)}.rc-confirm-value{font-weight:var(--fw-semibold)}.rc-confirm-row--cost .rc-confirm-value{color:var(--color-gold)}.rc-confirm-cost{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.rc-confirm-balance{font-size:.8rem;font-weight:var(--fw-normal);color:var(--color-text-muted)}.rc-confirm-warnings{margin-bottom:1.5rem}.rc-offline-confirm{display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--color-text);line-height:1.4}.rc-offline-confirm input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.rc-warning{padding:.6rem .75rem;margin-bottom:.5rem;background-color:var(--alpha-warning-08);border:1px solid var(--alpha-warning-25);border-radius:var(--radius-lg);font-size:.85rem;color:var(--color-warning)}.rc-warning strong{color:inherit}.rc-warning--error{background-color:var(--alpha-error-10);border-color:var(--alpha-error-30);color:var(--color-error)}.rc-confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.rc-btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.75rem 1.5rem;border-radius:var(--radius-xl);font-weight:var(--fw-semibold);font-size:.95rem;transition:border-color var(--transition-base),color var(--transition-base)}.rc-btn-outline:hover{border-color:var(--color-text-muted);color:var(--color-text)}.rc-btn-confirm{min-width:160px}.rc-success-card{max-width:480px;margin:2rem auto 0;text-align:center;padding:2.5rem 2rem}.rc-success-icon{font-size:3rem;margin-bottom:1rem}.rc-success-card h2{margin-bottom:.5rem}.rc-success-msg{color:var(--color-success);font-size:1rem;margin-bottom:1.5rem}.rc-success-summary{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem}.rc-success-name{font-weight:var(--fw-bold)}.rc-success-arrow{color:var(--color-primary);font-weight:var(--fw-bold)}.rc-success-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.5rem}.rc-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 640px){.rc-page{padding:0}.rc-header{margin-bottom:.75rem}.rc-subtitle{font-size:.82rem;line-height:1.4}.rc-stepper{padding:.45rem .5rem;gap:.15rem;border-radius:var(--radius-xl);margin-bottom:1rem}.rc-step{padding:.2rem .35rem;font-size:.75rem}.rc-step__number{width:1.25rem;height:1.25rem;font-size:.6rem}.rc-step+.rc-step:before{font-size:.85rem;margin-right:.05rem}.rc-section-title{font-size:.9rem;margin-bottom:.65rem}.rc-back-btn{font-size:.82rem;margin-bottom:.65rem}.rc-avatar-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.rc-confirm-card{padding:.75rem}.rc-confirm-actions{flex-direction:column;gap:.65rem}.rc-confirm-actions .btn{width:100%}.rc-actions{flex-direction:column;gap:.65rem}.rc-actions .btn{width:100%}}.rc-sex-hint{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}.rc-sex-current{color:var(--color-text);font-weight:600}.rc-sex-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:480px;margin:0 auto}.rc-sex-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:border-color .18s,transform .15s,box-shadow .18s;color:var(--color-text-muted)}.rc-sex-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.rc-sex-card--active{border-color:currentColor}.rc-sex-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px}.rc-sex-icon svg{width:100%;height:100%}.rc-sex-icon--male{color:#4e9af5}.rc-sex-icon--female{color:#f57eb3}.rc-sex-card--active.rc-sex-icon--male,.rc-sex-card--active .rc-sex-icon--male{color:#4e9af5}.rc-sex-card--active .rc-sex-icon--female{color:#f57eb3}.rc-sex-label{font-size:1.05rem;font-weight:600;color:var(--color-text)}.rc-sex-selected-badge{font-size:.78rem;color:var(--color-success);font-weight:600;letter-spacing:.02em}.rc-confirm-change-badge{font-size:.78rem;color:var(--color-primary);font-weight:600;margin-left:.25rem}@media (max-width: 480px){.rc-sex-grid{grid-template-columns:1fr 1fr;gap:.75rem}.rc-sex-card{padding:1.25rem .5rem}.rc-sex-icon{width:48px;height:48px}}@media (max-width: 380px){.rc-avatar-grid{grid-template-columns:1fr}}.isc-page{width:100%}.isc-header{margin-bottom:1.5rem}.isc-back-link{display:inline-block;color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem;transition:color var(--transition-base)}.isc-back-link:hover{color:var(--color-primary)}.isc-header h2{margin-bottom:.25rem}.isc-subtitle{color:var(--color-text-muted);font-size:.95rem}.isc-error{background-color:var(--alpha-error-10);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;font-size:.9rem}.isc-loading,.isc-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.isc-loading-overlay{text-align:center;color:var(--color-primary);padding:1rem;font-weight:var(--fw-medium);margin-top:1rem}.isc-section{animation:iscFadeIn .25s ease-out}@keyframes iscFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.isc-section-title{margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-muted)}.isc-section-title--muted{font-size:.95rem;opacity:.7}.isc-back-btn{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;padding:.25rem 0;margin-bottom:1rem;cursor:pointer;transition:color var(--transition-base)}.isc-back-btn:hover{color:var(--color-primary)}.isc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.isc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);background-color:var(--color-surface);width:100%}.isc-avatar-card:hover:not(:disabled){border-color:#f0d26440;transform:translateY(-2px);box-shadow:0 4px 20px #f0d26412}.isc-avatar-card:disabled{opacity:.5;cursor:not-allowed}.isc-avatar-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.isc-avatar-card__icons{display:flex;gap:.4rem;flex-shrink:0}.isc-avatar-card .icon-race,.isc-avatar-card .icon-class{width:48px;height:48px}.isc-avatar-card__race-pill{font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.isc-avatar-card__identity{flex:1;margin-bottom:.85rem}.isc-avatar-card__name{font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 .2rem;letter-spacing:.03em;line-height:1.2}.isc-avatar-card__class{color:var(--color-text-muted);font-size:.82rem;margin:0}.isc-avatar-card__divider{height:1px;background:var(--color-border);margin-bottom:.75rem}.isc-avatar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.isc-avatar-badge--gs{background:#f0d2641a;border:1px solid rgba(240,210,100,.35);color:var(--color-gold);font-size:.8rem;font-weight:var(--fw-bold);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.isc-avatar-card__level{font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.isc-avatar-card [data-tip]{position:relative;cursor:default}.isc-avatar-card [data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.2);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:0 4px 16px #00000080}.isc-avatar-card [data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.isc-current-info{margin-bottom:1.5rem}.isc-current-info__header{display:flex;align-items:center;justify-content:space-between}.isc-current-info__header h4{font-size:1.15rem}.isc-current-info__class{color:var(--color-primary);font-weight:var(--fw-semibold);font-size:.9rem}.isc-item-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.isc-item-card{padding:0!important;overflow:hidden;transition:border-color var(--transition-base)}.isc-item-card--changed{border-color:var(--alpha-success-40);background-color:var(--alpha-success-04)}.isc-item-card__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.6rem .85rem;background:none;border:none;color:var(--color-text);cursor:pointer;text-align:left;font-size:.85rem;transition:background-color var(--transition-fast)}.isc-item-card__left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1 1 0}.isc-item-card__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.isc-item-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.isc-item-card__badges{display:flex;align-items:center;gap:.35rem}.isc-item-card__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--alpha-black-30);border:1px solid var(--alpha-white-10);flex-shrink:0;width:44px;height:44px}.isc-item-card__name{font-size:.9rem;font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.isc-item-card__main:hover{background-color:var(--alpha-primary-06)}.isc-item-card__slot{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.isc-quality-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:var(--fw-semibold);padding:.1rem .35rem;border:1.5px solid;border-radius:var(--radius-md);background:var(--alpha-black-25);letter-spacing:.02em;white-space:nowrap;width:auto}.isc-upgrade-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:var(--fw-semibold);padding:.1rem .3rem;border-radius:var(--radius-md);background:var(--alpha-warning-15);color:var(--color-warning);border:1px solid var(--alpha-warning-35);white-space:nowrap;width:auto}.isc-item-card__variant{font-weight:var(--fw-semibold);color:var(--color-primary)}.isc-item-card__type,.isc-item-card__gems-count{color:var(--color-text-muted);font-size:.8rem}.isc-item-card__gems{display:flex;align-items:center;gap:.15rem;justify-content:flex-end}.isc-item-card__no-gems{color:var(--color-text-muted);font-size:.75rem;opacity:.4}.isc-item-card__gem-icon{width:20px;height:20px;border-radius:var(--radius-sm);image-rendering:pixelated}.isc-item-card__decision{position:relative;padding:.5rem .85rem;border-top:1px solid var(--color-border);background-color:var(--alpha-success-04)}.isc-item-card__swap-visual{display:flex;flex-direction:column;gap:.3rem}.isc-swap-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.2rem 0}.isc-swap-row--out{opacity:.65}.isc-swap-arrow{font-weight:var(--fw-bold);font-size:.85rem;width:1.2rem;text-align:center;flex-shrink:0}.isc-swap-arrow--out{color:var(--color-error)}.isc-swap-arrow--in{color:var(--color-success)}.isc-swap-icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-10);flex-shrink:0}.isc-swap-name{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.isc-swap-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:.1rem .35rem;border-radius:var(--radius-sm)}.isc-swap-label--out{color:var(--color-error);background-color:var(--alpha-error-10)}.isc-swap-label--in{color:var(--color-success);background-color:var(--alpha-success-10)}.isc-item-card__gem-change-info{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:.25rem}.isc-item-card__undo{position:absolute;top:.4rem;right:.6rem;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;padding:.1rem .35rem;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),color var(--transition-fast)}.isc-item-card__undo:hover{border-color:var(--color-error);color:var(--color-error)}.isc-non-swappable{margin-bottom:1.5rem}.isc-non-swappable-list{list-style:none;padding:0}.isc-non-swappable-list li{padding:.35rem 0;color:var(--color-text-muted);font-size:.85rem}.isc-non-swappable-list li:before{content:"—";margin-right:.5rem;opacity:.5}.isc-confirm-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin-top:1.5rem;box-shadow:0 -4px 20px var(--alpha-black-30)}.isc-confirm-bar__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.isc-confirm-bar__count{color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:.9rem}.isc-confirm-bar__cost{font-size:.9rem;color:var(--color-text-muted)}.isc-confirm-bar__cost-value{color:var(--color-gold)}.isc-confirm-bar__balance{font-size:.8rem;color:var(--color-text-muted);opacity:.75}.isc-confirm-bar__insufficient{font-size:.82rem;color:var(--color-error);font-weight:var(--fw-semibold)}.isc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--alpha-black-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:iscFadeIn .15s ease-out}.isc-modal{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.5rem;animation:iscSlideUp .2s ease-out}@keyframes iscSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.isc-modal__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.isc-modal__close:hover{color:var(--color-text);background-color:var(--alpha-white-05)}.isc-modal__header{margin-bottom:1.25rem}.isc-modal__header-row{display:flex;align-items:center;gap:.75rem}.isc-modal__icon{border-radius:var(--radius-lg);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--icon-border);flex-shrink:0}.isc-modal__header h3{margin-bottom:.25rem}.isc-modal__item-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.isc-modal__section{margin-bottom:1.25rem}.isc-modal__section h4{margin-bottom:.5rem;font-size:.95rem;color:var(--color-text-muted)}.isc-modal__gems-hint{font-size:.8rem;color:var(--color-text-muted);opacity:.7;margin-bottom:.5rem}.isc-modal__variants{display:flex;gap:.75rem;flex-wrap:wrap}.isc-variant-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-bg);color:var(--color-text);font-weight:var(--fw-semibold);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-fast)}.isc-variant-btn__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-10);flex-shrink:0}.isc-variant-btn--current{opacity:.5;cursor:default}.isc-variant-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.isc-variant-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.isc-variant-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-10);color:var(--color-primary)}.isc-variant-btn:disabled{opacity:.5;cursor:not-allowed}.isc-modal__gems{display:flex;flex-direction:column;gap:.5rem}.isc-gem-row{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-bg)}.isc-gem-row--incompatible{border-color:var(--alpha-error-30)}.isc-gem-row--mandatory{border-color:var(--alpha-error-50);background-color:var(--alpha-error-05)}.isc-gem-row__info{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.isc-gem-row__slot{font-size:.8rem;color:var(--color-text-muted);min-width:60px}.isc-gem-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .4rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--fw-semibold);background-color:var(--alpha-success-15);color:var(--color-success);border:1px solid var(--alpha-success-30)}.isc-gem-badge--incompatible{background-color:var(--alpha-error-15);color:var(--color-error);border-color:var(--alpha-error-30)}.isc-gem-badge--mandatory{background-color:var(--alpha-error-15);color:var(--color-error);border-color:var(--alpha-error-40)}.isc-gem-row__mandatory-tag{font-size:.7rem;font-weight:var(--fw-semibold);color:var(--color-error);text-transform:uppercase;letter-spacing:.03em;padding:.08rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--alpha-error-30);background-color:var(--alpha-error-10)}.isc-gem-row__current-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7}.isc-gem-row__warn{font-size:.75rem;color:var(--color-error);opacity:.8}.isc-gem-row__options{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.isc-gem-swap-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.isc-gem-swap-btn:hover{border-color:var(--color-primary)}.isc-gem-swap-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-15);color:var(--color-primary);font-weight:var(--fw-semibold)}.isc-gem-swap-btn--clear{color:var(--color-text-muted);font-size:.8rem}.isc-gem-swap-btn--clear:hover{border-color:var(--color-error);color:var(--color-error)}.isc-gem-swap-btn--blocked{opacity:.4;cursor:not-allowed;text-decoration:line-through}.isc-gem-swap-btn--blocked:hover{border-color:var(--color-border)}.isc-gem-badge__icon,.isc-gem-swap-btn__icon{image-rendering:pixelated;vertical-align:middle;flex-shrink:0}.isc-item-card__gem-icons{display:flex;gap:.2rem;align-items:center}.isc-hint-mandatory{color:var(--color-error);display:block;margin-top:.25rem}.isc-modal__hint{color:var(--color-error);font-size:.85rem;margin-bottom:1rem}.isc-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.isc-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.isc-btn-outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;font-size:.9rem;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.isc-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--alpha-primary-06)}.isc-success-card{max-width:560px;margin:3rem auto;text-align:center;padding:2.5rem}.isc-success-icon{font-size:3rem;margin-bottom:1rem}.isc-success-card h2{margin-bottom:.75rem}.isc-success-msg{color:var(--color-text-muted);margin-bottom:1.5rem}.isc-success-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.5rem}.isc-weapon-groups{display:flex;flex-direction:column;gap:.75rem}.isc-weapon-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.isc-weapon-group__label{min-width:140px;font-size:.85rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.isc-weapon-group__variants{display:flex;gap:.5rem;flex-wrap:wrap}.isc-variant-btn--current{opacity:.5;cursor:default;position:relative}@media (max-width: 640px){.isc-page{padding:0}.isc-header{margin-bottom:.75rem}.isc-subtitle{font-size:.82rem;line-height:1.4}.isc-section-title{font-size:.9rem;margin-bottom:.65rem}.isc-avatar-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.isc-item-card__main{flex-direction:row;align-items:flex-start;gap:.5rem;padding:.5rem .6rem}.isc-item-card__left{flex:1;min-width:0}.isc-item-card__name{white-space:normal;word-break:break-word}.isc-item-card__right{flex-direction:column;align-items:flex-end;gap:.3rem;width:auto;flex-shrink:0}.isc-item-card__gems{justify-content:flex-end;gap:.15rem}.isc-item-card__icon{width:38px;height:38px}.isc-modal-overlay{padding:.5rem}.isc-modal{width:100%;max-width:100%;max-height:92vh;border-radius:var(--radius-xl)}.isc-confirm-bar{flex-direction:column;align-items:flex-start;padding:.65rem .75rem;gap:.65rem}.isc-confirm-bar .btn{width:100%}.isc-actions{flex-direction:column;gap:.65rem}.isc-actions .btn{width:100%}}@media (max-width: 380px){.isc-avatar-grid{grid-template-columns:1fr}}.dc-page{width:100%}.dc-header{margin-bottom:1.5rem}.dc-back-link{display:inline-block;color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem;transition:color var(--transition-base)}.dc-back-link:hover{color:var(--color-primary)}.dc-header h2{margin-bottom:.25rem}.dc-subtitle{color:var(--color-text-muted);font-size:.95rem}.dc-error{background-color:var(--alpha-error-10);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;font-size:.9rem}.dc-loading,.dc-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.dc-loading-overlay{text-align:center;color:var(--color-primary);padding:1rem;font-weight:var(--fw-medium);margin-top:1rem}.dc-section{animation:dcFadeIn .25s ease-out}@keyframes dcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dc-section-title{margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-muted)}.dc-back-btn{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;padding:.25rem 0;margin-bottom:1rem;cursor:pointer;transition:color var(--transition-base)}.dc-back-btn:hover{color:var(--color-primary)}.dc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.dc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);background-color:var(--color-surface);width:100%}.dc-avatar-card:hover:not(:disabled){border-color:#f0d26440;transform:translateY(-2px);box-shadow:0 4px 20px #f0d26412}.dc-avatar-card:disabled{opacity:.5;cursor:not-allowed}.dc-avatar-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.dc-avatar-card__icons{display:flex;gap:.4rem;flex-shrink:0}.dc-avatar-card .icon-race,.dc-avatar-card .icon-class{width:48px;height:48px}.dc-avatar-card__race-pill{font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dc-avatar-card__identity{flex:1;margin-bottom:.85rem}.dc-avatar-card__name{font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 .2rem;letter-spacing:.03em;line-height:1.2}.dc-avatar-card__class{color:var(--color-text-muted);font-size:.82rem;margin:0}.dc-avatar-card__divider{height:1px;background:var(--color-border);margin-bottom:.75rem}.dc-avatar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dc-avatar-badge--gs{background:#f0d2641a;border:1px solid rgba(240,210,100,.35);color:var(--color-gold);font-size:.8rem;font-weight:var(--fw-bold);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.dc-avatar-card__level{font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.dc-avatar-card [data-tip]{position:relative;cursor:default}.dc-avatar-card [data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.2);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:0 4px 16px #00000080}.dc-avatar-card [data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.dc-current-info{margin-bottom:1.5rem}.dc-current-info__header{display:flex;align-items:center;justify-content:space-between}.dc-current-info__header h4{font-size:1.15rem}.dc-tier-group{margin-bottom:2rem}.dc-tier-group__title{font-size:1rem;color:var(--color-gold);margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--alpha-gold-20)}.dc-item-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dc-item-card{padding:0!important;overflow:hidden;transition:border-color var(--transition-base)}.dc-item-card--changed{border-color:var(--color-primary)}.dc-item-card--no-swap{opacity:.55}.dc-item-card__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.6rem .85rem;background:none;border:none;color:var(--color-text);cursor:pointer;text-align:left;font-size:.85rem;transition:background-color var(--transition-fast)}.dc-item-card__main:hover{background-color:var(--alpha-primary-06)}.dc-item-card__main:disabled{cursor:default}.dc-item-card__main:disabled:hover{background-color:transparent}.dc-item-card__left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1 1 0}.dc-item-card__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--alpha-black-30);border:1px solid var(--alpha-white-10);flex-shrink:0;width:44px;height:44px}.dc-item-card__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dc-item-card__slot{font-weight:var(--fw-semibold)}.dc-item-card__name{font-size:.82rem;font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-item-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.dc-item-card__badges{display:flex;align-items:center;gap:.35rem}.dc-stat-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:var(--fw-semibold);padding:.1rem .35rem;border-radius:var(--radius-md);border:1px solid;white-space:nowrap}.dc-stat-badge--Phys{background:var(--alpha-danger-12);color:var(--color-danger);border-color:var(--alpha-danger-35)}.dc-stat-badge--Mag{background:var(--alpha-indigo-12);color:var(--color-stat-mag);border-color:var(--alpha-indigo-35)}.dc-stat-badge--Gen{background:var(--alpha-success-12);color:var(--color-success);border-color:var(--alpha-success-35)}.dc-quality-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:var(--fw-semibold);padding:.1rem .35rem;border:1.5px solid;border-radius:var(--radius-md);background:var(--alpha-black-25);letter-spacing:.02em;white-space:nowrap}.dc-upgrade-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:var(--fw-semibold);padding:.1rem .3rem;border-radius:var(--radius-md);background:var(--alpha-warning-15);color:var(--color-warning);border:1px solid var(--alpha-warning-35);white-space:nowrap}.dc-item-card__stats{display:flex;gap:.35rem;font-size:.75rem;color:var(--color-text-muted)}.dc-item-card__decision{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background-color:var(--alpha-primary-08);border-top:1px solid var(--alpha-primary-20)}.dc-item-card__decision-text{color:var(--color-primary);font-weight:var(--fw-semibold);font-size:.85rem}.dc-item-card__undo{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;padding:.1rem .4rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.dc-item-card__undo:hover{color:var(--color-error);background-color:var(--alpha-error-10)}.dc-confirm-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin-top:1.5rem;box-shadow:0 -4px 20px var(--alpha-black-30)}.dc-confirm-bar__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dc-confirm-bar__count{color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:.9rem}.dc-confirm-bar__cost{font-size:.9rem;color:var(--color-text-muted)}.dc-confirm-bar__cost-value{color:var(--color-gold)}.dc-confirm-bar__balance{font-size:.8rem;color:var(--color-text-muted);opacity:.75}.dc-confirm-bar__insufficient{font-size:.82rem;color:var(--color-error);font-weight:var(--fw-semibold)}.dc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--alpha-black-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:dcFadeIn .15s ease-out}.dc-modal{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.5rem;animation:dcSlideUp .2s ease-out}@keyframes dcSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dc-modal__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.dc-modal__close:hover{color:var(--color-text);background-color:var(--alpha-white-05)}.dc-modal__header{margin-bottom:1.25rem}.dc-modal__header-row{display:flex;align-items:center;gap:.75rem}.dc-modal__icon{border-radius:var(--radius-lg);image-rendering:pixelated;background:var(--alpha-black-30);border:1px solid var(--alpha-white-12);flex-shrink:0}.dc-modal__header h3{margin-bottom:.25rem}.dc-modal__item-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.dc-modal__section{margin-bottom:1.25rem}.dc-modal__section h4{margin-bottom:.5rem;font-size:.95rem;color:var(--color-text-muted)}.dc-alt-list{display:flex;flex-direction:column;gap:.5rem}.dc-alt-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .85rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:left;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-fast)}.dc-alt-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.dc-alt-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-10)}.dc-alt-btn--current{opacity:.5;cursor:default}.dc-alt-btn__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--alpha-black-30);border:1px solid var(--alpha-white-10);flex-shrink:0;width:36px;height:36px}.dc-alt-btn__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.dc-alt-btn__name{font-weight:var(--fw-semibold);color:var(--color-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-alt-btn__meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--color-text-muted)}.dc-alt-btn__current-tag{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7;flex-shrink:0;align-self:center}.dc-trinket-spell{margin-top:.35rem;padding:.5rem .65rem;background:var(--alpha-gold-06);border:1px solid var(--alpha-gold-15);border-radius:var(--radius-lg);font-size:.78rem}.dc-trinket-spell__name{font-weight:var(--fw-semibold);color:var(--color-gold);margin-bottom:.15rem}.dc-trinket-spell__role{display:inline-block;font-size:.65rem;font-weight:var(--fw-semibold);padding:.05rem .3rem;border-radius:var(--radius-sm);background:var(--alpha-gold-15);color:var(--color-gold);margin-left:.5rem;vertical-align:middle}.dc-trinket-spell__desc{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.dc-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.dc-btn-outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;font-size:.9rem;transition:border-color var(--transition-base),color var(--transition-base)}.dc-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.dc-success-card{max-width:560px;margin:3rem auto;text-align:center;padding:2.5rem}.dc-success-icon{font-size:3rem;margin-bottom:1rem}.dc-success-card h2{margin-bottom:.75rem}.dc-success-msg{color:var(--color-text-muted);margin-bottom:1.5rem}.dc-success-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.5rem}.dc-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.dc-action-group{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.6rem .75rem;background:var(--alpha-draconic-08);border:1px solid var(--alpha-draconic-25);border-radius:var(--radius-lg)}.dc-action-group__icon{flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--alpha-white-15)}.dc-action-group__text{display:flex;flex-direction:column;gap:.25rem}.dc-action-group__name{font-weight:var(--fw-semibold);color:var(--color-draconic-light);font-size:.85rem}.dc-action-group__desc{color:var(--color-draconic-light);font-size:.78rem;line-height:1.4}.dc-action-group__desc strong{color:var(--color-ability-green)}.dc-action-group__stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}.dc-action-group__stats span{color:var(--color-draconic-stat);font-size:.8rem;font-weight:var(--fw-medium)}.dc-action-group--compact{margin-top:.35rem;padding:.25rem .5rem;gap:.35rem;align-items:center;background:var(--alpha-draconic-06);border:none;border-radius:var(--radius-md)}.dc-action-group--compact .dc-action-group__name{font-size:.75rem;font-weight:var(--fw-medium)}.dc-action-group--alt{margin-top:.25rem;margin-left:2.75rem;padding:.2rem .4rem;gap:.3rem;align-items:center;background:var(--alpha-draconic-06);border:none;border-radius:var(--radius-md)}.dc-action-group--alt .dc-action-group__name{font-size:.75rem;font-weight:var(--fw-medium)}@media (max-width: 640px){.dc-page{padding:0}.dc-header{margin-bottom:.75rem}.dc-subtitle{font-size:.82rem;line-height:1.4}.dc-section-title{font-size:.9rem;margin-bottom:.65rem}.dc-avatar-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.dc-item-card__main{flex-direction:row;align-items:flex-start;gap:.5rem;padding:.5rem .6rem}.dc-item-card__left{flex:1;min-width:0}.dc-item-card__name{white-space:normal;word-break:break-word}.dc-item-card__right{flex-direction:column;align-items:flex-end;gap:.3rem;width:auto;flex-shrink:0}.dc-item-card__icon{width:38px;height:38px}.dc-modal-overlay{padding:.5rem}.dc-modal{width:100%;max-width:100%;max-height:92vh;border-radius:var(--radius-xl)}.dc-confirm-bar{flex-direction:column;align-items:flex-start;padding:.65rem .75rem;gap:.65rem}.dc-confirm-bar .btn{width:100%}.dc-actions{flex-direction:column;gap:.65rem}.dc-actions .btn{width:100%}.dc-action-group{margin-left:0;padding:.45rem .55rem}.dc-action-group--alt{margin-left:0}}@media (max-width: 380px){.dc-avatar-grid{grid-template-columns:1fr}}.cc-page{width:100%}.cc-header{margin-bottom:1.5rem}.cc-back-link{display:inline-block;color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem;transition:color var(--transition-base)}.cc-back-link:hover{color:var(--color-primary)}.cc-header h2{margin-bottom:.25rem}.cc-subtitle{color:var(--color-text-muted);font-size:.95rem}.cc-stepper{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:2rem;padding:.65rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);flex-wrap:wrap;row-gap:.15rem}.cc-step{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.875rem;transition:color var(--transition-base),background-color var(--transition-base)}.cc-step+.cc-step:before{content:"›";color:var(--color-border);margin-right:.2rem;font-size:1rem;line-height:1}.cc-step__number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-circle);background-color:var(--color-border);color:var(--color-text-muted);font-size:.72rem;font-weight:var(--fw-bold);flex-shrink:0}.cc-step--active .cc-step__number{background-color:var(--color-primary);color:var(--color-white)}.cc-step--active{color:var(--color-text);font-weight:var(--fw-semibold);background-color:var(--alpha-primary-06)}.cc-step--done .cc-step__number{background-color:var(--color-gold);color:var(--color-bg)}.cc-step--done{color:var(--color-gold)}.cc-step__label{display:none}@media (min-width: 700px){.cc-step__label{display:inline}}.cc-error{background-color:var(--alpha-error-10);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;font-size:.9rem}.cc-loading,.cc-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.cc-loading-overlay{text-align:center;color:var(--color-primary);padding:1rem;font-weight:var(--fw-medium);margin-top:1rem}.cc-section{animation:ccFadeIn .25s ease-out}@keyframes ccFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cc-section-title{margin-bottom:1rem;font-size:1.15rem;font-weight:var(--fw-semibold);color:var(--color-text);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cc-back-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--color-text-muted);font-size:.875rem;font-weight:var(--fw-medium);padding:.3rem .6rem;margin-bottom:1rem;margin-left:-.6rem;cursor:pointer;border-radius:var(--radius-lg);transition:color var(--transition-base),background-color var(--transition-base)}.cc-back-btn:hover{color:var(--color-primary);background-color:var(--alpha-primary-06)}.cc-current-info{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.cc-current-info h4{margin:0}.cc-current-info__details{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-text-muted)}.cc-current-info__arrow{font-size:1.1rem;color:var(--color-text-muted);opacity:.6}.cc-class-from,.cc-class-to{display:inline-flex;align-items:center;gap:.35rem}.cc-info-tag{display:inline-flex;align-items:center;font-size:.72rem;font-weight:var(--fw-semibold);padding:.1rem .45rem;border-radius:var(--radius-md);border:1.5px solid;line-height:1.4;background-color:var(--alpha-white-04)}.cc-info-tag--stat{color:var(--color-stat-info);border-color:var(--alpha-stat-info-40)}.cc-info-tag--mat{color:var(--color-stat-gen);border-color:var(--alpha-stat-gen-40)}.cc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.cc-avatar-card{text-align:left;cursor:pointer;padding:1rem;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.cc-avatar-card:hover:not(:disabled){border-color:#f0d26440;box-shadow:0 4px 20px #f0d26412;transform:translateY(-2px)}.cc-avatar-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.cc-avatar-card__icons{display:flex;gap:.4rem;flex-shrink:0}.cc-avatar-card .icon-race,.cc-avatar-card .icon-class{width:48px;height:48px}.cc-avatar-card__race-pill{font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cc-avatar-card__identity{flex:1;margin-bottom:.85rem}.cc-avatar-card__name{font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 .2rem;letter-spacing:.03em;line-height:1.2}.cc-avatar-card__class{color:var(--color-text-muted);font-size:.82rem;margin:0}.cc-avatar-card__divider{height:1px;background:var(--color-border);margin-bottom:.75rem}.cc-avatar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cc-avatar-badge--gs{background:#f0d2641a;border:1px solid rgba(240,210,100,.35);color:var(--color-gold);font-size:.8rem;font-weight:var(--fw-bold);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.cc-avatar-card__level{font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.cc-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.cc-class-card{text-align:center;padding:1.35rem 1rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;transition:border-color var(--transition-base),transform var(--transition-fast)}.cc-class-card:hover{border-color:#f0d26440;transform:translateY(-2px)}.cc-class-card__icon{display:flex;justify-content:center;margin-bottom:.75rem}.cc-class-card__name{margin:0 0 .75rem;font-size:1.05rem;font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:.03em}.cc-class-card__divider{width:100%;height:1px;background:var(--color-border);margin-bottom:.65rem}.cc-class-card__footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.cc-class-card__tags{display:flex;gap:.35rem}.cc-class-tag{font-size:.7rem;font-weight:var(--fw-semibold);padding:.15rem .45rem;border-radius:var(--radius-md);border:1px solid;white-space:nowrap}.cc-class-tag--mat{color:var(--color-stat-gen, #7dd3a8);border-color:#7dd3a84d;background:#7dd3a80f}.cc-class-tag--stat{color:var(--color-stat-info, #7eb8f7);border-color:#7eb8f74d;background:#7eb8f70f}.cc-class-card__races{font-size:.72rem;color:var(--color-text-muted);opacity:.7;white-space:nowrap}.cc-race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.cc-race-card{position:relative;padding:1.25rem 1rem 1rem;text-align:center;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:border-color var(--transition-base),transform var(--transition-fast)}.cc-race-card:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px)}.cc-race-card--disabled{opacity:.45;cursor:not-allowed}.cc-race-card__accent{position:absolute;top:0;left:0;right:0;height:3px}.cc-race-card__name{margin:.25rem 0 .2rem;font-size:1rem;color:var(--color-text)}.cc-race-card__reason{font-size:.75rem;color:var(--color-error)}.cc-race-card__hint{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.cc-avatar-card [data-tip],.cc-class-card [data-tip]{position:relative;cursor:default}.cc-avatar-card [data-tip]:after,.cc-class-card [data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.2);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:0 4px 16px #00000080}.cc-avatar-card [data-tip]:hover:after,.cc-class-card [data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.cc-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:var(--fw-semibold);padding:.15rem .55rem;border-radius:var(--radius-pill);line-height:1.4}.cc-badge--warn{background-color:var(--alpha-warning-15);color:var(--color-warning);border:1px solid var(--alpha-warning-30)}.cc-item-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.cc-section-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1rem;margin-top:-.5rem}.cc-item-card{padding:0!important;overflow:hidden;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.cc-item-card--needs{border-color:var(--alpha-warning-40);background-color:var(--alpha-warning-04)}.cc-item-card--changed{border-color:var(--alpha-success-40);background-color:var(--alpha-success-04)}.cc-item-card--new-slot{border-color:var(--alpha-primary-20);border-style:dashed;background-color:var(--alpha-primary-06)}.cc-item-card__icon--empty{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--alpha-white-04);border:1.5px dashed var(--alpha-white-20);flex-shrink:0}.cc-item-card__icon-placeholder{font-size:1.4rem;font-weight:var(--fw-bold);color:var(--color-text-muted);line-height:1}.cc-item-card__main{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;width:100%;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.cc-item-card__main:hover{background-color:var(--alpha-primary-06)}.cc-item-card__left{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1}.cc-item-card__icon{border-radius:var(--radius-lg);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-12);flex-shrink:0}.cc-item-card__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.cc-item-card__slot{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.cc-item-card__name{font-weight:var(--fw-semibold);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-item-card__meta{font-size:.78rem;color:var(--color-text-muted)}.cc-item-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.cc-item-card__badges{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.cc-quality-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:var(--fw-semibold);padding:.1rem .45rem;border-radius:var(--radius-md);border:1.5px solid;background-color:var(--alpha-white-04);line-height:1.4}.cc-upgrade-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:var(--fw-semibold);padding:.1rem .45rem;border-radius:var(--radius-md);color:var(--color-warning);border:1.5px solid var(--alpha-warning-40);background-color:var(--alpha-warning-08);line-height:1.4}.cc-stat-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:var(--fw-semibold);padding:.1rem .35rem;border-radius:var(--radius-md);border:1px solid;white-space:nowrap}.cc-stat-badge--Phys{background:var(--alpha-danger-12);color:var(--color-danger);border-color:var(--alpha-danger-35)}.cc-stat-badge--Mag{background:var(--alpha-indigo-12);color:var(--color-stat-mag);border-color:var(--alpha-indigo-35)}.cc-stat-badge--Gen{background:var(--alpha-success-12);color:var(--color-success);border-color:var(--alpha-success-35)}.cc-item-card__stats{display:flex;gap:.35rem;font-size:.75rem;color:var(--color-text-muted)}.cc-action-group--compact{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .5rem;background:var(--alpha-draconic-06);border-radius:var(--radius-md)}.cc-action-group__icon{flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--alpha-white-15)}.cc-action-group__name{font-size:.75rem;font-weight:var(--fw-medium);color:var(--color-draconic-light)}.cc-item-card__gems{display:flex;gap:.2rem}.cc-item-card__gem-icon{border-radius:var(--radius-sm);image-rendering:pixelated;background:var(--icon-bg);border:1.5px solid var(--alpha-white-12)}.cc-item-card__gem-icon--warn{border-color:var(--alpha-danger-70);box-shadow:0 0 4px var(--alpha-danger-30)}.cc-item-card__gem-icon--changed{border-color:var(--alpha-success-60);box-shadow:0 0 4px var(--alpha-success-20)}.cc-item-card__no-gems{color:var(--color-text-muted);font-size:.8rem;opacity:.5}.cc-item-card__decision{position:relative;padding:.5rem .85rem;border-top:1px solid var(--color-border);background-color:var(--alpha-success-04)}.cc-item-card__swap-visual{display:flex;flex-direction:column;gap:.3rem}.cc-swap-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.2rem 0}.cc-swap-row--out{opacity:.65}.cc-swap-arrow{font-weight:var(--fw-bold);font-size:.85rem;width:1.2rem;text-align:center;flex-shrink:0}.cc-swap-arrow--out{color:var(--color-error)}.cc-swap-arrow--in{color:var(--color-success)}.cc-swap-icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-10);flex-shrink:0}.cc-swap-name{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cc-swap-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:.1rem .35rem;border-radius:var(--radius-sm)}.cc-swap-label--out{color:var(--color-error);background-color:var(--alpha-error-10)}.cc-swap-label--in{color:var(--color-success);background-color:var(--alpha-success-10)}.cc-item-card__gem-change-info{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:.25rem}.cc-item-card__undo{position:absolute;top:.4rem;right:.6rem;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;padding:.1rem .35rem;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),color var(--transition-fast)}.cc-item-card__undo:hover{border-color:var(--color-error);color:var(--color-error)}.cc-tag{font-size:.7rem;font-weight:var(--fw-semibold);padding:.15rem .5rem;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.cc-tag--needs{background-color:var(--alpha-danger-15);color:var(--color-danger)}.cc-tag--optional{background-color:var(--alpha-primary-15);color:var(--color-primary)}.cc-tag--changed{background-color:var(--alpha-success-15);color:var(--color-success)}.cc-btn-outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;font-size:.9rem;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.cc-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--alpha-primary-06)}.cc-step-footer__warn{font-size:.8rem;color:var(--color-warning);flex:1;text-align:center}.cc-gem-row{padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:.5rem}.cc-gem-row--mandatory{border-color:var(--alpha-error-50);background-color:var(--alpha-error-05)}.cc-gem-row--incompatible{border-color:var(--alpha-warning-40);background-color:var(--alpha-warning-04)}.cc-gem-row__info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.cc-gem-row__slot{font-size:.7rem;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);min-width:4.5rem}.cc-gem-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:var(--fw-medium);padding:.15rem .5rem;border-radius:var(--radius-md);background:var(--alpha-success-15);color:var(--color-success);border:1px solid var(--alpha-success-30)}.cc-gem-badge--mandatory{background:var(--alpha-error-15);color:var(--color-error);border-color:var(--alpha-error-50)}.cc-gem-badge--incompatible{background:var(--alpha-warning-15);color:var(--color-warning);border-color:var(--alpha-warning-50)}.cc-gem-badge__icon{border-radius:var(--radius-xs);image-rendering:pixelated}.cc-gem-row__current-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7}.cc-gem-row__mandatory-tag{font-size:.65rem;font-weight:var(--fw-semibold);color:var(--color-error);text-transform:uppercase;letter-spacing:.03em;padding:.08rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--alpha-error-30);background-color:var(--alpha-error-10)}.cc-gem-row__warn{font-size:.65rem;font-weight:var(--fw-semibold);color:var(--color-warning);text-transform:uppercase;letter-spacing:.03em}.cc-gem-row__options{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.cc-gem-swap-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.2rem .5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.cc-gem-swap-btn:hover:not(:disabled){border-color:var(--color-primary)}.cc-gem-swap-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-10)}.cc-gem-swap-btn--blocked{opacity:.35;cursor:not-allowed}.cc-gem-swap-btn--clear{color:var(--color-text-muted)}.cc-gem-swap-btn--clear:hover{color:var(--color-error);border-color:var(--color-error)}.cc-gem-swap-btn__icon{border-radius:var(--radius-xs);image-rendering:pixelated}.cc-hint-mandatory{color:var(--color-error)}.cc-modal__gems-hint{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.75rem}.cc-modal__gems{display:flex;flex-direction:column}.cc-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.cc-weapon-groups{display:flex;flex-direction:column;gap:.75rem}.cc-weapon-group__label{display:block;font-size:.78rem;font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem}.cc-weapon-group__variants{display:flex;flex-direction:column;gap:.35rem}.cc-variant-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);color:var(--color-text);cursor:pointer;text-align:left;font-size:.82rem;transition:border-color var(--transition-base),background-color var(--transition-base)}.cc-variant-btn:hover:not(:disabled){border-color:var(--color-primary)}.cc-variant-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-10)}.cc-variant-btn--current{opacity:.5;cursor:default}.cc-variant-btn__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-10);flex-shrink:0}.cc-variant-btn__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-current-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7;flex-shrink:0}.cc-draconic-tier{margin-bottom:2rem}.cc-draconic-tier__title{font-size:.95rem;color:var(--color-gold);margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--alpha-gold-15)}.cc-step-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--color-border);margin-top:1rem}.cc-confirm-card{max-width:560px;margin:0 auto;padding:2rem}.cc-confirm-title{text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.cc-confirm-visual{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1rem;background-color:var(--color-bg);border-radius:var(--radius-xl)}.cc-confirm-panel{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:1;min-width:0}.cc-confirm-class-icon{width:68px;height:68px;border-radius:50%;background:var(--alpha-black-15);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-confirm-class-icon .icon-class{width:52px;height:52px}.cc-confirm-class-name{font-size:1.1rem;font-weight:var(--fw-bold);text-align:center;line-height:1.2}.cc-confirm-race-badge{display:inline-block;padding:.2rem .65rem;border:1px solid var(--color-border);border-radius:99px;font-size:.8rem;font-weight:var(--fw-semibold);color:var(--color-text-muted);white-space:nowrap}.cc-confirm-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.cc-confirm-arrow{font-size:1.5rem;color:var(--color-primary);font-weight:var(--fw-bold);flex-shrink:0}.cc-confirm-details{margin-bottom:1.25rem}.cc-confirm-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.cc-confirm-key{color:var(--color-text-muted)}.cc-confirm-value{font-weight:var(--fw-medium)}.cc-confirm-row--cost .cc-confirm-value{color:var(--color-gold)}.cc-confirm-cost{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cc-confirm-balance{font-size:.8rem;font-weight:var(--fw-normal);color:var(--color-text-muted)}.cc-warning{background-color:var(--alpha-warning-08);border:1px solid var(--alpha-warning-20);color:var(--color-text-muted);padding:.6rem .85rem;border-radius:var(--radius-lg);font-size:.85rem;margin-bottom:.5rem}.cc-warning--error{background-color:var(--alpha-error-10);border-color:var(--alpha-error-30);color:var(--color-error)}.cc-warning--error strong{color:var(--color-error)}.cc-confirm-warnings{margin-bottom:1.5rem}.cc-offline-confirm{display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--color-text);line-height:1.4}.cc-offline-confirm input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.cc-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.cc-btn-confirm{min-width:180px}.cc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--alpha-black-60);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:ccFadeIn .15s ease-out}.cc-modal{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.5rem;animation:ccSlideUp .2s ease-out}@keyframes ccSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cc-modal__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.cc-modal__close:hover{color:var(--color-text);background-color:var(--alpha-white-05)}.cc-modal__header{margin-bottom:1.25rem}.cc-modal__header-row{display:flex;align-items:center;gap:.75rem}.cc-modal__icon{border-radius:var(--radius-lg);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-12);flex-shrink:0}.cc-modal__header h3{margin-bottom:.25rem}.cc-modal__item-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.cc-modal__section{margin-bottom:1.25rem}.cc-modal__section h4{margin-bottom:.5rem;font-size:.95rem;color:var(--color-text-muted)}.cc-alt-list{display:flex;flex-direction:column;gap:.5rem}.cc-alt-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .85rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:left;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-fast)}.cc-alt-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.cc-alt-btn--selected{border-color:var(--color-primary);background-color:var(--alpha-primary-10)}.cc-alt-btn--current{opacity:.5;cursor:default;background-color:var(--color-bg)}.cc-alt-btn__icon{border-radius:var(--radius-md);image-rendering:pixelated;background:var(--icon-bg);border:1px solid var(--alpha-white-10);flex-shrink:0;width:36px;height:36px}.cc-alt-btn__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.cc-alt-btn__name{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-alt-btn__meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--color-text-muted)}.cc-alt-btn__stats{font-size:.72rem;color:var(--color-text-muted);opacity:.8}.cc-alt-btn__current-tag{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7;flex-shrink:0;align-self:center}.cc-success-card{max-width:560px;margin:3rem auto;text-align:center;padding:2.5rem}.cc-success-icon{font-size:3rem;margin-bottom:1rem}.cc-success-card h2{margin-bottom:.75rem}.cc-success-msg{color:var(--color-text-muted);margin-bottom:1rem}.cc-success-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem}.cc-success-stats span{font-size:.85rem;color:var(--color-success);padding:.2rem .6rem;border-radius:var(--radius-md);background:var(--alpha-success-10);border:1px solid var(--alpha-success-20)}.cc-success-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.5rem}.cc-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.cc-racial-compare{display:flex;align-items:stretch;gap:var(--space-lg);margin-top:var(--space-lg)}.cc-skill-card{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.cc-skill-card--from{border-left:4px solid var(--color-error)}.cc-skill-card--to{border-left:4px solid var(--color-success)}.cc-skill-card__label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.cc-skill-card--from .cc-skill-card__label{color:var(--color-error)}.cc-skill-card--to .cc-skill-card__label{color:var(--color-success)}.cc-skill-card__header{display:flex;align-items:center;gap:var(--space-sm)}.cc-skill-card__icon{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:contain;image-rendering:pixelated;flex-shrink:0}.cc-skill-card__title-group{display:flex;flex-direction:column}.cc-skill-card__name{font-size:var(--fs-lg);font-weight:700;color:var(--color-text);margin:0}.cc-skill-card__race{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:1px}.cc-skill-card__desc{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.55;margin:0;flex:1}.cc-skill-card__meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.cc-skill-card__meta span{font-size:var(--fs-xs);color:var(--color-text-muted);background:var(--alpha-white-05);padding:2px 8px;border-radius:var(--radius-sm)}.cc-skill-card__empty{color:var(--color-text-muted);font-style:italic;margin:0}.cc-racial-arrow{display:flex;align-items:center;font-size:2rem;color:var(--color-text-muted);font-weight:700;flex-shrink:0}.cc-racial-same{margin-top:var(--space-md);padding:var(--space-md);background:var(--alpha-success-10);border:1px solid var(--alpha-success-20);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--fs-sm)}.cc-section-title--extra{margin-top:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.cc-unlock-badge{font-size:var(--fs-xs);font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f0d26433,#e67e2226);border:1px solid rgba(240,210,100,.4);color:#f0d264}.cc-extra-skills-grid{display:flex;gap:var(--space-lg);align-items:flex-start;margin-top:var(--space-md)}.cc-extra-skills-col{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.cc-extra-skills-col__title{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--space-xs)}.cc-extra-skills-arrow{display:flex;align-items:center;align-self:stretch;justify-content:center;font-size:1.5rem;color:var(--color-text-muted);font-weight:700;flex-shrink:0}.cc-skill-mini{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.cc-skill-mini--from{border-left:3px solid var(--color-text-muted)}.cc-skill-mini--to{border-left:3px solid var(--color-primary)}.cc-skill-mini__icon{width:32px;height:32px;border-radius:var(--radius-sm);image-rendering:pixelated;flex-shrink:0}.cc-skill-mini__info{display:flex;flex-direction:column;min-width:0}.cc-skill-mini__name{font-size:var(--fs-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-skill-mini__race{font-size:var(--fs-xs);color:var(--color-text-muted)}.cc-racial-hint-no-extras{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}.cc-confirm-skill{display:flex;align-items:center;gap:.4rem}.cc-confirm-skill-arrow{color:var(--color-text-muted);font-weight:700}.cc-section-title--ws{margin-top:var(--space-xl);color:var(--color-gold)}.cc-ws-skills-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.cc-ws-skill-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm)}.cc-ws-skill-row--universal{opacity:.85}.cc-ws-skill-row__arrow{font-size:var(--fs-lg);color:var(--color-text-muted);text-align:center;min-width:24px}.cc-ws-skill-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-height:52px}.cc-ws-skill-card--from{border-left:3px solid var(--color-text-muted)}.cc-ws-skill-card--to{border-left:3px solid var(--color-gold)}.cc-ws-skill-card--keep{border-left:3px solid var(--color-success);justify-content:center}.cc-ws-skill-card__icon{width:36px;height:36px;border-radius:var(--radius-sm);image-rendering:pixelated;flex-shrink:0}.cc-ws-skill-card__info{display:flex;flex-direction:column;min-width:0}.cc-ws-skill-card__name{font-size:var(--fs-sm);font-weight:600;color:var(--color-gold)}.cc-ws-skill-card__desc{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:1.3}.cc-ws-skill-card__empty{color:var(--color-text-muted);font-style:italic}.cc-ws-skill-keep-badge{font-size:var(--fs-sm);color:var(--color-success);font-weight:600}@media (max-width: 640px){.cc-page{padding:0}.cc-header{margin-bottom:.5rem}.cc-subtitle{font-size:.8rem;line-height:1.35}.cc-stepper{padding:.4rem .45rem;gap:.1rem;border-radius:var(--radius-xl);margin-bottom:.85rem}.cc-step{padding:.15rem .3rem;font-size:.72rem}.cc-step__number{width:1.2rem;height:1.2rem;font-size:.58rem}.cc-step+.cc-step:before{font-size:.8rem;margin-right:0}.cc-section-title{font-size:.95rem;font-weight:var(--fw-semibold);margin-bottom:.5rem;gap:.35rem}.cc-section-hint{font-size:.78rem;margin-bottom:.6rem;line-height:1.45}.cc-badge{font-size:.6rem;padding:.1rem .4rem}.cc-back-btn{font-size:.82rem;margin-bottom:.5rem}.cc-current-info{flex-direction:row;flex-wrap:wrap;align-items:center;padding:.5rem .65rem;margin-bottom:.65rem;gap:.1rem .5rem}.cc-current-info h4{font-size:.95rem;flex-shrink:0}.cc-current-info__details{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.15rem .35rem;font-size:.75rem;flex:1;min-width:0}.cc-current-info__arrow{display:inline;font-size:.85rem}.cc-class-from,.cc-class-to{gap:.2rem;flex-wrap:wrap}.cc-info-tag{font-size:.6rem;padding:.02rem .3rem}.cc-info-tag{font-size:.65rem;padding:.05rem .35rem}.cc-avatar-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.cc-avatar-card__badge{font-size:.65rem;padding:.1rem .5rem;margin-bottom:.4rem}.cc-avatar-card__name{font-size:.95rem;margin-bottom:.25rem}.cc-avatar-card__info{font-size:.8rem}.cc-avatar-card__meta{font-size:.75rem}.cc-class-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.cc-class-card{padding:.75rem .5rem}.cc-class-card__icon{font-size:1.4rem;margin-bottom:.25rem}.cc-class-card__name{font-size:.85rem}.cc-race-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.cc-item-card{margin-bottom:.25rem}.cc-item-card__main{flex-direction:row;align-items:flex-start;gap:.5rem;padding:.5rem .6rem}.cc-item-card__left{flex:1;min-width:0}.cc-item-card__icon{width:38px;height:38px}.cc-item-card__slot{font-size:.65rem}.cc-item-card__name{font-size:.85rem;white-space:normal;word-break:break-word}.cc-item-card__right{flex-direction:column;align-items:flex-end;gap:.3rem;width:auto;flex-shrink:0}.cc-item-card__badges{flex-direction:column;align-items:flex-end;gap:.2rem}.cc-quality-badge,.cc-upgrade-badge{font-size:.62rem;padding:.05rem .35rem}.cc-tag{font-size:.58rem;padding:.05rem .3rem}.cc-item-card__gems{gap:.15rem;justify-content:flex-end}.cc-item-card__gem-icon{width:20px!important;height:20px!important}.cc-modal-overlay{padding:.5rem}.cc-modal{width:100%;max-width:100%;max-height:92vh;border-radius:var(--radius-xl)}.cc-modal__header{padding:.65rem .75rem}.cc-modal__header h3{font-size:.9rem}.cc-modal__body{padding:.65rem .75rem}.cc-confirm-visual{flex-direction:column;gap:.75rem}.cc-confirm-panel{flex-direction:row;align-items:center;gap:.75rem;width:100%}.cc-confirm-panel .cc-confirm-label{display:none}.cc-confirm-panel .cc-confirm-class-name{text-align:left}.cc-confirm-arrow{transform:rotate(90deg)}.cc-step-footer{flex-direction:column;gap:.65rem}.cc-step-footer .btn{width:100%}.cc-actions{flex-direction:column;gap:.65rem}.cc-actions .btn{width:100%}.cc-swap-row{font-size:.72rem}.cc-racial-compare{flex-direction:column;gap:var(--space-md)}.cc-racial-arrow{justify-content:center;font-size:1.5rem;transform:rotate(90deg)}.cc-skill-card{padding:var(--space-md)}.cc-skill-card__name{font-size:var(--fs-base)}.cc-skill-card__icon{width:40px;height:40px}.cc-extra-skills-grid{flex-direction:column;gap:0}.cc-extra-skills-col{flex:none;width:100%}.cc-extra-skills-col__title{font-size:var(--fs-sm);padding:var(--space-sm) 0;text-align:center}.cc-extra-skills-arrow{justify-content:center;padding:var(--space-sm) 0;font-size:1.2rem;transform:rotate(90deg);align-self:center}.cc-skill-mini{padding:var(--space-md) var(--space-lg);width:100%;box-sizing:border-box}.cc-skill-mini__icon{width:36px;height:36px}.cc-skill-mini__name{font-size:var(--fs-sm);white-space:normal}.cc-section-title--extra{flex-wrap:wrap;justify-content:center}.cc-ws-skill-row{grid-template-columns:1fr;gap:var(--space-xs)}.cc-ws-skill-row__arrow{text-align:center}}.cc-sex-hint{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}.cc-sex-current{color:var(--color-text);font-weight:600}.cc-sex-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:480px;margin:0 auto}.cc-sex-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:border-color .18s,transform .15s,box-shadow .18s;color:var(--color-text-muted)}.cc-sex-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.cc-sex-card--active{border-color:currentColor}.cc-sex-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px}.cc-sex-icon svg{width:100%;height:100%}.cc-sex-icon--male{color:#4e9af5}.cc-sex-icon--female{color:#f57eb3}.cc-sex-label{font-size:1.05rem;font-weight:600;color:var(--color-text)}.cc-sex-selected-badge{font-size:.78rem;color:var(--color-success);font-weight:600;letter-spacing:.02em}.cc-confirm-change-badge{font-size:.78rem;color:var(--color-primary);font-weight:600;margin-left:.25rem}@media (max-width: 480px){.cc-sex-grid{grid-template-columns:1fr 1fr;gap:.75rem}.cc-sex-card{padding:1.25rem .5rem}.cc-sex-icon{width:48px;height:48px}}@media (max-width: 380px){.cc-avatar-grid{grid-template-columns:1fr}}.recarregar{min-height:100vh}.recarregar-hero__balance{display:inline-block;background:#f0d2641a;border:1px solid rgba(240,210,100,.25);border-radius:8px;padding:.4rem 1rem;color:var(--color-gold, #f0d264);font-size:.95rem}.recarregar-hero__balance strong{font-size:1.1rem}.balance-counter{display:inline-block;transition:color .3s}.balance-delta{display:inline-block;margin-left:.5rem;font-size:.9rem;font-weight:700;animation:delta-fade 2s ease forwards}.balance-delta--up{color:var(--color-success, #34d399)}.balance-delta--down{color:var(--color-error, #f87171)}@keyframes delta-fade{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(-14px)}}.recarregar-body{padding-top:var(--section-gap);padding-bottom:clamp(3rem,5vw,5rem);display:flex;flex-direction:column;gap:3rem}.recarregar-section__title{font-size:1.2rem;font-weight:600;color:var(--color-text, #d4dff0);margin:0 0 1.2rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #1e2d45)}.recarregar-section__desc{color:var(--color-text-muted, #7a8ba8);margin:-.5rem 0 1.2rem;font-size:.92rem}.recarregar-loading{color:var(--color-text-muted, #7a8ba8)}.recarregar-notice{margin-top:1rem;font-size:.82rem;color:var(--color-text-muted, #7a8ba8)}.recarregar-hint{margin-top:.75rem;font-size:.85rem;color:var(--color-text-muted, #7a8ba8)}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.pkg-card{position:relative;background:var(--color-surface, #131a2b);border:1px solid var(--color-border, #1e2d45);border-radius:12px;padding:1.5rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .2s,transform .15s}.pkg-card:hover{border-color:var(--color-primary, #4e9af5);transform:translateY(-2px)}.pkg-card--highlight{border-color:var(--color-gold, #f0d264);background:#f0d2640a}.pkg-card--highlight:hover{border-color:var(--color-gold, #f0d264);box-shadow:0 0 20px #f0d26426}.pkg-card__badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--color-gold, #f0d264);color:#0a0e17;font-size:.68rem;font-weight:700;padding:2px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.03em}.pkg-card__coins{font-size:1.5rem;font-weight:700;color:var(--color-gold, #f0d264);display:flex;align-items:center;gap:6px}.pkg-card__coin-icon{font-size:1rem}.pkg-card__label{font-size:.72rem;color:var(--color-text-muted, #7a8ba8);text-transform:uppercase;letter-spacing:.05em}.pkg-card__price{font-size:1.15rem;font-weight:600;color:var(--color-text, #d4dff0);margin-top:.25rem}.pkg-card__btn{width:100%;margin-top:.5rem;padding:.5rem;font-size:.85rem}.transfer-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:clamp(1.25rem,3vw,1.75rem);display:flex;flex-direction:column;gap:1.5rem}.transfer-presets{display:flex;flex-wrap:wrap;gap:.5rem}.transfer-preset{padding:.3rem .85rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.transfer-preset:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--alpha-gold-04)}.transfer-preset--active{border-color:var(--color-gold);color:var(--color-gold);background:var(--alpha-gold-08);font-weight:var(--fw-semibold)}.transfer-control__row{display:flex;align-items:center;gap:1rem}.transfer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:8px;border-radius:var(--radius-pill);outline:none;cursor:pointer;background:linear-gradient(to right,var(--color-gold) var(--fill, 0%),var(--color-border) var(--fill, 0%))}.transfer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:var(--radius-circle);background:var(--color-gold);cursor:pointer;border:3px solid var(--color-surface);box-shadow:0 0 0 1.5px var(--color-gold),0 2px 10px #f0d26466;transition:box-shadow .15s,transform .1s}.transfer-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 1.5px var(--color-gold),0 4px 18px #f0d264a6;transform:scale(1.12)}.transfer-slider::-moz-range-thumb{width:22px;height:22px;border-radius:var(--radius-circle);background:var(--color-gold);cursor:pointer;border:3px solid var(--color-surface);box-shadow:0 0 0 1.5px var(--color-gold),0 2px 10px #f0d26466}.transfer-input{width:110px;padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:var(--fs-base);font-weight:var(--fw-semibold);font-family:var(--font-body);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .15s,box-shadow .15s}.transfer-input::-webkit-outer-spin-button,.transfer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.transfer-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px var(--alpha-gold-10)}.transfer-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;background:var(--alpha-gold-04);border:1px solid var(--color-border-gold);border-radius:var(--radius-xl)}.transfer-preview__side{display:flex;flex-direction:column;gap:.2rem}.transfer-preview__side:first-child{text-align:right;align-items:flex-end}.transfer-preview__side:last-child{text-align:left;align-items:flex-start}.transfer-preview__label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-medium)}.transfer-preview__amount{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:1.15}.transfer-preview__amount--mu{color:var(--color-gold)}.transfer-preview__amount--cash{color:var(--color-primary)}.transfer-preview__arrow{font-size:var(--fs-lg);color:var(--color-text-muted);font-weight:var(--fw-bold);-webkit-user-select:none;user-select:none}.transfer-confirm{padding:1.1rem 1.25rem;background:var(--alpha-gold-04);border:1px solid var(--color-border-gold);border-radius:var(--radius-xl)}.transfer-confirm__row{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.transfer-confirm__row span:first-child{color:var(--color-gold)}.transfer-confirm__row span:nth-child(2){color:var(--color-text-muted);font-size:var(--fs-base)}.transfer-confirm__row span:last-child{color:var(--color-primary)}.history-table{width:100%;border-collapse:collapse;font-size:.88rem}.history-table th,.history-table td{padding:.55rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #1e2d45)}.history-table th{color:var(--color-text-muted, #7a8ba8);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.history-table td{color:var(--color-text, #d4dff0)}.history-table__pos{color:#4de89a!important}.history-table__neg{color:#e84d4d!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--color-surface, #131a2b);border:1px solid var(--color-border, #1e2d45);border-radius:16px;padding:2rem;width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.25rem}.modal__title{font-size:1.15rem;font-weight:600;color:var(--color-text, #d4dff0);margin:0}.modal__sub{margin:-.75rem 0 0;font-size:.88rem;color:var(--color-text-muted, #7a8ba8)}.modal__sub strong{color:var(--color-gold, #f0d264)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-outline{background:transparent;border:1px solid var(--color-border, #1e2d45);color:var(--color-text-muted, #7a8ba8);padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--color-primary, #4e9af5);color:var(--color-text, #d4dff0)}@media (max-width: 600px){.pkg-grid{grid-template-columns:repeat(2,1fr)}.transfer-widget{padding:1rem;gap:1.1rem}.transfer-preview{grid-template-columns:1fr;gap:.4rem;padding:.9rem 1rem;text-align:center}.transfer-preview__side:first-child,.transfer-preview__side:last-child{text-align:center;align-items:center}.transfer-preview__arrow{text-align:center}.transfer-preview__amount{font-size:var(--fs-lg)}.transfer-input{width:90px}.transfer-confirm__row{flex-wrap:wrap;gap:.5rem;justify-content:center}}.transfer-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.transfer-tab{padding:.6rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.transfer-tab:hover{color:var(--color-text)}.transfer-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--fw-semibold)}.transfer-preview__amount--gold{color:var(--color-primary)}.gold-confirm__row span:first-child{color:var(--color-gold)}.gold-confirm__row span:nth-child(2){color:var(--color-text-muted);font-size:var(--fs-base)}.gold-confirm__row span:last-child{color:var(--color-primary)}.gold-confirm__avatar{text-align:center;margin-top:.75rem;font-size:var(--fs-sm);color:var(--color-text-muted)}.gold-confirm__avatar strong{color:var(--color-primary)}.avatar-selector{display:flex;flex-direction:column;gap:.65rem}.avatar-selector__label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-medium)}.avatar-selector__grid{display:flex;flex-wrap:wrap;gap:.5rem}.ga-card{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;min-width:120px;max-width:190px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-body);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.ga-card:hover{border-color:var(--color-primary);background:#4e9af50f}.ga-card--selected{border-color:var(--color-primary);border-width:2px;background:#4e9af514;box-shadow:0 0 0 2px #4e9af540}.ga-card__top{display:flex;align-items:center;gap:.3rem;margin-bottom:.25rem;flex-wrap:nowrap}.ga-card .icon-race,.ga-card .icon-class{width:28px;height:28px;flex-shrink:0}.ga-card__sex{width:16px!important;height:16px!important;flex-shrink:0}.ga-card__remort{margin-left:auto;font-size:.6rem;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;background:#f9731624;color:#f97316;border:1px solid rgba(249,115,22,.35);border-radius:999px;padding:.05rem .4rem;white-space:nowrap;line-height:1.5;flex-shrink:0}.ga-card--selected .ga-card__remort{background:#f973163d}.ga-card__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;line-height:1.2}.ga-card--selected .ga-card__name{color:var(--color-primary)}.ga-card__class{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.03em;line-height:1.2;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.1rem}.ga-card__level{font-size:var(--fs-xs);color:var(--color-text-muted)}.ga-card__tier{font-size:.62rem;font-weight:var(--fw-bold);letter-spacing:.06em;background:#4e9af51f;color:var(--color-primary);border:1px solid rgba(78,154,245,.25);border-radius:999px;padding:.05rem .35rem;line-height:1.4}.btn-success{background:var(--alpha-success-10);color:var(--color-success);border:1px solid rgba(52,211,153,.35)}.btn-success:hover{background:var(--alpha-success-15);border-color:var(--color-success);color:#cffae8;box-shadow:0 0 14px var(--alpha-success-20);transform:translateY(-1px)}.gold-relog-notice{margin-top:.75rem;padding:.75rem 1.1rem;background:#4e9af514;border:1px solid rgba(78,154,245,.3);border-radius:var(--radius-xl);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.55;text-align:center;letter-spacing:.01em}@media (max-width: 600px){.transfer-tabs{gap:0}.transfer-tab{padding:.5rem .9rem;font-size:var(--fs-xs)}.avatar-selector__grid{gap:.4rem}.ga-card{min-width:100px;padding:.55rem .65rem}.ga-card .icon-race,.ga-card .icon-class{width:22px;height:22px}.ga-card__name{max-width:100px}}.toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:2000;padding:.85rem 1.4rem;border-radius:10px;font-size:.9rem;font-weight:500;max-width:360px;box-shadow:0 4px 24px #0006;animation:toast-in .2s ease;pointer-events:none}.toast--ok{background:#34d3991f;border:1px solid rgba(52,211,153,.35);color:var(--color-success)}.toast--err{background:#f871711a;border:1px solid var(--color-error);color:var(--color-error)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.au-select{position:relative;width:100%;font-family:var(--font-body);font-size:var(--fs-base)}.au-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.6rem .85rem;background:var(--color-bg);border:1px solid rgba(240,210,100,.25);border-radius:var(--radius-xl);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;text-align:left;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);outline:none}.au-select__trigger:hover:not(:disabled){border-color:#f0d2648c;background:#f0d2640a}.au-select__trigger:focus-visible{border-color:var(--color-gold);box-shadow:0 0 0 3px #f0d2642e}.au-select--open .au-select__trigger{border-color:var(--color-gold);box-shadow:0 0 0 3px #f0d26426,var(--shadow-glow-gold);background:#f0d2640d}.au-select__trigger:disabled{opacity:.45;cursor:not-allowed}.au-select__trigger--placeholder{color:var(--color-text-muted);font-weight:var(--fw-regular)}.au-select__chevron{flex-shrink:0;width:.9rem;height:.9rem;color:var(--color-gold);opacity:.7;transition:transform var(--transition-base),opacity var(--transition-base)}.au-select--open .au-select__chevron{transform:rotate(180deg);opacity:1}.au-select__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);background:var(--color-surface);border:1px solid rgba(240,210,100,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000073,0 2px 8px #f0d26414;overflow:hidden;transform-origin:top center;animation:au-select-open var(--transition-base) ease forwards;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(240,210,100,.3) transparent}.au-select__panel::-webkit-scrollbar{width:4px}.au-select__panel::-webkit-scrollbar-track{background:transparent}.au-select__panel::-webkit-scrollbar-thumb{background:#f0d2644d;border-radius:99px}@keyframes au-select-open{0%{opacity:0;transform:scaleY(.88) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.au-select__option{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast)}.au-select__option:hover{background:#4e9af51a;color:#d8eaff}.au-select__option--selected{background:#f0d2641a;color:var(--color-gold);font-weight:var(--fw-semibold)}.au-select__option--selected:hover{background:#f0d26429}.au-select__option--placeholder{color:var(--color-text-muted);font-style:italic;font-size:var(--fs-sm)}.au-select__option-check{flex-shrink:0;width:.8rem;height:.8rem;color:var(--color-gold)}.au-select__option+.au-select__option{border-top:1px solid rgba(255,255,255,.04)}:root{--quality-common: #9ca3af;--quality-uncommon: #00e526;--quality-rare: #2080ff;--quality-epic: #c040ff;--quality-legendary: #ff8000;--quality-sacred: #00ff96;--quality-relic: #e0ff40;--quality-common-alpha: rgba(156, 163, 175, .15);--quality-uncommon-alpha: rgba(0, 229, 38, .12);--quality-rare-alpha: rgba(32, 128, 255, .15);--quality-epic-alpha: rgba(192, 64, 255, .15);--quality-legendary-alpha: rgba(255, 128, 0, .15);--quality-sacred-alpha: rgba(0, 255, 150, .12);--quality-relic-alpha: rgba(224, 255, 64, .12);--quality-common-glow: rgba(156, 163, 175, .25);--quality-uncommon-glow: rgba(0, 229, 38, .35);--quality-rare-glow: rgba(32, 128, 255, .35);--quality-epic-glow: rgba(192, 64, 255, .4);--quality-legendary-glow: rgba(255, 128, 0, .45);--quality-sacred-glow: rgba(0, 255, 150, .45);--quality-relic-glow: rgba(224, 255, 64, .45)}.loja-page{width:100%;animation:lojaFadeIn .25s ease-out}@keyframes lojaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loja-balance-pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;background:var(--alpha-gold-08);border:1px solid var(--alpha-gold-20);border-radius:var(--radius-pill);padding:.3rem .9rem;font-size:.9rem;color:var(--color-gold)}.loja-balance-pill__icon{font-size:1.1rem;line-height:1}.loja-balance-pill__link{color:var(--color-primary);font-size:.8rem;text-decoration:none;border-left:1px solid var(--alpha-gold-20);padding-left:.5rem;transition:color var(--transition-base)}.loja-balance-pill__link:hover{color:var(--color-primary-hover)}.loja-loading,.loja-empty{color:var(--color-text-muted);text-align:center;padding:3rem 1rem}.loja-error{background-color:var(--alpha-error-10);border:1px solid var(--color-error);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-xl)}.loja-mu-icon{color:var(--color-gold);font-weight:var(--fw-bold);margin-right:.2rem}.loja-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--grid-gap);margin-top:var(--section-gap);padding-bottom:var(--section-gap)}.loja-card{position:relative;background:var(--color-surface, #131a2b);border:1px solid var(--color-border, #1e2d45);border-radius:12px;padding:1.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;transition:border-color .2s,transform .15s;overflow:hidden}.loja-card:hover{border-color:var(--color-primary, #4e9af5);transform:translateY(-2px)}.loja-card__icon-wrap{position:relative;width:80px;height:80px;margin-top:.25rem}.loja-card__icon{width:80px;height:80px;border-radius:var(--radius-xl);object-fit:contain;background:var(--icon-bg);border:1.5px solid var(--icon-border)}.loja-card__quality-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:.15rem .55rem;border-radius:var(--radius-pill);border:1.5px solid;text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.loja-card__quality-badge--common{color:var(--quality-common);border-color:var(--quality-common);background:var(--quality-common-alpha)}.loja-card__quality-badge--uncommon{color:var(--quality-uncommon);border-color:var(--quality-uncommon);background:var(--quality-uncommon-alpha)}.loja-card__quality-badge--rare{color:var(--quality-rare);border-color:var(--quality-rare);background:var(--quality-rare-alpha)}.loja-card__quality-badge--epic{color:var(--quality-epic);border-color:var(--quality-epic);background:var(--quality-epic-alpha)}.loja-card__quality-badge--legendary{color:var(--quality-legendary);border-color:var(--quality-legendary);background:var(--quality-legendary-alpha)}.loja-card__quality-badge--sacred{color:var(--quality-sacred);border-color:var(--quality-sacred);background:var(--quality-sacred-alpha)}.loja-card__name{margin:0;font-size:1.05rem;font-weight:var(--fw-semibold)}.loja-card__name--common{color:var(--color-text)}.loja-card__name--uncommon{color:var(--quality-uncommon)}.loja-card__name--rare{color:var(--quality-rare)}.loja-card__name--epic{color:var(--quality-epic)}.loja-card__name--legendary{color:var(--quality-legendary)}.loja-card__name--sacred{color:var(--quality-sacred)}.loja-card--common .loja-card__icon{border-color:var(--quality-common);box-shadow:0 0 6px var(--quality-common-glow)}.loja-card--uncommon .loja-card__icon{border-color:var(--quality-uncommon);box-shadow:0 0 6px var(--quality-uncommon-glow)}.loja-card--rare .loja-card__icon{border-color:var(--quality-rare);box-shadow:0 0 6px var(--quality-rare-glow)}.loja-card--epic .loja-card__icon{border-color:var(--quality-epic);box-shadow:0 0 6px var(--quality-epic-glow)}.loja-card--legendary .loja-card__icon{border-color:var(--quality-legendary);box-shadow:0 0 6px var(--quality-legendary-glow)}.loja-card--sacred .loja-card__icon{border-color:var(--quality-sacred);box-shadow:0 0 6px var(--quality-sacred-glow)}.loja-card--relic .loja-card__icon{border-color:var(--quality-relic);box-shadow:0 0 6px var(--quality-relic-glow)}.loja-card__desc{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-base);margin:0;flex:1}.loja-card__pack-badge{display:inline-block;margin:.4rem 0 .1rem;padding:.15rem .6rem;background:#ffc83c26;border:1px solid rgba(255,200,60,.35);border-radius:var(--radius-pill);color:#ffc83c;font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase}.loja-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.loja-card__price{display:flex;align-items:center;font-size:1rem;font-weight:var(--fw-bold);color:var(--color-gold);white-space:nowrap}.loja-card__price-label{font-size:.78rem;font-weight:var(--fw-regular);color:var(--color-text-muted);margin-left:.2rem}.loja-card__btn{flex-shrink:0;font-size:.875rem;padding:.45rem 1rem}.loja-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--alpha-black-60);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:1rem;animation:lojaFadeIn .15s ease-out}.loja-modal{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;z-index:var(--z-modal);animation:lojaModalIn .2s ease-out}@keyframes lojaModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.loja-modal--legendary{border-color:var(--alpha-gold-20)}.loja-modal--sacred{border-color:#00ff9633}.loja-modal--epic{border-color:var(--alpha-indigo-12)}.loja-modal--rare{border-color:var(--alpha-primary-12)}.loja-modal__close{position:absolute;top:1rem;right:1rem;background:var(--alpha-white-05);border:1px solid var(--color-border);border-radius:var(--radius-circle);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:background var(--transition-base),color var(--transition-base);z-index:1}.loja-modal__close:hover:not(:disabled){background:var(--alpha-error-10);color:var(--color-error);border-color:var(--color-error)}.loja-modal__body{display:flex;gap:0}.loja-modal__info{flex:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:2rem 1.5rem}.loja-modal__icon-wrap{position:relative;width:96px;height:96px}.loja-modal__icon{width:96px;height:96px;border-radius:var(--radius-xl);object-fit:contain;background:var(--icon-bg);border:2px solid var(--icon-border);position:relative;z-index:1}.loja-modal--common .loja-modal__icon{border-color:var(--quality-common);box-shadow:0 0 8px var(--quality-common-glow)}.loja-modal--uncommon .loja-modal__icon{border-color:var(--quality-uncommon);box-shadow:0 0 8px var(--quality-uncommon-glow)}.loja-modal--rare .loja-modal__icon{border-color:var(--quality-rare);box-shadow:0 0 8px var(--quality-rare-glow)}.loja-modal--epic .loja-modal__icon{border-color:var(--quality-epic);box-shadow:0 0 8px var(--quality-epic-glow)}.loja-modal--legendary .loja-modal__icon{border-color:var(--quality-legendary);box-shadow:0 0 8px var(--quality-legendary-glow)}.loja-modal--sacred .loja-modal__icon{border-color:var(--quality-sacred);box-shadow:0 0 8px var(--quality-sacred-glow)}.loja-modal--relic .loja-modal__icon{border-color:var(--quality-relic);box-shadow:0 0 8px var(--quality-relic-glow)}.loja-modal__quality-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-2xl);filter:blur(14px);pointer-events:none}.loja-modal__quality-glow--common{background:var(--quality-common);opacity:.2}.loja-modal__quality-glow--uncommon{background:var(--quality-uncommon);opacity:.3}.loja-modal__quality-glow--rare{background:var(--quality-rare);opacity:.3}.loja-modal__quality-glow--epic{background:var(--quality-epic);opacity:.35}.loja-modal__quality-glow--legendary{background:var(--quality-legendary);opacity:.45}.loja-modal__quality-glow--sacred{background:var(--quality-sacred);opacity:.45}.loja-modal__quality-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:.15rem .6rem;border-radius:var(--radius-pill);border:1.5px solid;text-transform:uppercase;letter-spacing:.05em}.loja-modal__quality-badge--common{color:var(--quality-common);border-color:var(--quality-common);background:var(--quality-common-alpha)}.loja-modal__quality-badge--uncommon{color:var(--quality-uncommon);border-color:var(--quality-uncommon);background:var(--quality-uncommon-alpha)}.loja-modal__quality-badge--rare{color:var(--quality-rare);border-color:var(--quality-rare);background:var(--quality-rare-alpha)}.loja-modal__quality-badge--epic{color:var(--quality-epic);border-color:var(--quality-epic);background:var(--quality-epic-alpha)}.loja-modal__quality-badge--legendary{color:var(--quality-legendary);border-color:var(--quality-legendary);background:var(--quality-legendary-alpha)}.loja-modal__quality-badge--sacred{color:var(--quality-sacred);border-color:var(--quality-sacred);background:var(--quality-sacred-alpha)}.loja-modal__name{margin:0;font-size:1.15rem;font-weight:var(--fw-semibold)}.loja-modal__name--common{color:var(--color-text)}.loja-modal__name--uncommon{color:var(--quality-uncommon)}.loja-modal__name--rare{color:var(--quality-rare)}.loja-modal__name--epic{color:var(--quality-epic)}.loja-modal__name--legendary{color:var(--quality-legendary)}.loja-modal__name--sacred{color:var(--quality-sacred)}.loja-modal__desc{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-base);margin:0}.loja-modal__price-row{display:flex;align-items:center;gap:.25rem;color:var(--color-gold);font-weight:var(--fw-semibold);font-size:.95rem;margin-top:.25rem}.loja-modal__unit-price{color:var(--color-gold);font-weight:var(--fw-bold)}.loja-modal__per-unit{font-size:.78rem;font-weight:var(--fw-regular);color:var(--color-text-muted)}.loja-modal__divider{width:1px;background:var(--color-border);align-self:stretch;flex-shrink:0}.loja-modal__purchase{flex:1;display:flex;flex-direction:column;gap:1.15rem;padding:2rem 1.5rem}.loja-modal__purchase-title{margin:0 0 .25rem;font-size:1rem;font-weight:var(--fw-semibold);color:var(--color-text)}.loja-field{display:flex;flex-direction:column;gap:.35rem}.loja-field__label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase}.loja-field__hint{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.loja-field__input{background:#1a1f2e;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.55rem .85rem;color:var(--color-text);font-size:var(--fs-base);font-family:var(--font-body);outline:none;width:100%;transition:border-color var(--transition-base)}.loja-field__input:focus{border-color:var(--color-primary)}.loja-field__input--qty{text-align:center;font-weight:var(--fw-bold);width:72px}.loja-field__input--qty::-webkit-outer-spin-button,.loja-field__input--qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loja-field__input--qty[type=number]{-moz-appearance:textfield}.loja-qty-row{display:flex;align-items:center;gap:.5rem}.loja-qty-btn{width:2.25rem;height:2.25rem;background:var(--alpha-white-05);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:1.1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base),border-color var(--transition-base)}.loja-qty-btn:hover:not(:disabled){background:var(--alpha-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.loja-qty-btn:disabled{opacity:.35;cursor:not-allowed}.loja-cost-block{background:var(--alpha-white-02);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.45rem}.loja-cost-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm)}.loja-cost-row--deficit{color:var(--color-error)}.loja-cost-row--after{opacity:.7}.loja-cost-row__label{color:var(--color-text-muted)}.loja-cost-row__value{font-weight:var(--fw-semibold);color:var(--color-text)}.loja-cost-row__value--total{font-size:var(--fs-md);color:var(--color-gold)}.loja-cost-row__value--err{color:var(--color-error)}.loja-cost-row__value--muted{color:var(--color-text-muted)}.loja-notice{font-size:var(--fs-sm);padding:.5rem .75rem;border-radius:var(--radius-xl);border:1px solid}.loja-notice--err{background:var(--alpha-error-05);border-color:var(--alpha-error-30);color:var(--color-error)}.loja-notice__link{color:var(--color-primary);text-decoration:underline}.loja-modal__delivery-tag{display:inline-block;font-size:.7rem;font-weight:600;color:var(--color-gold);background:#f0d26414;border:1px solid rgba(240,210,100,.25);border-radius:var(--radius-xl);padding:.25rem .75rem;letter-spacing:.02em}.loja-modal__buy-btn{width:100%;padding:.7rem;font-size:.9rem;font-weight:var(--fw-bold);margin-top:auto}.btn-disabled{background:var(--alpha-white-05)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;opacity:.6}@media (max-width: 600px){.loja-modal__body{flex-direction:column}.loja-modal__divider{width:auto;height:1px;margin:0}.loja-grid{grid-template-columns:1fr}.loja-modal{max-height:95vh}}.bp-page{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:clamp(3rem,5vw,5rem)}.bp-loading{color:var(--color-text-muted);text-align:center;padding:3rem 0}.bp-no-season,.bp-login-prompt{text-align:center;padding:2rem;color:var(--color-text-muted)}.bp-login-prompt a{color:var(--color-primary)}.bp-season-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.4rem 1.6rem}.bp-season-header__badge{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.2);border-radius:4px;padding:.15rem .6rem;margin-bottom:.4rem}.bp-season-header__name{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0 0 .35rem}.bp-season-header__dates{font-size:.88rem;color:var(--color-text-muted);margin:0}.bp-season-header__days{color:var(--color-success);font-weight:600}.bp-season-header__xp-info{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center}.bp-xp-tier{font-size:.82rem;color:var(--color-text-muted)}.bp-xp-tier strong{color:var(--color-text)}.bp-progress-section{padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:1.1rem}.bp-progress-top{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.bp-avatar-select{display:flex;flex-direction:column;gap:.3rem;min-width:220px}.bp-avatar-select__label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.bp-avatar-select__row{display:flex;align-items:center;gap:.4rem}.bp-premium-badge{margin-left:auto;font-size:.85rem;font-weight:600;color:#c89bff;background:linear-gradient(135deg,#a064ff26,#783cdc14);border:1px solid rgba(160,100,255,.35);border-radius:var(--radius-xl);padding:.35rem 1rem;display:inline-flex;align-items:center;gap:.4rem}.bp-suspended-badge{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--color-error);background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-xl);padding:.35rem 1rem}.bp-prem-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-radius:var(--radius-xl);border:1px solid rgba(240,210,100,.28);background:linear-gradient(135deg,#a064ff1a,#f0d2640f,#4e9af50f);cursor:pointer;position:relative;overflow:hidden;width:100%;text-align:left;font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base);animation:bpBannerPulse 3s ease-in-out infinite}@keyframes bpBannerPulse{0%,to{box-shadow:0 0 #f0d26400}50%{box-shadow:0 0 18px 2px #f0d2641f}}.bp-prem-banner:hover{border-color:#f0d2648c;box-shadow:0 4px 20px #f0d26426!important;animation:none}.bp-prem-banner__glow{position:absolute;top:-40%;left:-10%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(240,210,100,.08) 0%,transparent 70%);pointer-events:none}.bp-prem-banner__left{display:flex;align-items:center;gap:.75rem}.bp-prem-banner__icon{font-size:1.4rem;color:var(--color-gold);text-shadow:0 0 12px rgba(240,210,100,.5);flex-shrink:0}.bp-prem-banner__text{display:flex;flex-direction:column;gap:.1rem}.bp-prem-banner__title{font-size:.95rem;font-weight:700;color:var(--color-gold);letter-spacing:-.01em}.bp-prem-banner__sub{font-size:.8rem;color:var(--color-text-muted)}.bp-prem-banner__cta{font-size:.85rem;font-weight:700;color:var(--color-gold);white-space:nowrap;padding:.3rem .8rem;border:1px solid rgba(240,210,100,.38);border-radius:var(--radius-lg);background:#f0d26414;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.bp-prem-banner:hover .bp-prem-banner__cta{background:#f0d2642e;border-color:#f0d26499}.bp-progress-bar-area{display:flex;align-items:center;gap:.8rem}.bp-level-badge{min-width:48px;text-align:center;font-size:.92rem;font-weight:700;color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.22);border-radius:var(--radius-lg);padding:.3rem .55rem;white-space:nowrap}.bp-level-badge--next{color:var(--color-text-muted);background:transparent;border-color:var(--color-border)}.bp-xpbar{flex:1;position:relative;height:22px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:11px;overflow:hidden}.bp-xpbar__fill{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#6fb3ff 60%,#a08fff 100%);border-radius:11px;transition:width .5s ease;box-shadow:inset 0 1px #ffffff26}.bp-xpbar__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.bp-quests-section{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:0}.bp-quests-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.bp-quests-tabs{display:flex;gap:.4rem;background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:3px}.bp-quests-tab{display:flex;align-items:center;gap:.4rem;background:none;color:var(--color-text-muted);border:none;font-size:var(--fs-sm);font-weight:500;font-family:var(--font-body);padding:.35rem .9rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.bp-quests-tab:hover{color:var(--color-text);background:#ffffff0a}.bp-quests-tab--active{background:linear-gradient(135deg,#4e9af533,#4e9af51a);color:var(--color-primary);box-shadow:0 1px 4px #00000040}.bp-quests-tab__label{font-weight:600}.bp-quests-tab__badge{font-size:.72rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-pill);background:#ffffff12;color:var(--color-text-muted);min-width:28px;text-align:center;transition:all var(--transition-fast)}.bp-quests-tab__badge--active{background:#4e9af533;color:var(--color-primary)}.bp-quests-xp-sum{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.bp-quests-xp-sum__label{color:var(--color-text-muted)}.bp-quests-xp-sum__value{font-weight:700;color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.2);border-radius:var(--radius-md);padding:.1rem .4rem}.bp-quest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.bp-quest{display:flex;align-items:stretch;background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);gap:0}.bp-quest:hover{border-color:#ffffff1a;background:#ffffff0a;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.bp-quest--done{opacity:.45;transform:none!important;box-shadow:none!important}.bp-quest__accent{width:4px;flex-shrink:0;align-self:stretch;border-radius:0}.bp-quest--easy .bp-quest__accent{background:var(--color-success)}.bp-quest--medium .bp-quest__accent{background:var(--color-warning)}.bp-quest--hard .bp-quest__accent{background:linear-gradient(180deg,#ff6b6b,#e83838)}.bp-quest--hard:hover{box-shadow:0 4px 20px #f8474726;border-color:#f8717138}.bp-quest__body{flex:1;display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;min-width:0}.bp-quest__badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.bp-quest__diff{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:var(--radius-md);flex-shrink:0}.bp-quest__diff--easy{color:var(--color-success);background:#34d3991a;border:1px solid rgba(52,211,153,.22)}.bp-quest__diff--medium{color:var(--color-warning);background:#fbbf241a;border:1px solid rgba(251,191,36,.22)}.bp-quest__diff--hard{color:#ff8080;background:#f847471f;border:1px solid rgba(248,71,71,.28)}.bp-quest__cat{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .42rem;border-radius:var(--radius-md);flex-shrink:0}.bp-quest__cat--pvp{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.22)}.bp-quest__cat--pve{color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.22)}.bp-quest__cat--group{color:#a78bfa;background:#a78bfa1a;border:1px solid rgba(167,139,250,.22)}.bp-quest__cat--bg{color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.22)}.bp-quest__cat--raid{color:#fb923c;background:#fb923c1a;border:1px solid rgba(251,146,60,.22)}.bp-quest__name{font-size:var(--fs-base);font-weight:600;font-family:var(--font-body);color:var(--color-text);line-height:1.25;margin:0}.bp-quest__desc{font-size:var(--fs-sm);font-family:var(--font-body);color:var(--color-text-muted);line-height:1.4;margin:0}.bp-quest__right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;flex-shrink:0;padding:.6rem 1rem;min-width:68px;border-left:1px solid var(--color-border)}.bp-quest__xp{font-size:.88rem;font-weight:700;color:var(--color-primary);white-space:nowrap}.bp-quest--hard .bp-quest__xp{color:#ff9a9a}.bp-quest--medium .bp-quest__xp{color:var(--color-warning)}.bp-quest--easy .bp-quest__xp{color:var(--color-success)}.bp-quest__done-icon{font-size:1.1rem;font-weight:700;color:var(--color-success);text-shadow:0 0 8px rgba(52,211,153,.5)}.bp-quests-hint{margin-top:.9rem;font-size:.8rem;color:var(--color-text-muted);padding:.65rem .8rem;background:#ffffff05;border-radius:var(--radius-lg);border:1px solid var(--color-border);line-height:1.5}.bp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050812d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:bpModalFadeIn .2s ease}@keyframes bpModalFadeIn{0%{opacity:0}to{opacity:1}}.bp-modal{position:relative;background:#0d1525;border:1px solid rgba(240,210,100,.28);border-radius:var(--radius-2xl);padding:2rem 1.8rem 1.8rem;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 1px #f0d2640f,0 24px 60px #000000b3,0 0 60px #a064ff14;animation:bpModalSlideUp .25s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:rgba(240,210,100,.2) transparent}@keyframes bpModalSlideUp{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bp-modal__close{position:absolute;top:.9rem;right:.9rem;width:28px;height:28px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);line-height:1}.bp-modal__close:hover{background:#ffffff1f;color:var(--color-text)}.bp-modal__crown-wrap{display:flex;justify-content:center;margin-bottom:.8rem;position:relative}.bp-modal__crown{font-size:2.2rem;color:var(--color-gold);text-shadow:0 0 20px rgba(240,210,100,.7),0 0 40px rgba(240,210,100,.4);display:block;animation:bpCrownPulse 2.5s ease-in-out infinite}@keyframes bpCrownPulse{0%,to{text-shadow:0 0 20px rgba(240,210,100,.6),0 0 40px rgba(240,210,100,.3)}50%{text-shadow:0 0 30px rgba(240,210,100,.9),0 0 60px rgba(240,210,100,.55)}}.bp-modal__crown-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(240,210,100,.2);box-shadow:0 0 20px #f0d2641a;pointer-events:none}.bp-modal__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-gold);margin:0 0 .5rem;letter-spacing:.02em}.bp-modal__subtitle{text-align:center;font-size:.9rem;color:var(--color-text-muted);margin:0 0 1.4rem;line-height:1.5}.bp-modal__subtitle em{color:#ff9898;font-style:normal;font-weight:600}.bp-modal__preview{margin-bottom:1.2rem}.bp-modal__preview-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .7rem}.bp-modal__preview-row{display:flex;gap:.6rem;flex-wrap:wrap}.bp-modal__preview-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff08;border:1px solid rgba(240,210,100,.18);border-radius:var(--radius-xl);padding:.5rem .65rem;min-width:58px;position:relative}.bp-modal__preview-badge{font-size:.62rem;font-weight:700;color:var(--color-gold);background:#f0d2641a;border-radius:var(--radius-sm);padding:.05rem .3rem}.bp-modal__preview-icon{display:flex;flex-direction:column;align-items:center;gap:2px}.bp-modal__preview-img{width:34px;height:34px;image-rendering:pixelated;border:1px solid rgba(224,255,64,.4);border-radius:var(--radius-sm)}.bp-modal__preview-qty{font-size:.72rem;font-weight:700;color:var(--quality-relic)}.bp-modal__preview-icon--item{max-width:64px}.bp-modal__preview-item-name{font-size:.62rem;color:#c89bff;text-align:center;line-height:1.3;word-break:break-word}.bp-modal__preview-lock{font-size:.9rem;position:absolute;bottom:4px;right:4px}.bp-modal__preview-more{display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--color-text-muted);background:#ffffff0a;border:1px dashed var(--color-border);border-radius:var(--radius-xl);padding:.5rem .65rem;min-width:50px}.bp-modal__benefits{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.bp-modal__benefits li{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--color-text);line-height:1.4;padding:.5rem .7rem;background:#ffffff06;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04)}.bp-modal__benefit-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem}.bp-modal__footer{display:flex;flex-direction:column;align-items:center;gap:.65rem}.bp-modal__price-block{display:flex;flex-direction:column;align-items:center;gap:.2rem}.bp-modal__price-num{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-gold);line-height:1;text-shadow:0 0 16px rgba(240,210,100,.4)}.bp-modal__price-currency{font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.bp-modal__no-funds{font-size:.8rem;color:var(--color-error);margin:.2rem 0 0;text-align:center}.bp-modal__no-funds a{color:var(--color-primary)}.bp-modal__cta{width:100%;padding:.85rem 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#b07fff,#7c50d8,#4e9af5);border:none;color:#fff;font-size:1rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.03em;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 20px #a064ff66,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.bp-modal__cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.bp-modal__cta:hover:not(:disabled):before{left:100%}.bp-modal__cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #a064ff80,0 0 0 1px #ffffff14 inset}.bp-modal__cta:disabled{opacity:.45;cursor:not-allowed;transform:none}.bp-modal__dismiss{background:none;border:none;color:var(--color-text-muted);font-size:.82rem;cursor:pointer;padding:.2rem .5rem;transition:color var(--transition-fast)}.bp-modal__dismiss:hover{color:var(--color-text)}.bp-modal__urgency{font-size:.75rem;color:#f87171bf;text-align:center;margin:0;font-style:italic}.bp-rewards-section{display:flex;flex-direction:column;gap:.85rem}.bp-section-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:.02em}.bp-claim-all-btn{align-self:flex-end;display:inline-flex;align-items:center;padding:.5rem 1.4rem;background:linear-gradient(135deg,#2b2008,#1e1836);color:var(--color-gold);font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.04em;border:1.5px solid rgba(240,210,100,.45);border-radius:8px;cursor:pointer;transition:border-color .15s,filter .15s,transform .1s}.bp-claim-all-btn:hover:not(:disabled){border-color:#f0d264cc;filter:brightness(1.12);transform:translateY(-1px)}.bp-claim-all-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.9)}.bp-claim-all-btn:disabled{opacity:.45;cursor:not-allowed}.bp-rewards-scroll{display:flex;overflow-x:auto;overflow-y:visible;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);scrollbar-width:thin;scrollbar-color:rgba(240,210,100,.3) transparent;position:relative}.bp-rewards-scroll::-webkit-scrollbar{height:5px}.bp-rewards-scroll::-webkit-scrollbar-track{background:transparent}.bp-rewards-scroll::-webkit-scrollbar-thumb{background:#f0d2644d;border-radius:3px}.bp-lane-col{position:sticky;left:0;z-index:10;display:flex;flex-direction:column;flex-shrink:0;min-width:64px;background:var(--color-surface);border-right:1px solid var(--color-border-gold, rgba(240, 210, 100, .18));box-shadow:2px 0 12px #0000004d}.bp-lane-col__spacer{min-height:46px;border-bottom:1px solid var(--color-border)}.bp-lane-col__label{flex:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 0;min-height:106px}.bp-lane-col__label--prem{color:#b07fff;background:linear-gradient(0deg,rgba(160,100,255,.08) 0%,transparent 100%);border-bottom:1px solid var(--color-border)}.bp-lane-col__label--free{color:var(--color-primary);background:linear-gradient(0deg,rgba(78,154,245,.08) 0%,transparent 100%)}.bp-reward-col{display:flex;flex-direction:column;min-width:106px;max-width:106px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.03);transition:background .2s}.bp-reward-col:last-child{border-right:none}.bp-reward-level{display:flex;align-items:center;justify-content:center;min-height:46px;position:relative;border-bottom:1px solid var(--color-border);background:#ffffff03}.bp-reward-level:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--color-border);transform:translateY(-50%);z-index:0}.bp-reward-col:first-child .bp-reward-level:before{left:50%}.bp-reward-col:last-child .bp-reward-level:before{right:50%}.bp-reward-col--reached .bp-reward-level:before{background:linear-gradient(90deg,#4e9af580,#4e9af540)}.bp-reward-col--reached.bp-reward-col--milestone .bp-reward-level:before{background:linear-gradient(90deg,#f0d26499,#f0d2644d)}.bp-level-node{position:relative;z-index:1;width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;font-size:.78rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0;transition:all .2s ease;line-height:1}.bp-level-star{font-size:.48rem;line-height:1;color:var(--color-gold);display:block;margin-bottom:-1px}.bp-reward-col--reached .bp-level-node{border-color:var(--color-primary);color:var(--color-primary);background:#4e9af51a;box-shadow:0 0 14px #4e9af566,0 0 4px #4e9af533}.bp-reward-col--milestone .bp-level-node{border-color:var(--color-gold);color:var(--color-gold);background:#f0d26414;box-shadow:0 0 16px #f0d26466,0 0 5px #f0d26433;font-size:.82rem}.bp-reward-col--reached.bp-reward-col--milestone .bp-level-node{box-shadow:0 0 20px #f0d26499,0 0 8px #f0d26459}.bp-reward-cell{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:.6rem .4rem .45rem;gap:.4rem;min-height:106px;position:relative;transition:background .2s,border-color .2s}.bp-reward-cell--prem{background:linear-gradient(180deg,#a064ff12,#783cdc08);border-bottom:1px solid var(--color-border);border-left:2px solid rgba(160,100,255,.18)}.bp-reward-cell--free{background:linear-gradient(180deg,#4e9af50f,#2864c805);border-left:2px solid rgba(78,154,245,.14)}.bp-reward-col--milestone .bp-reward-cell--prem{background:linear-gradient(180deg,#f0d2641a,#a064ff0d);border-left-color:#f0d26461}.bp-reward-col--milestone .bp-reward-cell--free{background:linear-gradient(180deg,#f0d26412,#4e9af508);border-left-color:#f0d26447}.bp-reward-col--reached .bp-reward-cell--prem{border-left-color:#a064ff61}.bp-reward-col--reached .bp-reward-cell--free{border-left-color:#4e9af552}.bp-reward-cell--claimable{box-shadow:inset 0 0 0 1px #4e9af538}.bp-reward-cell--prem.bp-reward-cell--claimable{box-shadow:inset 0 0 0 1px #a064ff4d;animation:bpPulsePrem 2.4s ease-in-out infinite}.bp-reward-cell--free.bp-reward-cell--claimable{animation:bpPulseFree 2.4s ease-in-out infinite}@keyframes bpPulsePrem{0%,to{box-shadow:inset 0 0 0 1px #a064ff4d}50%{box-shadow:inset 0 0 0 1px #a064ffa6,0 0 12px #a064ff2e}}@keyframes bpPulseFree{0%,to{box-shadow:inset 0 0 0 1px #4e9af538}50%{box-shadow:inset 0 0 0 1px #4e9af58c,0 0 12px #4e9af526}}.bp-reward-cell--claimed{opacity:.38}.bp-reward-cell--locked{opacity:.28}.bp-reward-cell__icon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;position:relative;cursor:default;min-height:56px}.bp-frag-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default}.bp-frag-icon{width:42px;height:42px;image-rendering:pixelated;border:1px solid rgba(224,255,64,.55);border-radius:var(--radius-md);box-shadow:0 0 12px #e0ff4047,0 0 4px #e0ff402e,inset 0 0 0 1px #e0ff4014;display:block;flex-shrink:0;transition:box-shadow .2s ease}.bp-reward-col--reached .bp-frag-icon{box-shadow:0 0 16px #e0ff4073,0 0 6px #e0ff4047,inset 0 0 0 1px #e0ff401f}.bp-frag-count{font-size:.78rem;font-weight:700;color:var(--quality-relic);letter-spacing:.01em;line-height:1;text-shadow:0 0 8px rgba(224,255,64,.35)}.bp-item-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c89bff26,#8c50dc14);border:1px solid rgba(200,155,255,.32);border-radius:var(--radius-lg);padding:.32rem .45rem;font-size:.62rem;font-weight:600;color:#c89bff;text-align:center;line-height:1.3;width:100%;max-width:92px;overflow:hidden;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:default;box-shadow:0 2px 8px #a064ff26}.bp-reward-cell--free .bp-item-pill{background:linear-gradient(135deg,#4e9af526,#2864c814);border-color:#4e9af54d;color:#80b8f8;box-shadow:0 2px 8px #4e9af526}.bp-cell-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:var(--color-success);opacity:.85;pointer-events:none;text-shadow:0 0 12px rgba(52,211,153,.55)}.bp-reward-cell__icon[data-tip],.bp-frag-wrap[data-tip]{position:relative}.bp-reward-cell__icon[data-tip]:after,.bp-frag-wrap[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0d1525;border:1px solid rgba(240,210,100,.22);color:var(--color-text);font-size:.72rem;font-weight:500;padding:.3rem .65rem;border-radius:var(--radius-lg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:30;box-shadow:0 4px 16px #0000008c}.bp-reward-cell__icon[data-tip]:hover:after,.bp-frag-wrap[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.bp-claim-btn{width:100%;font-size:.68rem;font-weight:600;padding:.3rem .25rem;border-radius:var(--radius-md);background:var(--alpha-primary-10);border:1px solid var(--alpha-primary-20);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.02em}.bp-reward-cell--prem .bp-claim-btn{background:#a064ff1a;border-color:#a064ff38;color:#c89bff}.bp-reward-cell--claimable .bp-claim-btn{background:var(--alpha-primary-15);border-color:#4e9af573;box-shadow:0 0 8px #4e9af533}.bp-reward-cell--prem.bp-reward-cell--claimable .bp-claim-btn{background:#a064ff26;border-color:#a064ff6b;box-shadow:0 0 8px #a064ff33}.bp-claim-btn:hover:not(:disabled){background:var(--alpha-primary-20);border-color:#4e9af58c;transform:translateY(-1px);box-shadow:0 3px 10px #4e9af540}.bp-reward-cell--prem .bp-claim-btn:hover:not(:disabled){background:#a064ff38;border-color:#a064ff85;box-shadow:0 3px 10px #a064ff40}.bp-claim-btn:disabled{opacity:.38;cursor:default;transform:none}.bp-rewards-legend{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.bp-legend{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted)}.bp-legend:before{content:"";display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm)}.bp-legend--free:before{background:#4e9af54d;border:1px solid rgba(78,154,245,.55)}.bp-legend--prem:before{background:#a064ff4d;border:1px solid rgba(160,100,255,.55)}.bp-legend--milestone:before{background:#f0d2644d;border:1px solid rgba(240,210,100,.55)}.bp-leaderboard-section{padding:1rem 1.4rem}.bp-leaderboard-toggle{background:none;border:none;color:var(--color-text-muted);font-size:.95rem;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.bp-leaderboard-toggle:hover{color:var(--color-text)}.bp-leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.88rem}.bp-leaderboard-table thead tr{border-bottom:1px solid rgba(240,210,100,.15)}.bp-leaderboard-table th{padding:.5rem .8rem;color:var(--color-text-muted);font-weight:600;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.bp-leaderboard-table td{padding:.55rem .8rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.bp-leaderboard-table tbody tr:last-child td{border-bottom:none}.bp-lb-row--prem td:last-child{color:#c89bff}.bp-lb-rank{color:var(--color-text-muted);font-weight:700;width:40px}.bp-leaderboard-empty{text-align:center;color:var(--color-text-muted);padding:1.5rem}@media (max-width: 600px){.bp-season-header{flex-direction:column}.bp-progress-top{flex-direction:column;align-items:flex-start}.bp-upgrade-btn,.bp-premium-badge,.bp-suspended-badge{margin-left:0}.bp-progress-bar-area{flex-direction:column;align-items:stretch}.bp-level-badge{text-align:center}.bp-reward-col{min-width:88px;max-width:88px}.bp-frag-icon{width:34px;height:34px}}.bp-reward-col--milestone{position:relative}.bp-reward-col--milestone[style]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ms-bg, none) center / contain no-repeat;opacity:.1;pointer-events:none;z-index:0;border-radius:6px;filter:blur(1px) saturate(1.4);transition:opacity .3s}.bp-reward-col--milestone[style]:hover:before{opacity:.18}.bp-milestone-tip{position:fixed;z-index:9999;width:min(248px,calc(100vw - 20px));background:linear-gradient(160deg,#0e1520,#111828 60%,#16102a);border:1.5px solid rgba(240,210,100,.55);border-radius:12px;box-shadow:0 0 0 1px #f0d2641f,0 8px 32px #000000b3,0 0 40px #a064ff1f;overflow:hidden;pointer-events:none;animation:bp-tip-in .16s ease-out both}@keyframes bp-tip-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.bp-milestone-tip__hero{position:relative;width:100%;height:110px;background:linear-gradient(135deg,#1a1030,#0d1520);display:flex;align-items:center;justify-content:center;overflow:hidden}.bp-milestone-tip__hero-img{width:96px;height:96px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 14px rgba(240,210,100,.5)) drop-shadow(0 2px 8px rgba(0,0,0,.8));z-index:1;position:relative}.bp-milestone-tip__hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(160,100,255,.22) 0%,transparent 70%);pointer-events:none}.bp-milestone-tip__header{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#f0d264b3;font-family:var(--font-heading)}.bp-milestone-tip__star{color:var(--color-gold, #f0d264);font-size:.8rem}.bp-milestone-tip__level-text{font-weight:700;color:var(--color-gold, #f0d264)}.bp-milestone-tip__name{padding:0 12px 2px;font-size:.92rem;font-weight:700;color:var(--color-gold, #f0d264);font-family:var(--font-heading);text-shadow:0 1px 6px rgba(240,210,100,.4)}.bp-milestone-tip__desc{padding:0 12px 8px;font-size:.74rem;color:#c8d2e6b8;line-height:1.45}.bp-milestone-tip__divider{height:1px;margin:0 10px 8px;background:linear-gradient(90deg,transparent,rgba(240,210,100,.3),transparent)}.bp-milestone-tip__tracks{display:flex;gap:6px;padding:0 10px 10px}.bp-milestone-tip__track{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:6px 8px}.bp-milestone-tip__track-label{display:block;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.bp-milestone-tip__track-label--prem{color:#a064ffe6}.bp-milestone-tip__track-label--free{color:#4e9af5e6}.bp-milestone-tip__rewards{display:flex;flex-direction:column;gap:3px}.bp-milestone-tip__reward-row{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--color-text, #e0e6f0)}.bp-milestone-tip__item-icon{width:22px;height:22px;object-fit:contain;border-radius:4px;flex-shrink:0}.bp-milestone-tip__arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(240,210,100,.55)}.bp-milestone-tip__arrow:before{content:"";position:absolute;bottom:2px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #16102a}.bp-milestone-tip__arrow--up{bottom:auto;top:-8px;border-top:none;border-bottom:8px solid rgba(240,210,100,.55)}.bp-milestone-tip__arrow--up:before{bottom:auto;top:2px;border-top:none;border-bottom:6px solid #0e1520}.wiki-page{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:clamp(3rem,5vw,5rem)}.wiki-hero{display:flex;flex-direction:column;gap:.75rem}.wiki-search-wrap{position:relative;margin-top:.25rem}.wiki-search__icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.wiki-search{width:100%;max-width:520px;padding:.65rem 2.5rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--fs-md);outline:none;transition:border-color var(--transition-base)}.wiki-search:focus{border-color:var(--color-primary);background:#4e9af50d}.wiki-search::placeholder{color:var(--color-text-muted)}.wiki-search__clear{position:absolute;right:calc(100% - 520px + .9rem);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:.2rem .4rem;border-radius:var(--radius-md);transition:color var(--transition-fast)}.wiki-search__clear:hover{color:var(--color-text)}.wiki-filters{display:flex;gap:.5rem;flex-wrap:wrap}.wiki-filter-btn{background:#4e9af50d;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.85rem;padding:.4rem 1rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.wiki-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#4e9af51a}.wiki-filter-btn--active{background:#4e9af51f;color:var(--color-primary);border-color:#4e9af580;font-weight:600}.wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.wiki-card{display:flex;flex-direction:column;gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.25rem;text-decoration:none;color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.wiki-card:hover{border-color:var(--alpha-primary-20);box-shadow:0 4px 16px var(--alpha-primary-10);transform:translateY(-2px)}.wiki-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wiki-card__icon{font-size:1.75rem;line-height:1}.wiki-card__cat{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;border-radius:var(--radius-pill)}.wiki-card__cat--getting-started{background:var(--alpha-success-10);color:var(--color-success);border:1px solid var(--alpha-success-20)}.wiki-card__cat--mechanics{background:var(--alpha-primary-10);color:var(--color-primary);border:1px solid var(--alpha-primary-15)}.wiki-card__cat--systems{background:var(--alpha-gold-08);color:var(--color-gold);border:1px solid var(--alpha-gold-20)}.wiki-card__cat--events{background:var(--alpha-warning-08);color:var(--color-warning);border:1px solid var(--alpha-warning-20)}.wiki-card__cat--how-to{background:#a78bfa1a;color:var(--color-stat-gen);border:1px solid rgba(167,139,250,.2)}.wiki-card__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600;color:var(--color-text);margin:0;line-height:1.3}.wiki-card__desc{font-size:var(--fs-base);color:var(--color-text-muted);line-height:1.5;margin:0;flex:1}.wiki-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.wiki-card__time{font-size:var(--fs-sm);color:var(--color-text-muted)}.wiki-card__cta{font-size:var(--fs-sm);font-weight:600;color:var(--color-primary)}.wiki-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--color-text-muted);text-align:center}.wiki-empty__icon{font-size:2.5rem}@media (max-width: 640px){.wiki-grid{grid-template-columns:1fr}.wiki-search{max-width:100%}.wiki-search__clear{right:.9rem}}.wiki-content{display:flex;flex-direction:column;gap:1.25rem;line-height:1.7}.wiki-text{color:var(--color-text);font-size:var(--fs-md);line-height:1.75;margin:0}.wiki-inline-code{background:var(--alpha-primary-10);border:1px solid var(--alpha-primary-15);border-radius:var(--radius-sm);color:var(--color-primary);font-family:Courier New,Courier,monospace;font-size:.88em;padding:.1em .45em}.wiki-h2{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--color-gold);margin:.5rem 0 0;padding-bottom:.4rem;border-bottom:1px solid var(--alpha-gold-15);line-height:var(--lh-tight);scroll-margin-top:5rem}.wiki-h3{font-size:var(--fs-lg);font-weight:600;color:var(--color-text);margin:.25rem 0 0;scroll-margin-top:5rem}.wiki-h4{font-size:var(--fs-md);font-weight:600;color:var(--color-text-muted);margin:0;scroll-margin-top:5rem}.wiki-screenshot{display:flex;align-items:flex-start;gap:.85rem;background:var(--alpha-white-04);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:1rem 1.25rem;color:var(--color-text-muted);position:relative}.wiki-screenshot:before{content:"SCREENSHOT";position:absolute;top:-.55rem;left:1rem;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.1em;padding:0 .4rem;border-radius:2px}.wiki-screenshot__icon{font-size:1.5rem;flex-shrink:0;opacity:.6;margin-top:.1rem}.wiki-screenshot__body{display:flex;flex-direction:column;gap:.25rem}.wiki-screenshot__label{font-size:var(--fs-base);font-weight:500;color:var(--color-text-muted);font-style:italic}.wiki-screenshot__hint{font-size:var(--fs-sm);color:var(--color-text-muted);opacity:.7}.wiki-image{margin:0;display:flex;flex-direction:column;gap:.5rem}.wiki-image--sm{max-width:280px;margin-left:auto;margin-right:auto}.wiki-image--md{max-width:560px;margin-left:auto;margin-right:auto}.wiki-image__img{width:100%;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:block;box-shadow:0 4px 24px #0006}.wiki-image__caption{font-size:var(--fs-sm);color:var(--color-text-muted);text-align:center;font-style:italic}.wiki-callout{display:flex;flex-direction:column;gap:.3rem;border-left:3px solid;border-radius:0 var(--radius-xl) var(--radius-xl) 0;padding:.9rem 1.1rem;font-size:var(--fs-base)}.wiki-callout--tip{background:var(--alpha-success-04);border-color:var(--color-success)}.wiki-callout--tip .wiki-callout__title{color:var(--color-success)}.wiki-callout--info{background:var(--alpha-primary-08);border-color:var(--color-primary)}.wiki-callout--info .wiki-callout__title{color:var(--color-primary)}.wiki-callout--warning{background:var(--alpha-warning-06);border-color:var(--color-warning)}.wiki-callout--warning .wiki-callout__title{color:var(--color-warning)}.wiki-callout--danger{background:var(--alpha-danger-12);border-color:var(--color-danger)}.wiki-callout--danger .wiki-callout__title{color:var(--color-danger)}.wiki-callout__title{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wiki-callout__text{margin:0;line-height:1.65;color:var(--color-text)}.wiki-steps{background:var(--alpha-white-02);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1rem 1.25rem 1rem .75rem}.wiki-steps__title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .75rem}.wiki-steps__list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.55rem}.wiki-steps__item{color:var(--color-text);font-size:var(--fs-base);line-height:1.6;padding-left:.35rem}.wiki-steps__item::marker{color:var(--color-primary);font-weight:600}.wiki-table-wrap{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.wiki-table{width:100%;border-collapse:collapse;font-size:var(--fs-base);text-align:left;display:table}.wiki-table thead{background:var(--alpha-white-04)}.wiki-table th{padding:.7rem 1rem;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.wiki-table td{padding:.65rem 1rem;color:var(--color-text);border-bottom:1px solid var(--alpha-white-04);vertical-align:middle}.wiki-table tbody tr:last-child td{border-bottom:none}.wiki-table tbody tr:hover{background:var(--alpha-white-02)}.wiki-list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.4rem}.wiki-list li{color:var(--color-text);font-size:var(--fs-base);line-height:1.65}.wiki-list li::marker{color:var(--color-primary)}.wiki-divider{border:none;border-top:1px solid var(--color-border);margin:.25rem 0}.wiki-infobox{background:var(--alpha-primary-06);border:1px solid var(--alpha-primary-15);border-radius:var(--radius-xl);overflow:hidden}.wiki-infobox__row{display:flex;gap:1rem;padding:.6rem 1.1rem;border-bottom:1px solid var(--alpha-white-04);font-size:var(--fs-base)}.wiki-infobox__row:last-child{border-bottom:none}.wiki-infobox__label{flex:0 0 auto;min-width:12rem;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center}.wiki-infobox__value{color:var(--color-text);flex:1}@media (max-width: 640px){.wiki-infobox__label{min-width:8rem;font-size:var(--fs-2xs)}.wiki-infobox__row{flex-direction:column;gap:.2rem}.wiki-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.wiki-table{display:block;min-width:420px}}.wiki-article-page{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:clamp(3rem,5vw,5rem)}.wiki-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:var(--fs-sm)}.wiki-breadcrumb__item{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.wiki-breadcrumb__item:hover{color:var(--color-primary)}.wiki-breadcrumb__item--current{color:var(--color-text);font-weight:500;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.wiki-breadcrumb__sep{color:var(--color-text-muted);opacity:.4}.wiki-article-header{display:flex;flex-direction:column;gap:.85rem;border-color:var(--alpha-gold-15);background:var(--gradient-brand-bg)}.wiki-article-header__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.wiki-article-cat{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .7rem;border-radius:var(--radius-pill)}.wiki-article-cat--getting-started{background:var(--alpha-success-10);color:var(--color-success);border:1px solid var(--alpha-success-20)}.wiki-article-cat--mechanics{background:var(--alpha-primary-10);color:var(--color-primary);border:1px solid var(--alpha-primary-15)}.wiki-article-cat--systems{background:var(--alpha-gold-08);color:var(--color-gold);border:1px solid var(--alpha-gold-20)}.wiki-article-cat--events{background:var(--alpha-warning-08);color:var(--color-warning);border:1px solid var(--alpha-warning-20)}.wiki-article-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wiki-article-meta__item{font-size:var(--fs-sm);color:var(--color-text-muted)}.wiki-article-meta__sep{opacity:.4}.wiki-article-header__body{display:flex;align-items:flex-start;gap:1rem}.wiki-article-header__icon{font-size:2.75rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.wiki-article-header__title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700;color:var(--color-gold);margin:0 0 .4rem;line-height:var(--lh-tight)}.wiki-article-header__desc{font-size:var(--fs-md);color:var(--color-text-muted);margin:0;line-height:1.55}.wiki-article-layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.wiki-toc{position:sticky;top:5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.wiki-toc__toggle{display:none}.wiki-toc__label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:.75rem 1rem .4rem;margin:0}.wiki-toc__list{display:flex;flex-direction:column;padding:0 0 .5rem}.wiki-toc__link{display:block;padding:.4rem 1rem;font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);line-height:1.4}.wiki-toc__link:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--alpha-primary-06)}.wiki-article-body{min-width:0}.wiki-article-footer{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.wiki-article-notfound{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 0;color:var(--color-text-muted);text-align:center}@media (max-width: 860px){.wiki-article-layout{grid-template-columns:1fr}.wiki-toc{position:static;order:-1}.wiki-toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.wiki-toc__toggle:hover{color:var(--color-text)}.wiki-toc__arrow{font-size:.75rem;opacity:.6}.wiki-toc__list{max-height:0;overflow:hidden;transition:max-height var(--transition-slow);padding:0}.wiki-toc__list--open{max-height:600px;padding:0 0 .5rem}.wiki-toc__label{display:none}}@media (max-width: 520px){.wiki-article-header__body{flex-direction:column;gap:.5rem}.wiki-article-header__icon{font-size:2rem}.wiki-article-header__title{font-size:var(--fs-xl)}.wiki-breadcrumb__item--current{max-width:140px}}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.qr-modal{background:var(--color-surface);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);padding:1.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem;animation:qrModalIn .2s ease-out;box-shadow:var(--shadow-glow-gold),0 20px 60px #0009}@keyframes qrModalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.qr-modal__header{display:flex;align-items:center;justify-content:space-between}.qr-modal__title{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--color-gold)}.qr-modal__title-icon{color:var(--color-gold)}.qr-modal__close{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);width:28px;height:28px;cursor:pointer;transition:all .15s}.qr-modal__close:hover{color:var(--color-text);border-color:var(--color-border);background:var(--alpha-white-04)}.qr-modal__build-name{font-size:var(--fs-sm);color:var(--color-primary);margin:0;text-align:center;font-weight:600}.qr-modal__canvas-wrap{display:flex;justify-content:center;border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--alpha-gold-20);background:#131a2b;padding:8px}.qr-modal__canvas-wrap canvas{display:block;max-width:100%;border-radius:var(--radius-md)}.qr-modal__hint{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:center;margin:0;line-height:1.5}.qr-modal__url-row{display:flex;align-items:center;gap:.5rem;background:var(--alpha-white-04);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.4rem .7rem}.qr-modal__url{flex:1;font-size:.7rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.qr-modal__copy-btn{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:600;padding:.25rem .65rem;height:26px;border-radius:var(--radius-md);border:1px solid var(--alpha-primary-20);background:var(--alpha-primary-08);color:var(--color-primary);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.qr-modal__copy-btn:hover{background:var(--alpha-primary-10);border-color:var(--color-primary)}.qr-modal__footer{display:flex;gap:.5rem}.qr-modal__close-btn{flex:1;justify-content:center;background:var(--alpha-white-04);border-color:var(--color-border);color:var(--color-text-muted)}.qr-modal__close-btn:hover{background:var(--alpha-white-10);color:var(--color-text)}.qr-modal__dl-btn{flex:2;justify-content:center;display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#2b2008,#1e1836)!important;border:1.5px solid rgba(240,210,100,.45)!important;color:var(--color-gold)!important;font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.04em;position:relative;overflow:hidden;transition:border-color .15s,filter .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 10px #f0d26414}.qr-modal__dl-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,210,100,.1),transparent);transition:left .5s ease}.qr-modal__dl-btn:hover:not(:disabled):before{left:100%}.qr-modal__dl-btn:hover:not(:disabled){border-color:#f0d264cc!important;filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 16px #f0d2642e!important}.qr-modal__dl-btn:disabled{opacity:.4;cursor:not-allowed}.calc-page{padding:var(--space-xl) 0 3rem;min-height:80vh;display:flex;flex-direction:column;gap:.55rem}.calc-shortcuts__header{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-primary);opacity:.6;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.calc-class-row{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(78,154,245,.06) 0%,var(--color-surface) 65%);border:1px solid var(--color-border);border-top:2px solid rgba(78,154,245,.45);border-radius:var(--radius-2xl);margin:0;width:100%;box-sizing:border-box;box-shadow:0 4px 20px #00000040}.calc-class-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .12s;color:var(--color-text-muted);position:relative;overflow:hidden}.calc-class-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity .2s}.calc-class-btn:hover{border-color:#4e9af58c;background:linear-gradient(160deg,#4e9af51a,#4e9af50a);color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 14px #00000059,0 0 10px #4e9af51a}.calc-class-btn--active{border-color:#4e9af5b3;background:linear-gradient(160deg,#4e9af524,#4e9af50d);color:var(--color-primary);box-shadow:0 0 20px #4e9af533,0 2px 8px #0006}.calc-class-btn--active:after{opacity:1;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.calc-class-icon{width:44px;height:44px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0}.calc-class-label{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;white-space:nowrap}.calc-placeholder{text-align:center;padding:3.5rem 1.5rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);border-style:dashed}.calc-placeholder__icon{font-size:52px;margin-bottom:1rem;opacity:.4;display:block}.calc-placeholder p{margin:0 0 .35rem;font-size:var(--fs-base);color:var(--color-text-muted)}.calc-placeholder__hint{font-size:var(--fs-sm);max-width:440px;margin:.6rem auto 0;line-height:1.65;opacity:.6}.calc-load-build{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);flex-wrap:wrap}.calc-load-build__label{font-size:var(--fs-sm);color:var(--color-text-muted);white-space:nowrap;display:none}.calc-load-build__select{flex:1;min-width:180px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);padding:.45rem .75rem;font-size:var(--fs-sm);cursor:pointer;transition:border-color .15s;outline:none}.calc-load-build__select:hover,.calc-load-build__select:focus{border-color:#4e9af580}.calc-load-build__btn{background:#4e9af514;color:var(--color-primary);border:1px solid rgba(78,154,245,.35);border-radius:var(--radius-lg);padding:.45rem 1.2rem;font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.calc-load-build__btn:hover:not(:disabled){background:#4e9af529;border-color:#4e9af599;box-shadow:0 0 12px #4e9af526}.calc-load-build__btn:disabled{opacity:.4;cursor:not-allowed}.calc-load-build__error{font-size:var(--fs-sm);color:var(--color-error);width:100%}.build-slot-tabs{display:flex;align-items:center;gap:.35rem;margin-left:auto}.build-slot-tabs__label{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.build-slot-tab{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text-muted);font-size:17px;cursor:pointer;transition:all .15s;font-family:Georgia,serif;padding:0;line-height:1}.build-slot-tab:hover{border-color:#4e9af580;color:var(--color-text)}.build-slot-tab--active{border-color:#4e9af5a6;background:#4e9af51a;color:var(--color-primary);box-shadow:0 0 10px #4e9af533}.build-actions{display:flex;gap:.4rem;margin-left:.5rem}.build-action-btn{padding:.35rem .75rem;border-radius:var(--radius-lg);border:1px solid;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;line-height:1.4}.build-action-btn--reset{border-color:#f8717180;color:var(--color-error);background:#f871710f}.build-action-btn--reset:hover{background:#f8717124;box-shadow:0 0 10px #f8717126}.build-action-btn--apply{border-color:#4e9af573;color:var(--color-primary);background:#4e9af50f}.build-action-btn--apply:hover{background:#4e9af524;box-shadow:0 0 10px #4e9af52e}.build-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.65rem 1rem;background:#f871710f;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-xl);animation:calcConfirmIn .2s ease}@keyframes calcConfirmIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.build-confirm__warning{font-size:11px;font-weight:700;color:var(--color-error);white-space:nowrap}.build-confirm__text{font-size:12px;color:var(--color-text);flex:1}.build-confirm__btns{display:flex;gap:.4rem;flex-shrink:0}.build-confirm__btn{padding:.35rem .85rem;border-radius:var(--radius-lg);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s,box-shadow .15s;border:1px solid}.build-confirm__btn--ok{background:var(--color-error);border-color:var(--color-error);color:#fff}.build-confirm__btn--ok:hover{opacity:.82}.build-confirm__btn--cancel{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.build-confirm__btn--cancel:hover{border-color:var(--color-text-muted)}.build-write-loading{font-size:11px;color:var(--color-text-muted);margin-left:.5rem}.build-write-result{font-size:11px;margin-left:.5rem;font-weight:500}.build-write-result--success{color:var(--color-success)}.build-write-result--error{color:var(--color-error)}.calc-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem;color:var(--color-text-muted)}.calc-loading__spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:calcSpin .7s linear infinite}@keyframes calcSpin{to{transform:rotate(360deg)}}.calc-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:.65rem 1rem}.calc-controls__row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.calc-controls__left{display:flex;align-items:center;gap:.6rem}.calc-controls__label{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.calc-level-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);padding:.4rem .6rem;font-size:var(--fs-sm);font-weight:600;cursor:pointer;outline:none;transition:border-color .15s;min-width:56px}.calc-level-select:focus,.calc-level-select:hover{border-color:var(--color-primary)}.calc-controls__right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.calc-unlocks{background:var(--gradient-brand-bg);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);padding:.65rem 1rem;display:flex;flex-direction:column;gap:0;animation:buildsPanelIn .15s ease-out;transition:gap .18s}.calc-unlocks--expanded{gap:.65rem}.calc-unlocks__header{display:flex;align-items:center;gap:.45rem;padding:2px 0}.calc-unlocks__icon{color:var(--color-gold);flex-shrink:0}.calc-unlocks__title{font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold)}.calc-unlocks__summary{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:4px}.calc-unlocks__sum-skill{font-size:var(--fs-2xs);font-weight:700;color:var(--color-primary);background:var(--alpha-primary-10);border:1px solid var(--alpha-primary-20);border-radius:var(--radius-pill);padding:1px 7px}.calc-unlocks__sum-ruby{font-size:var(--fs-2xs);font-weight:700;color:#c084fc;background:#c084fc14;border:1px solid rgba(192,132,252,.2);border-radius:var(--radius-pill);padding:1px 7px}.calc-unlocks__sum-empty{font-size:var(--fs-2xs);color:var(--color-text-muted);opacity:.5}.calc-unlocks__chevron{color:var(--color-text-muted);opacity:.65;transition:transform var(--transition-base),opacity var(--transition-fast)}.calc-unlocks__chevron--down{transform:rotate(180deg)}.calc-unlocks__body{display:flex;flex-direction:column;gap:.5rem}.calc-unlocks__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.calc-unlocks__row-label{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap;min-width:82px}.calc-unlocks__items{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.calc-unlock-btn{position:relative;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--alpha-white-04);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:0;opacity:.4;transition:opacity .12s,border-color .12s,background .12s,transform .1s;overflow:visible}.calc-unlock-btn:hover{opacity:.8;border-color:var(--color-text-muted);z-index:10;transform:translateY(-1px)}.calc-unlock-btn--active{opacity:1;border-color:var(--color-gold);background:var(--alpha-gold-10);box-shadow:0 0 10px var(--alpha-gold-25),inset 0 1px #ffffff0f}.calc-unlock-btn--active:hover{opacity:1}.calc-unlock-btn--special{border-color:var(--alpha-primary-20)}.calc-unlock-btn--special.calc-unlock-btn--active{border-color:var(--color-gold)}.calc-unlock-btn__icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;pointer-events:none;display:block}.calc-unlock-btn__badge{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;color:var(--color-gold);background:var(--alpha-black-60);border-radius:2px;padding:0 2px;white-space:nowrap;line-height:1.6;pointer-events:none;display:none}.calc-unlock-btn--active .calc-unlock-btn__badge,.calc-unlock-btn:hover .calc-unlock-btn__badge{display:block}.calc-unlock-btn__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:9999;background:var(--color-surface);border:1px solid var(--alpha-gold-30);border-radius:var(--radius-md);padding:6px 10px;min-width:160px;max-width:240px;pointer-events:none;display:flex;flex-direction:column;gap:3px;box-shadow:0 8px 24px var(--alpha-black-60)}.calc-unlock-btn__tooltip strong{font-size:12px;color:var(--color-gold);font-weight:700;white-space:nowrap}.calc-unlock-btn__tooltip span{font-size:11px;color:var(--color-text-muted);line-height:1.45}.calc-unlocks__toggle-all{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-2xs);font-weight:600;color:var(--color-text-muted);background:var(--alpha-white-04);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:3px 9px;height:28px;white-space:nowrap;align-self:center;transition:color var(--transition-fast),border-color var(--transition-fast)}.calc-unlocks__toggle-all:hover{color:var(--color-text);border-color:var(--color-text-muted)}.calc-btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.03em;padding:.35rem .9rem;border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.calc-btn--secondary:hover{border-color:#f871718c;color:var(--color-error);background:#f871710f}.calc-btn--share{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#2b2008,#1e1836);border:1.5px solid rgba(240,210,100,.45);color:var(--color-gold);font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:.48rem 1.3rem;border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,filter .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 12px #f0d2641a;position:relative;overflow:hidden}.calc-btn--share:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,210,100,.1),transparent);transition:left .5s ease}.calc-btn--share:hover:before{left:100%}.calc-btn--share:hover{border-color:#f0d264cc;filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 18px #f0d26438}.calc-btn--copied{border-color:var(--color-success)!important;color:var(--color-success)!important;background:var(--alpha-success-10)!important}.calc-totals{display:flex;align-items:center;gap:.85rem;padding:8px 14px;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-2xl);flex-wrap:wrap}.calc-totals__divider{width:1px;height:20px;background:var(--color-border);flex-shrink:0}.calc-totals__item{display:flex;align-items:center;gap:5px;font-size:var(--fs-sm)}.calc-totals__item--branch{gap:4px}.calc-totals__icon{font-size:14px;color:var(--color-primary);opacity:.75;flex-shrink:0}.calc-totals__label{font-family:var(--font-heading);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;font-size:9.5px;letter-spacing:.09em}.calc-totals__nums{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.calc-totals__used{font-size:var(--fs-base);font-weight:700;color:var(--color-text)}.calc-totals__item--full .calc-totals__used{color:var(--color-gold);text-shadow:0 0 12px rgba(240,210,100,.4)}.calc-totals__item--over .calc-totals__used{color:var(--color-error)}.calc-totals__sep{color:var(--color-text-muted);font-size:12px}.calc-totals__avail{font-size:12px;color:var(--color-text-muted)}.calc-totals__warn{font-size:10px;font-weight:700;color:var(--color-error);text-transform:uppercase;letter-spacing:.05em;background:var(--alpha-error-10);border:1px solid var(--alpha-error-30);border-radius:3px;padding:1px 4px;animation:calcWarnPulse 1.2s ease-in-out infinite alternate}@keyframes calcWarnPulse{0%{opacity:.7}to{opacity:1}}.calc-totals__branch-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.calc-grid-area{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.calc-panel{flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.calc-rubies-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.calc-rubies-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.calc-panel--ruby{flex:1 1 0;min-width:231px;background:var(--color-surface)}.calc-panel--skills{background:linear-gradient(160deg,#141b2e,#0c1018)}.calc-panel__header{display:flex;align-items:flex-start;gap:.6rem;padding:10px 14px 9px;background:linear-gradient(180deg,#00000073,#00000040);border-bottom:1px solid var(--color-border);position:relative}.calc-panel__header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);opacity:.65}.calc-panel__header--ruby{border-bottom-color:var(--color-border);background:linear-gradient(180deg,#0a0e1a8c,#00000040)}.calc-panel__header--ruby:before{background:var(--color-primary);opacity:.6}.calc-panel__header-icon{width:40px;height:40px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;opacity:.92;align-self:center}.calc-panel__header-icon--ruby{border-radius:var(--radius-sm);filter:drop-shadow(0 0 5px var(--branch-color, #4e9af5))}.calc-panel__titles{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.calc-panel__class-name{font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-panel__point-count{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.calc-panel__total{color:var(--color-text-muted);opacity:.6;font-size:10px}.calc-panel__name{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);flex:1}.calc-panel--ruby .calc-panel__name{color:var(--branch-color, var(--color-text-muted))}.calc-panel__count{font-size:11px;font-weight:600;color:var(--branch-color, var(--color-text-muted));opacity:.85;white-space:nowrap}.calc-panel__clear-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;opacity:.4;padding:2px 4px;border-radius:3px;transition:opacity .15s,color .15s;line-height:1;flex-shrink:0;margin-top:2px}.calc-panel__clear-btn:hover{opacity:1;color:var(--color-error)}.calc-grid--skills{position:relative;display:grid;grid-template-columns:repeat(4,40px);grid-template-rows:repeat(6,40px) 8px repeat(3,40px);column-gap:16px;row-gap:8px;padding:12px;width:fit-content;margin:0 auto}.calc-skill-connectors{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.calc-skill-connectors path.pline{stroke:#ffffff21;transition:stroke .2s ease}.calc-skill-connectors path.pline--parent{stroke:color-mix(in srgb,var(--color-gold) 55%,transparent)}.calc-skill-connectors path.pline--both{stroke:var(--color-gold)}.calc-skill-sep{grid-column:1 / -1;align-self:center;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 15%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.12) 85%,transparent 100%);border-radius:2px;pointer-events:none}.calc-grid--rubies{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(9,35.44px);gap:0;padding:12px;width:100%;box-sizing:border-box;background-color:#0a0d14;border-radius:3px;touch-action:none}.calc-cell--ruby:nth-child(odd){background-color:#252822}.calc-cell--ruby:nth-child(2n){background-color:#3f3d37}.calc-cell{position:relative;display:flex;align-items:center;justify-content:center}.calc-cell--skill{width:40px;height:40px}.calc-cell--ruby{width:100%;height:35.44px;border-radius:4px}.calc-cell--empty{pointer-events:none}.calc-cell--ruby.calc-cell--path.calc-cell--active{background-image:url(/calculadora/themes/empty_cell_active.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a1a1a;filter:none!important}.calc-cell--can{cursor:pointer}.calc-cell--locked{cursor:not-allowed}.calc-cell--ruby .calc-cell__icon{border-radius:3px}.calc-cell--ruby.calc-cell--can:not(.calc-cell--link):not(.calc-cell--linked):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-ruby-accessible);border-radius:4px;pointer-events:none;z-index:2}.calc-cell--link:after,.calc-cell--linked:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--cell-border, #4e9af5);border-radius:3px;pointer-events:none;z-index:3;box-shadow:0 0 5px var(--cell-glow, rgba(78, 154, 245, .4))}.calc-cell--link,.calc-cell--linked{opacity:1!important;z-index:1}.calc-cell__icon{image-rendering:pixelated;flex-shrink:0;filter:grayscale(1) brightness(.75);transition:filter .18s ease}.calc-cell--unlocked .calc-cell__icon{filter:none}.calc-cell--ruby.calc-cell--unlocked:not(.calc-cell--active) .calc-cell__icon{filter:grayscale(.65) brightness(.6)}.calc-cell--active .calc-cell__icon{filter:none}.calc-cell--can:hover .calc-cell__icon{filter:brightness(1.05)}.calc-cell--locked .calc-cell__icon{filter:grayscale(1) brightness(.75)}.calc-cell__lvl{position:absolute;bottom:-3px;right:-3px;min-width:14px;height:14px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;line-height:14px;text-align:center;border-radius:3px;padding:0 2px;z-index:2;box-shadow:0 1px 3px #00000080}.calc-cell--ruby .calc-cell__lvl{background:var(--branch-color, var(--color-primary));min-width:12px;height:12px;font-size:9px;line-height:12px;bottom:-2px;right:-2px}.calc-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.calc-legend__item{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);color:var(--color-text-muted)}.calc-legend__dot{width:12px;height:12px;border-radius:2px;border:2px solid currentColor;flex-shrink:0;box-shadow:0 0 5px currentColor}.calc-legend__dot--click{background:var(--alpha-white-15);border-color:#fff6;box-shadow:none}.calc-shortcuts{padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid rgba(78,154,245,.3);border-radius:var(--radius-xl)}.calc-shortcuts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.calc-shortcuts__item{font-size:12px;color:var(--color-text-muted);line-height:1.55}.calc-shortcuts__item kbd{display:inline-block;font-size:11px;font-weight:700;font-family:inherit;color:var(--color-text);background:linear-gradient(180deg,#4e9af51f,#4e9af50f);border:1px solid rgba(78,154,245,.35);border-bottom:2px solid rgba(78,154,245,.42);border-radius:4px;padding:1px 6px;line-height:1.4;box-shadow:0 1px 3px #0006}.calc-tooltip{position:absolute;z-index:9999;width:260px;background:#0a0e1ab8;border:1px solid rgba(78,154,245,.22);border-radius:var(--radius-md);padding:10px 12px;pointer-events:none;box-shadow:0 8px 24px #00000080,0 2px 6px #0000004d;font-size:var(--fs-sm);line-height:1.5;color:var(--color-text);max-height:calc(100vh - 24px);overflow:hidden}.calc-tooltip:before{content:"";position:absolute;top:10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.calc-tooltip--right:before{left:-6px;border-right:6px solid var(--color-border)}.calc-tooltip--left:before{right:-6px;border-left:6px solid var(--color-border)}.calc-tt__name{font-size:var(--fs-base);font-weight:700;color:var(--color-gold);margin-bottom:6px;line-height:1.3}.calc-tt__stats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.calc-tt__stat{font-size:11px;background:var(--alpha-white-05);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;color:var(--color-text-muted);white-space:nowrap}.calc-tt__stat--element{color:var(--color-primary);border-color:var(--alpha-primary-20);background:var(--alpha-primary-08)}.calc-tt__desc{font-size:12px;color:var(--color-text);opacity:.9;margin-bottom:8px;line-height:1.55}.calc-tt__desc b,.calc-tt__desc strong{color:var(--color-gold)}.calc-tt__level{font-size:11px;color:var(--color-text-muted);opacity:.7;margin-top:4px}.calc-tt__cost{font-size:12px;font-weight:600;color:var(--color-gold);margin-bottom:4px}.calc-tt__val,.calc-tt__val-max{color:#4ade80;font-weight:700}.calc-tt__empty{font-size:12px;color:var(--color-text-muted);opacity:.6}.calc-tt__links-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);opacity:.7;margin-top:6px;margin-bottom:3px}.calc-tt__links{display:flex;flex-wrap:wrap;gap:3px}.calc-tt__link-tag{font-size:10px;padding:1px 5px;background:var(--alpha-primary-08);border:1px solid var(--alpha-primary-20);border-radius:3px;color:var(--color-primary);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.calc-tt__conn-row{display:flex;align-items:center;gap:5px;margin:2px 0;min-width:0}.calc-tt__conn-icon{background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;border-radius:3px;overflow:hidden;opacity:.95}.calc-tt__conn-name{font-size:12px;color:#9ac7f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.calc-tt__skill-ref{color:#d4a843;font-weight:600}.calc-panel--ruby .calc-cell__lvl{background:var(--branch-color, var(--color-primary))}@media (max-width: 700px){.calc-class-row{gap:4px;padding:.75rem}.calc-class-btn{padding:6px 8px 4px}.calc-class-icon{width:36px;height:36px;overflow:hidden}.calc-class-label{font-size:10px}.calc-controls__row{flex-direction:column;align-items:stretch;gap:.5rem}.calc-controls__right{justify-content:flex-end;margin-left:0}.calc-scrolls{justify-content:flex-start}.calc-unlocks{width:100%}.calc-unlocks__row{flex-wrap:wrap}.calc-totals{gap:.5rem}.calc-legend{flex-direction:column;gap:.5rem}.calc-grid-area{flex-direction:column;align-items:center;padding-bottom:0}.calc-rubies-col{width:100%;align-items:center}.calc-rubies-row{flex-direction:column;align-items:center;width:100%}.calc-panel{width:100%;max-width:310px;flex:none;align-self:center}.calc-panel--ruby{flex:none;min-width:unset;max-width:295px}.calc-grid--skills,.calc-grid--rubies{margin:0 auto}}@media (hover: none){.calc-tooltip{display:none!important}}.calc-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9990;animation:calcBackdropIn .2s ease}@keyframes calcBackdropIn{0%{opacity:0}to{opacity:1}}.calc-sheet{position:fixed;bottom:0;left:0;right:0;z-index:9995;background:#0d121ef7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(78,154,245,.25);border-bottom:none;border-radius:16px 16px 0 0;padding:0 0 env(safe-area-inset-bottom,0);max-height:72vh;display:flex;flex-direction:column;animation:calcSheetIn .25s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #0009}@keyframes calcSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.calc-sheet__handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 0;flex-shrink:0}.calc-sheet__close{position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff14;color:var(--color-text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .15s}.calc-sheet__close:hover{background:#ffffff26}.calc-sheet__content{overflow-y:auto;padding:16px 20px 4px;flex:1;position:static!important;pointer-events:auto!important;width:auto!important;box-shadow:none!important;background:transparent!important;border:none!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-height:none!important;overflow:visible!important}.calc-sheet__hint{flex-shrink:0;padding:10px 20px 16px;font-size:11px;color:var(--color-text-muted);text-align:center;opacity:.75;border-top:1px solid var(--color-border);margin-top:4px}.calc-btn--bonus{display:inline-flex;align-items:center;gap:.35rem;background:#4e9af512;border:1px solid rgba(78,154,245,.28);color:var(--color-primary);font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.04em;border-radius:var(--radius-md);padding:.35rem .9rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.calc-btn--bonus:hover,.calc-btn--bonus--active{background:#4e9af529;border-color:#4e9af599;transform:translateY(-1px)}.calc-btn--builds{display:inline-flex;align-items:center;gap:.35rem;background:#4e9af512;border:1px solid rgba(78,154,245,.28);color:var(--color-primary);font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.04em;border-radius:var(--radius-md);padding:.35rem .9rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.calc-btn--builds:hover,.calc-btn--builds--active{background:#4e9af529;border-color:#4e9af599;transform:translateY(-1px)}.calc-btn__chevron{transition:transform .2s}.calc-btn__chevron--down{transform:rotate(180deg)}.calc-builds-panel{background:var(--color-surface);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.7rem;animation:buildsPanelIn .15s ease-out}@keyframes buildsPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calc-builds-panel__header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.calc-builds-panel__icon{color:var(--color-gold);flex-shrink:0}.calc-builds-panel__title{font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.04em;color:var(--color-gold)}.calc-builds-panel__msg{font-size:var(--fs-xs);color:var(--color-success);background:#34d39914;border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-md);padding:2px 8px;margin-left:auto}.calc-builds-panel__loading{font-size:var(--fs-sm);color:var(--color-text-muted);padding:.4rem 0}.calc-builds-panel__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.calc-bslot{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#ffffff05;min-height:82px;justify-content:space-between;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden}.calc-bslot--filled{background:#4e9af50a;border-color:#4e9af538}.calc-bslot--filled:hover{border-color:#4e9af580;background:#4e9af514;box-shadow:0 3px 12px #4e9af51a;transform:translateY(-1px)}.calc-bslot--empty{border-style:dashed;border-color:#ffffff14;background:transparent;opacity:.65;justify-content:center;gap:.5rem}.calc-bslot--empty:hover{opacity:1;border-color:#4e9af54d}.calc-bslot--saving{border-color:#4e9af566;background:#4e9af50f;border-style:solid;opacity:1}.calc-bslot__num{font-family:var(--font-heading);font-size:var(--fs-2xs);font-weight:700;color:var(--color-text-muted);opacity:.55;letter-spacing:.06em}.calc-bslot__head{min-width:0}.calc-bslot__name{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:700;letter-spacing:.03em;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.calc-bslot__stats{font-size:var(--fs-2xs);color:var(--color-text-muted);opacity:.75}.calc-bslot__empty-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:center}.calc-bslot__add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;height:26px;padding:0 .6rem;border:1px solid rgba(78,154,245,.22);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);cursor:pointer;width:100%;transition:border-color var(--transition-fast),background var(--transition-fast)}.calc-bslot__add-btn:hover{border-color:#4e9af58c;background:#4e9af514}.calc-bslot__actions{display:flex;align-items:center;gap:.2rem}.calc-bslot__btn{display:inline-flex;align-items:center;gap:.2rem;height:24px;padding:0 .45rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--alpha-white-04);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.68rem;font-weight:500;line-height:1}.calc-bslot__btn:hover{background:var(--alpha-white-10);color:var(--color-text)}.calc-bslot__btn--load{flex:1;justify-content:center}.calc-bslot__btn--load:hover{border-color:var(--alpha-primary-20);color:var(--color-primary);background:var(--alpha-primary-08)}.calc-bslot__btn--confirm{border-color:#34d39940;color:var(--color-success);background:var(--alpha-success-04)}.calc-bslot__btn--confirm:hover{background:var(--alpha-success-15);border-color:var(--color-success)}.calc-bslot__btn--del:hover{border-color:var(--alpha-error-30);color:var(--color-error);background:var(--alpha-error-05)}.calc-bslot__save-form{display:flex;align-items:center;gap:.25rem}.calc-bslot__name-input{flex:1;min-width:0;height:26px;padding:0 .5rem;font-size:var(--fs-xs);background:#ffffff12;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text);outline:none;box-shadow:0 0 0 2px var(--alpha-primary-10)}.calc-bslot__name-input::placeholder{color:var(--color-text-muted);opacity:.7}.bi-page{padding:var(--space-xl) 0 3rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;animation:biFadeIn .2s ease-out}@keyframes biFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bi-loading{text-align:center;color:var(--color-text-muted);font-size:.9rem;padding:2rem}.bi-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.bi-error__icon{font-size:2.5rem}.bi-error__msg{color:var(--color-error);font-size:.95rem;margin:0}.bi-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center}.bi-success__icon{font-size:3rem;line-height:1}.bi-success__title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin:0}.bi-success__msg{font-size:.9rem;color:var(--color-text-muted);margin:0}.bi-success__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.bi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.75rem;width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.1rem}.bi-card__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.bi-card__badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:#4e9af51a;border:1px solid rgba(78,154,245,.3);border-radius:var(--radius-pill);padding:2px 10px}.bi-card__title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin:0}.bi-card__subtitle{font-size:.8rem;color:var(--color-text-muted);margin:0}.bi-card__stats{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.bi-card__stat{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.55rem 1rem;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.bi-card__stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.bi-card__stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.bi-card__preview-btn{display:block;width:100%;padding:.5rem;font-size:.85rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.bi-card__preview-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#4e9af50f}.bi-divider{border:none;border-top:1px solid var(--color-border);margin:0}.bi-auth-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.bi-auth-prompt__msg{font-size:.85rem;color:var(--color-text-muted);margin:0}.bi-import-free{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.bi-import-free__msg{font-size:.85rem;color:var(--color-text-muted);margin:0}.bi-import-btn{width:100%;max-width:240px}.bi-slots-full{display:flex;flex-direction:column;gap:.75rem;align-items:center}.bi-slots-full__msg{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin:0}.bi-slot-picker{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.bi-slot-btn{padding:.35rem .7rem;font-size:.8rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.bi-slot-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.bi-slot-btn--selected{border-color:var(--color-primary);background:#4e9af526;color:var(--color-primary);font-weight:600}:root{--color-bg: #0a0e17;--color-surface: #131a2b;--color-primary: #4e9af5;--color-primary-hover: #3a84e0;--color-text: #e0e6f0;--color-text-muted: #8892a4;--color-border: #1e2a40;--color-white: #fff;--color-black: #000;--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--color-gold: #f0d264;--color-danger: #ef4444;--color-stat-phys: #ef4444;--color-stat-mag: #818cf8;--color-stat-gen: #a78bfa;--color-stat-info: #60a5fa;--color-draconic: #4caf50;--color-draconic-light: #66bb6a;--color-draconic-stat: #fdd835;--color-ability-green: #a5d6a7;--alpha-black-15: rgba(0, 0, 0, .15);--alpha-black-20: rgba(0, 0, 0, .2);--alpha-black-25: rgba(0, 0, 0, .25);--alpha-black-30: rgba(0, 0, 0, .3);--alpha-black-60: rgba(0, 0, 0, .6);--alpha-white-02: rgba(255, 255, 255, .02);--alpha-white-04: rgba(255, 255, 255, .04);--alpha-white-05: rgba(255, 255, 255, .05);--alpha-white-10: rgba(255, 255, 255, .1);--alpha-white-12: rgba(255, 255, 255, .12);--alpha-white-15: rgba(255, 255, 255, .15);--alpha-primary-06: rgba(78, 154, 245, .06);--alpha-primary-08: rgba(78, 154, 245, .08);--alpha-primary-10: rgba(78, 154, 245, .1);--alpha-primary-12: rgba(78, 154, 245, .12);--alpha-primary-15: rgba(78, 154, 245, .15);--alpha-primary-20: rgba(78, 154, 245, .2);--alpha-success-04: rgba(52, 211, 153, .04);--alpha-success-10: rgba(52, 211, 153, .1);--alpha-success-12: rgba(52, 211, 153, .12);--alpha-success-15: rgba(52, 211, 153, .15);--alpha-success-20: rgba(52, 211, 153, .2);--alpha-success-30: rgba(52, 211, 153, .3);--alpha-success-35: rgba(52, 211, 153, .35);--alpha-success-40: rgba(52, 211, 153, .4);--alpha-success-60: rgba(52, 211, 153, .6);--alpha-error-05: rgba(248, 113, 113, .05);--alpha-error-10: rgba(248, 113, 113, .1);--alpha-error-15: rgba(248, 113, 113, .15);--alpha-error-30: rgba(248, 113, 113, .3);--alpha-error-50: rgba(248, 113, 113, .5);--alpha-danger-12: rgba(239, 68, 68, .12);--alpha-danger-15: rgba(239, 68, 68, .15);--alpha-danger-30: rgba(239, 68, 68, .3);--alpha-danger-35: rgba(239, 68, 68, .35);--alpha-danger-70: rgba(239, 68, 68, .7);--alpha-warning-04: rgba(251, 191, 36, .04);--alpha-warning-06: rgba(251, 191, 36, .06);--alpha-warning-08: rgba(251, 191, 36, .08);--alpha-warning-15: rgba(251, 191, 36, .15);--alpha-warning-20: rgba(251, 191, 36, .2);--alpha-warning-25: rgba(251, 191, 36, .25);--alpha-warning-30: rgba(251, 191, 36, .3);--alpha-warning-35: rgba(251, 191, 36, .35);--alpha-warning-40: rgba(251, 191, 36, .4);--alpha-warning-50: rgba(251, 191, 36, .5);--alpha-gold-04: rgba(240, 210, 100, .04);--alpha-gold-06: rgba(240, 210, 100, .06);--alpha-gold-08: rgba(240, 210, 100, .08);--alpha-gold-10: rgba(240, 210, 100, .1);--alpha-gold-15: rgba(240, 210, 100, .15);--alpha-gold-20: rgba(240, 210, 100, .2);--alpha-gold-25: rgba(240, 210, 100, .25);--alpha-gold-30: rgba(240, 210, 100, .3);--alpha-gold-45: rgba(240, 210, 100, .45);--gradient-brand-bg: linear-gradient( 135deg, rgba(240, 210, 100, .06) 0%, rgba(78, 154, 245, .06) 100% );--gradient-btn-primary: linear-gradient(135deg, #f0d264 0%, #4e9af5 100%);--color-border-gold: rgba(240, 210, 100, .2);--shadow-glow-gold: 0 4px 20px rgba(240, 210, 100, .25);--shadow-glow-gold-lg: 0 6px 28px rgba(240, 210, 100, .4);--alpha-draconic-06: rgba(76, 175, 80, .06);--alpha-draconic-08: rgba(76, 175, 80, .08);--alpha-draconic-15: rgba(76, 175, 80, .15);--alpha-draconic-25: rgba(76, 175, 80, .25);--alpha-indigo-12: rgba(99, 102, 241, .12);--alpha-indigo-35: rgba(99, 102, 241, .35);--alpha-stat-info-40: rgba(96, 165, 250, .4);--alpha-stat-gen-40: rgba(167, 139, 250, .4);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Cinzel", "Georgia", serif;--fs-2xs: .65rem;--fs-xs: .7rem;--fs-sm: .8rem;--fs-base: .9rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.4rem;--fs-2xl: 1.75rem;--fs-3xl: 2rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-base: 1.5;--ls-tight: -.01em;--ls-base: .01em;--ls-wide: .04em;--page-max-width: 1200px;--page-padding-y: clamp(2rem, 4vw, 3.5rem);--section-gap: clamp(1.75rem, 3vw, 2.5rem);--hero-padding: clamp(1.5rem, 2.5vw, 2.25rem);--card-padding: clamp(1.25rem, 2.5vw, 1.75rem);--grid-gap: clamp(1rem, 2vw, 1.5rem);--space-2xs: .15rem;--space-xs: .25rem;--space-sm: .35rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.25rem;--space-3xl: 1.5rem;--space-4xl: 2rem;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-pill: 999px;--radius-circle: 50%;--shadow-card: 0 4px 20px var(--alpha-primary-15);--shadow-dropdown: 0 8px 24px var(--alpha-black-30);--shadow-sticky: 0 -4px 20px var(--alpha-black-30);--shadow-glow-success: 0 0 4px var(--alpha-success-20);--shadow-glow-error: 0 0 4px var(--alpha-error-30);--shadow-glow-warning: 0 0 4px var(--alpha-warning-35);--shadow-glow-danger: 0 0 4px var(--alpha-danger-30);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--icon-bg: var(--alpha-black-30);--icon-border: var(--alpha-white-12);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}body,html,.layout,.header,.main-content,.container,nav,footer,.modal,[role=dialog],a,button,span,label{max-width:revert}img,video{max-width:100%;height:auto;display:block}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}p,li,td,th,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-break:break-word}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:var(--ls-base);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}h1{font-size:var(--fs-2xl);font-weight:700}h2{font-size:var(--fs-xl);font-weight:600}h3{font-size:var(--fs-lg);font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;border:none;font-family:inherit}.container{width:100%;max-width:var(--page-max-width);margin:0 auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-3xl);border-radius:var(--radius-xl);font-weight:var(--fw-semibold);font-size:.95rem;transition:background-color var(--transition-base),transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:#4e9af514;color:var(--color-primary);border:1px solid rgba(78,154,245,.45);box-shadow:none}.btn-primary:hover{background:#4e9af52e;border-color:var(--color-primary);color:#d8eaff;box-shadow:0 0 14px #4e9af540;transform:translateY(-1px)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--card-padding)}input[type=text],input[type=password],input[type=email]{width:100%;padding:var(--space-lg) var(--space-xl);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:var(--fs-md);outline:none;transition:border-color var(--transition-base)}input:focus{border-color:var(--color-gold)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.error-text{color:var(--color-error);font-size:.875rem;margin-top:.25rem}@media (max-width: 1024px){.card{padding:clamp(1rem,2.5vw,1.5rem);border-radius:var(--radius-xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}}@media (max-width: 600px){.card{padding:1rem;border-radius:var(--radius-lg)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}.btn{padding:var(--space-md) var(--space-xl);font-size:.875rem}.page-hero{padding:1.25rem 1rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius-xl)}.page-title{font-size:var(--fs-xl)}.page-subtitle{font-size:.875rem}.auth-page{margin:1rem auto;padding:0 .5rem}.auth-logo{width:200px}}.page-hero{background:var(--gradient-brand-bg);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);padding:var(--hero-padding) var(--hero-padding) calc(var(--hero-padding) * .85);margin-bottom:var(--section-gap);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 100% at 100% 50%,rgba(78,154,245,.04) 0%,transparent 70%);pointer-events:none}.page-title{font-family:var(--font-heading);color:var(--color-gold);font-size:var(--fs-2xl);font-weight:700;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem;position:relative}.page-subtitle{color:var(--color-text-muted);font-size:.95rem;margin:0;position:relative}.auth-page{max-width:440px;margin:2rem auto;display:flex;flex-direction:column;align-items:center}.auth-logo{width:260px;height:auto;margin-bottom:.5rem;filter:drop-shadow(0 0 20px rgba(78,154,245,.2));will-change:transform}.auth-title{font-family:var(--font-heading);color:var(--color-gold);text-align:center;font-size:var(--fs-xl);font-weight:700;margin-bottom:1.5rem}.auth-card{width:100%;border-color:var(--color-border-gold)}.auth-footer{text-align:center;margin-top:1rem;color:var(--color-text-muted);font-size:.9rem}.icon-class{display:block;width:72px;height:72px;background-image:url(/icon-classes.png);background-size:1000% 200%;background-repeat:no-repeat;background-position:0% 0%;transition:transform var(--transition-base);flex-shrink:0}.icon-race{display:block;width:72px;height:72px;background-image:url(/icon-fractions.png);background-size:700% 200%;background-repeat:no-repeat;background-position:0% 0%;transition:transform var(--transition-base);flex-shrink:0}.icon-class--Warrior{background-position-x:0%}.icon-class--Paladin{background-position-x:11.11%}.icon-class--Stalker{background-position-x:22.22%}.icon-class--Priest{background-position-x:33.33%}.icon-class--Druid{background-position-x:44.44%}.icon-class--Mage{background-position-x:55.56%}.icon-class--Necromancer{background-position-x:66.67%}.icon-class--Psionic{background-position-x:77.78%}.icon-class--Bard{background-position-x:88.89%}.icon-class--Angel{background-position-x:100%}.icon-race--Kania{background-position-x:0%}.icon-race--Gibberling{background-position-x:16.67%}.icon-race--Elf{background-position-x:33.33%}.icon-race--Hadagan{background-position-x:50%}.icon-race--Orc{background-position-x:66.67%}.icon-race--Undead{background-position-x:83.33%}.icon-race--Praiden,.icon-race--PraidenEmpire{background-position-x:100%}button:hover .icon-class,button:hover .icon-race{transform:scale(1.12)}button:disabled .icon-class,button:disabled .icon-race{transform:none;opacity:.4;filter:grayscale(.6)}.cc-race-card .icon-race,.rc-race-card .icon-race{margin-top:.75rem}.icon-race--sm,.icon-class--sm{width:40px;height:40px}.avatar-card__name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;min-width:0}.avatar-card__name-row>*{flex-shrink:0}.avatar-card__name-row>h3,.avatar-card__name-row>h4{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-sex-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;margin-top:-4px}.avatar-sex-tag--male{color:#4e9af5}.avatar-sex-tag--female{color:#f57eb3}.avatar-sex-tag svg{width:18px;height:18px;flex-shrink:0}