.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;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)}}.header{background-color:var(--color-surface);border-bottom:1px solid rgba(240,210,100,.15);padding:1rem 0;position:sticky;top:0;z-index:var(--z-dropdown)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;flex-shrink: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}.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)}.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-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}.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}.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}.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);padding:2rem 0;text-align:center;color:var(--color-text-muted);font-size:.875rem;margin-top:auto}.main-content{flex:1;width:100%;padding:clamp(1.25rem,3vw,2rem) 0}.layout{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 768px){.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;right:0;bottom:0;left:0;top:60px;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:.75rem 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:1.5rem;padding-bottom:3rem}.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 280px;gap:1.5rem;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: 768px){.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:1rem;padding-bottom:2rem}.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:1.25rem}.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%}.rankings-filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.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:1.25rem}@media (max-width: 900px){.avatars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.avatars-grid{grid-template-columns:1fr}}.avatar-card{display:flex;flex-direction:column;gap:0;padding:1.25rem 1.25rem 1rem;border-color:var(--color-border);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;margin-bottom:.85rem}.avatar-card__icons{display:flex;gap:.5rem}.avatar-card__race-badge{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.18rem .65rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.2rem}.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%}.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.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:1rem;margin-top:2rem;padding-bottom:3rem}.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(220px,1fr));gap:1.25rem}.rc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:0;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;margin-bottom:.85rem}.rc-avatar-card__icons{display:flex;gap:.5rem}.rc-avatar-card__race-pill{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.18rem .65rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.2rem}.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: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}}.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(220px,1fr));gap:1rem}.isc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:0;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;margin-bottom:.85rem}.isc-avatar-card__icons{display:flex;gap:.5rem}.isc-avatar-card__race-pill{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.18rem .65rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.2rem}.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: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%}}.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(220px,1fr));gap:1rem}.dc-avatar-card{position:relative;text-align:left;cursor:pointer;padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:0;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;margin-bottom:.85rem}.dc-avatar-card__icons{display:flex;gap:.5rem}.dc-avatar-card__race-pill{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.18rem .65rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.2rem}.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: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}}.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(220px,1fr));gap:1.25rem}.cc-avatar-card{text-align:left;cursor:pointer;padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:0;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;margin-bottom:.85rem}.cc-avatar-card__icons{display:flex;gap:.5rem}.cc-avatar-card__race-pill{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.18rem .65rem;opacity:.85;white-space:nowrap;align-self:flex-start;margin-top:.2rem}.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: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}}.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:2.5rem;padding-bottom:4rem;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}.rates-table{width:100%;border-collapse:collapse;margin-bottom:1.2rem;font-size:.9rem}.rates-table th,.rates-table td{padding:.65rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #1e2d45)}.rates-table th{color:var(--color-text-muted, #7a8ba8);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.rates-table td,.rates-table__row--ok td{color:var(--color-text, #d4dff0)}.rates-coin-icon{color:var(--color-gold, #f0d264);font-size:.75rem}.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-rates{display:flex;flex-direction:column;gap:.6rem}.modal-rate-card{width:100%;background:#ffffff08;border:1px solid var(--color-border, #1e2d45);border-radius:10px;padding:.85rem 1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s,background .15s;text-align:left}.modal-rate-card:hover{border-color:var(--color-primary, #4e9af5);background:#4e9af50d}.modal-rate-card--selected{border-color:var(--color-gold, #f0d264)!important;background:#f0d2640f!important}.modal-rate-card__mu{font-weight:600;color:var(--color-gold, #f0d264);font-size:.95rem}.modal-rate-card__rewards{display:flex;gap:.5rem;align-items:center;font-size:.82rem;color:var(--color-text-muted, #7a8ba8)}.modal-rate-card__rewards span:first-child,.modal-rate-card__rewards span:last-child{color:var(--color-text, #d4dff0);font-weight:500}.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)}.modal-rate-card{flex-direction:column;align-items:flex-start;gap:.35rem}}.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:1.25rem;margin-top:2rem;padding-bottom:3rem}.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);image-rendering:pixelated}.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__desc{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-base);margin:0;flex:1}.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);image-rendering:pixelated;position:relative;z-index:1}.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}}: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: 960px;--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}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:0 clamp(1rem,4vw,1.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(--space-3xl)}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: 768px){.card{padding:var(--space-md);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}}.page-hero{background:var(--gradient-brand-bg);border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);padding:2rem 2rem 1.75rem;margin-bottom:2rem;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}