.vip-page{max-width:1160px;margin:auto;padding:28px 18px 70px;color:#f5f1ff}.vip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.vip-heading h1{font-size:clamp(26px,5vw,42px);margin:8px 0}.vip-heading small{letter-spacing:.12em;color:#ddbbfa}.vip-card{background:linear-gradient(140deg,#291d42,#181626);border:1px solid #76599266;border-radius:22px;padding:24px;margin:18px 0}.vip-badge{display:inline-block;padding:8px 18px;background:linear-gradient(120deg,#bf76e5,#e0a344);color:#180e2a;border-radius:50px;font-weight:800}.vip-finance{display:grid;grid-template-columns:2fr 1fr;gap:18px}.vip-finance .vip-card{margin:0}.vip-progress-item progress{width:100%;height:14px;accent-color:#c990fa}.vip-bonus{padding:18px;background:#ffffff06;border:1px solid #ffffff15;border-radius:16px;margin:12px 0}.vip-bonus strong{font-size:25px;display:block}.vip-bonus button{margin-top:14px}.vip-terms,.vip-advantage small{color:#cfc0df;font-size:13px}.vip-catalog{display:flex;gap:10px;overflow-x:auto;padding:6px 0 14px;scroll-snap-type:x proximity}.vip-item{flex:0 0 130px;min-height:120px;border:1px solid #685378;background:#241b32;color:#eee;border-radius:16px;padding:12px;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:7px}.vip-item img{width:52px;height:52px;object-fit:contain}.vip-item[aria-pressed=true]{border-color:#72dfc0;box-shadow:0 0 0 2px #72dfc044}.vip-item[data-locked=true]{background:#201a28;border-style:dashed}.vip-item small{font-size:11px;color:#cdbddc}.vip-swatch{width:58px;height:46px;border-radius:12px;border:2px solid #ffffff33;display:block;position:relative;overflow:hidden}.vip-swatch:after{content:'';position:absolute;width:60px;height:7px;background:#ffffff80;transform:rotate(-35deg);top:15px;left:-4px}.vip-swatch[data-kind=camo]:after{height:22px;width:22px;border-radius:40%;background:#172c12;box-shadow:25px 15px #b0b386}.vip-swatch[data-kind=fortress]:after,.vip-swatch[data-kind=celestial]:after{height:32px;width:12px;transform:none;left:7px;top:10px;box-shadow:23px 0 #ffffff80}.vip-swatch[data-kind=crystal]:after,.vip-swatch[data-kind=galaxy]:after{width:24px;height:24px;left:17px;transform:rotate(45deg)}.vip-advantage{padding:14px;background:#40275b;border-radius:15px}.vip-advantage p{margin:5px 0;font-size:13px}.vip-advantage small{display:block;margin-top:8px}.vip-selection-status{min-height:22px;font-size:13px}.vip-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.vip-tier-grid .vip-bonus{margin:0}.vip-page a{color:#eed9ff}.vip-page h2{margin:12px 0}.vip-page small{display:block;line-height:1.5}.vip-page button:disabled{opacity:.6;cursor:default}#game-intro .modal{max-height:90dvh;overflow-y:auto}#skin-choice .vip-item{flex-basis:110px;min-height:110px}#skin-choice .vip-selection-group h3{font-size:14px;margin:14px 0 5px}#skin-choice .vip-advantage{color:#fff}#second-chance-info{font-size:13px;padding:12px;background:#382746;border-radius:12px;color:#f2e6ff}@media(max-width:700px){.vip-finance{grid-template-columns:1fr}.vip-card{padding:18px}.vip-heading{align-items:flex-start;flex-direction:column}.vip-page{padding:18px 12px 50px}.vip-catalog{margin-right:-8px}.vip-item{flex-basis:116px}}

.vip-scenario-preview{width:104px;height:61px;border-radius:9px}.vip-outfit-preview{width:58px;height:46px;border-radius:9px;border:1px solid #ffffff40}

/* VIP uses the same React shell, fonts, background, topbar and bottom navigation as /painel. */
.cm-vip-native-page{width:100%;min-width:0}.vip-page{max-width:1000px;padding:20px 20px 110px;color:var(--text);font-family:inherit}.vip-page .panel-card{margin:0 0 24px;padding:24px!important;min-width:0}.vip-page .panel-card>*{position:relative;z-index:1}.vip-page h1{text-align:center;font-size:32px;margin:4px 0 8px;font-weight:900;color:var(--tb-pink,#ff6ed5)}.vip-page h2{font-size:19px;font-weight:850;line-height:1.3}.vip-page h3{font-size:18px;font-weight:850}.vip-page p{font-size:14px;line-height:1.6;color:var(--text-dim,#d6bfdc);margin:8px 0 14px}.vip-page b,.vip-page strong{color:var(--text)}.vip-logo{display:block;width:140px;height:85px;object-fit:contain;margin:auto}.vip-hero>p{text-align:center}.vip-current{padding:20px;border:1px solid var(--tb-pink,#ff6ed5);background:var(--surface-2);border-radius:16px;text-align:center;margin:18px 0}.vip-current small{letter-spacing:.08em;font-weight:800}.vip-current #vip-tier{display:block;font-size:36px;color:var(--tb-pink,#ff6ed5);font-weight:900;margin:8px 0}.vip-current p{margin:0}.vip-how{padding:4px 0 16px}.vip-how>b{display:block;color:#fff;font-size:16px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}#vip-progress{border-top:1px solid var(--border);padding-top:16px}.vip-progress-item{padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);margin:10px 0}.vip-progress-item p{margin:0 0 4px;font-size:12px;font-weight:750;color:var(--text)}.vip-progress-item strong{display:block;font-size:18px!important;font-weight:900;margin:5px 0}.vip-progress-item small{font-size:14px;color:#fff;font-weight:800;margin-top:7px}.vip-progress-item progress{display:block;width:100%;height:12px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:#ffffff18;margin:10px 0}.vip-progress-item progress::-webkit-progress-bar{background:#ffffff18;border-radius:999px}.vip-progress-item progress::-webkit-progress-value{background:linear-gradient(90deg,#ff9cdd,#e74de6);border-radius:999px}.vip-progress-item progress::-moz-progress-bar{background:#ff77d8;border-radius:999px}.vip-or{display:block;text-align:center;font-size:15px;color:var(--tb-pink,#ff6ed5)!important}.vip-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vip-level{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px;min-width:0}.vip-level[data-state=current]{border:2px solid var(--tb-pink,#ff6ed5);box-shadow:0 0 18px #ef60df30}.vip-level-state{display:inline-block;padding:5px 10px;background:var(--surface-2);border-radius:30px;font-size:10px;font-weight:850;letter-spacing:.04em}.vip-level[data-state=achieved] .vip-level-state,.vip-achieved{color:#00e676!important}.vip-level[data-state=current] .vip-level-state{color:#ff9cdd}.vip-level h3{margin:10px 0;color:#fff;font-size:24px}.vip-level-benefit{padding-top:14px;border-top:1px solid var(--border);margin-top:14px;font-size:14px;font-weight:800;color:#ff9cdd}.vip-level>small{color:var(--text-dim);font-size:12px}.vip-finance{grid-template-columns:1fr 1fr}.vip-finance .panel-card{margin-bottom:24px}.vip-bonus{background:var(--surface-2);border-color:var(--border)}.vip-page .button{display:block;width:100%;color:#2f0a28;background:linear-gradient(135deg,#ffc2ed,#ff66cf 60%,#d946e8);border:0;border-radius:16px;padding:14px;font:inherit;font-weight:850;cursor:pointer}.vip-page .vip-rules{border-top:1px solid var(--border);padding-top:14px;margin-top:16px}.vip-rules summary{font-weight:750;cursor:pointer;font-size:14px;color:#f5d2ee;padding:7px 0}.vip-page #vip-passes>strong{display:block;font-size:25px;color:#ff9cdd}.vip-back{margin-top:16px}.vip-page .vip-item{background:var(--surface-2);border-color:var(--border);color:var(--text)}.vip-page .vip-item[aria-pressed=true]{border-color:#ff7bd8;box-shadow:0 0 0 2px #ff7bd833}.vip-page .vip-advantage{background:var(--surface-2);border:1px solid var(--border)}@media(max-width:650px){.vip-page{padding:12px 12px 105px}.vip-page .panel-card{padding:18px!important;border-radius:20px}.vip-tier-grid,.vip-finance{grid-template-columns:1fr}.vip-page h1{font-size:28px}.vip-page .vip-current{padding:16px}.vip-page p{font-size:14px}}

/* Catalog navigation follows the platform's purple cards and pink controls. */
.vip-catalog{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;gap:8px}.vip-catalog::-webkit-scrollbar{display:none}.vip-selection-group{position:relative;padding-right:0}.vip-selection-group h3{padding-right:74px;margin:12px 0 8px}.vip-rail-controls{position:absolute;right:0;top:0;display:flex;gap:6px}.vip-rail-arrow{width:30px;height:30px;padding:0;border:1px solid #763894;border-radius:9px;background:#32134e;color:#ff95db;font-size:24px;line-height:1;cursor:pointer}.vip-rail-arrow:hover{background:#562167}.vip-rail-arrow:focus-visible{outline:2px solid #ff95db;outline-offset:2px}
.vip-compact{max-width:920px;padding-top:8px}.vip-compact [hidden]{display:none!important}.vip-compact>h1{font-size:23px;text-align:left;margin:0 0 12px}.vip-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}.vip-tabs .entry-chip{margin:0;font-size:14px;padding:11px 6px}.vip-tabs [aria-selected=true]{background:linear-gradient(135deg,#ffc2ed,#ff7bd8);border-color:#ff9ddd;color:#390e35}.vip-compact .panel-card{padding:16px!important;margin-bottom:14px}.vip-compact .vip-current{border:0;background:transparent;padding:0;margin:0 0 12px;text-align:left}.vip-compact #vip-tier{font-size:28px;margin:3px 0}.vip-compact #vip-current-benefits{font-size:12px}.vip-compact #vip-progress{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;padding-top:10px}.vip-compact #vip-progress>h3,.vip-compact #vip-progress>p{grid-column:1/-1;font-size:14px;margin:0}.vip-compact .vip-progress-item{padding:10px;margin:4px 0}.vip-compact .vip-progress-item strong{font-size:14px!important;line-height:1.45}.vip-compact .vip-progress-item p{font-size:11px;line-height:1.4;margin:0}.vip-compact .vip-progress-item small{font-size:12px;margin-top:4px}.vip-compact .vip-or{align-self:center;font-size:12px}.vip-compact .vip-simple-rule{font-size:12px;margin:8px 0 0}.vip-compact h2{font-size:15px;margin:0 0 10px}.vip-compact .vip-finance{gap:12px;grid-template-columns:1fr 1fr}.vip-compact #vip-offers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vip-compact .vip-bonus{padding:10px;margin:0;min-width:0}.vip-compact .vip-bonus h3{font-size:12px;margin:0 0 4px}.vip-compact .vip-bonus p{font-size:11px;line-height:1.4;margin:5px 0}.vip-compact .vip-bonus strong{font-size:21px}.vip-compact .vip-bonus small{font-size:10px}.vip-compact .vip-bonus .button{font-size:12px;padding:10px;margin-top:8px}.vip-compact #vip-passes>strong{font-size:21px}.vip-compact #vip-passes p{margin:5px 0;font-size:13px}.vip-compact #vip-passes small{font-size:11px}.vip-compact .vip-card>p{font-size:12px;line-height:1.5;margin:8px 0}.vip-compact .vip-summary-rules{margin:0 0 12px;padding-top:12px}.vip-compact .vip-summary-rules summary{padding:0;font-size:13px}.vip-compact .vip-back{padding:11px;font-size:13px;margin-top:10px}.vip-compact .vip-tier-grid{gap:10px}.vip-compact .vip-level{padding:12px}.vip-compact .vip-level h3{font-size:20px;margin:6px 0}.vip-compact .vip-level>p,.vip-compact .vip-level-benefit{font-size:12px}.vip-compact .vip-level>small{font-size:10px}.vip-compact .vip-item{flex-basis:106px;min-height:105px;padding:8px;gap:4px}.vip-compact .vip-item strong{font-size:12px}.vip-compact .vip-item img{width:42px;height:42px}.vip-compact .vip-scenario-preview{width:88px;height:52px}.vip-compact .vip-item small{font-size:10px}.vip-compact .vip-selection-group h3{font-size:14px}.vip-compact .vip-selection-status{font-size:12px;margin:6px 0}.vip-compact .vip-advantage{padding:10px;margin-top:8px}.vip-compact .vip-advantage p{font-size:11px}.vip-compact .vip-advantage strong{font-size:13px}.vip-compact .vip-advantage small{font-size:10px}@media(max-width:650px){.vip-compact{padding:10px 12px 100px}.vip-compact .vip-finance{grid-template-columns:1fr}.vip-compact .vip-tier-grid{grid-template-columns:1fr}.vip-compact #vip-progress{gap:4px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.vip-compact .vip-progress-item{padding:8px}.vip-compact .vip-progress-item strong{font-size:12px!important}.vip-compact .vip-progress-item small{font-size:11px}}


.vip-tabs button[aria-selected=true]{color:#390e35!important}.vip-tabs button[aria-selected=false]{color:#f8eeff!important}.vip-compact #vip-current-benefits{display:none}

.vip-compact .vip-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.vip-compact .vip-tabs .entry-chip{font-size:12px}.vip-benefit-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vip-benefit-current>div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.vip-benefit-current small{font-size:11px;color:var(--text-dim)}.vip-benefit-current strong{display:block;color:#ff9cdd;font-size:17px;margin-top:4px}.vip-benefit-caption{grid-column:1/-1}.vip-benefit-note{background:var(--surface-2);padding:12px;border-radius:12px}.vip-benefit-level{border-top:1px solid var(--border);padding:14px 0}.vip-benefit-level h3{color:#ff9cdd;font-size:17px;margin:0 0 6px}.vip-benefit-level>p,.vip-benefit-level>small{font-size:12px!important}.vip-benefit-row{margin:10px 0}.vip-benefit-row strong{display:block;font-size:13px}.vip-benefit-row span{display:block;font-size:12px;color:var(--text-dim);line-height:1.6;margin-top:3px}@media(max-width:400px){.vip-benefit-current>div{padding:8px}.vip-benefit-current strong{font-size:13px}.vip-compact .vip-tabs .entry-chip{font-size:11px;padding:10px 2px}}

.vip-compact #vip-summary-tier{display:block;font-size:28px;margin:3px 0;color:#ff7bd8;font-weight:900}

/* Compact benefit cards reuse the real character assets and scenario previews. */
.vip-benefit-level h4{font-size:12px;margin:12px 0 6px;color:var(--text-dim)}.vip-benefit-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vip-benefit-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;min-width:0}.vip-benefit-item>img{width:54px;height:54px;object-fit:contain;flex-shrink:0}.vip-compact .vip-benefit-item>.vip-scenario-preview{width:70px;height:42px;flex-shrink:0}.vip-benefit-item>div{min-width:0}.vip-benefit-item strong{display:block;font-size:13px;line-height:1.3}.vip-benefit-item small{color:#ff9cdd;font-size:12px;font-weight:750;margin-top:4px;line-height:1.35}.vip-benefit-outfits{color:var(--text-dim);margin:10px 0;font-size:11px!important}.vip-benefit-combined{display:block;font-size:13px;color:#ff9cdd!important}.vip-benefit-note{font-size:12px!important}@media(max-width:400px){.vip-benefit-item{gap:6px;padding:6px}.vip-benefit-item>img{width:38px;height:48px}.vip-compact .vip-benefit-item>.vip-scenario-preview{width:42px;height:34px}.vip-benefit-item strong{font-size:11px}.vip-benefit-item small{font-size:11px}}

/* Benefit labels stay visible on both unlocked items and VIP previews. */
.vip-item[data-benefit=true]{border-color:#bd65cd;background:linear-gradient(150deg,#472065,#29133f);box-shadow:inset 0 1px 0 #ffb4e82e}.vip-item .vip-item-benefit{display:flex;align-items:center;justify-content:center;min-height:30px;width:100%;box-sizing:border-box;padding:5px 6px;border:1px solid #ffc0ec;border-radius:8px;background:linear-gradient(135deg,#ffc2ed,#ff7bd8);color:#390e35;font-family:inherit;font-size:12px;font-weight:900;line-height:1.25;text-align:center;white-space:normal}.vip-item[data-locked=true] .vip-item-benefit{opacity:1}.vip-item[data-benefit=true][aria-pressed=true]{border-color:#ff9cdd;box-shadow:0 0 0 2px #ff7bd844}.vip-compact .vip-item .vip-item-benefit{font-size:11px;padding:5px 3px;min-height:32px}#skin-choice .vip-item .vip-item-benefit{font-size:11px;min-height:32px}#skin-choice .vip-item[data-benefit=true]{min-height:140px}

.vip-selection-save{display:block;width:100%;box-sizing:border-box;min-height:48px;margin:12px 0 0;padding:13px 16px;border:0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:850;line-height:1.4;cursor:pointer}.vip-selection-save:disabled{opacity:.65;cursor:wait}.vip-selection-save:focus-visible{outline:2px solid #ffc2ed;outline-offset:3px}.vip-selection-status{color:inherit;text-align:center;font-family:inherit}#skin-choice .vip-selection-status{font-size:12px;line-height:1.4;margin:8px 0}