:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: rgba(22, 27, 34, .85);--bg-card-hover: rgba(33, 38, 45, .95);--border-color: #30363d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--accent-gold: #f59e0b;--accent-gold-glow: rgba(245, 158, 11, .35);--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--danger: #ef4444;--success: #10b981;--rarity-common: #94a3b8;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--rarity-mythic: #ef4444;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit;color:inherit}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 15%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(245,158,11,.08) 0%,transparent 40%);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column}.portal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.portal-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.portal-brand__logo{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent-gold)}.portal-nav{display:flex;gap:.5rem}.portal-nav__btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.portal-nav__btn:hover{background:#ffffff0d;color:var(--text-primary)}.portal-nav__btn.active{background:var(--bg-card-hover);border-color:var(--border-color);color:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold-glow)}.portal-user-bar{display:flex;align-items:center;gap:1rem}.chips-counter{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-weight:700;padding:.4rem .85rem;border-radius:20px;font-size:.95rem;display:flex;align-items:center;gap:.35rem;box-shadow:0 0 8px #f59e0b33}.btn-topup{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24;padding:.35rem .65rem;border-radius:16px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-topup:hover{background:#f59e0b59;border-color:#fbbf24;transform:translateY(-1px)}.user-badge{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600}.user-badge__pfp{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);object-fit:cover}.user-badge__role{font-size:.7rem;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.user-badge__role--streamer{background:#ef4444;color:#fff}.user-badge__role--viewer{background:#3b82f6;color:#fff}.btn-logout{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#ef444433;color:#f87171;border-color:#ef4444}.portal-content{flex:1;max-width:1360px;width:100%;margin:0 auto;padding:2rem 1.5rem}.tab-view{display:none;animation:fadeIn .3s ease}.tab-view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.portal-modal{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.portal-modal.active{opacity:1;pointer-events:auto}.portal-modal__card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-width:480px;max-height:90vh;overflow-y:auto;width:90%;padding:2rem;box-shadow:0 20px 40px #0009;text-align:center;transform:scale(.95);transition:transform .25s ease}.modal-close-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:color .15s ease,background-color .15s ease}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--bg-card)}.portal-modal.active .portal-modal__card{transform:scale(1)}.portal-modal__title{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary)}.portal-modal__desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.5}.portal-modal__actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),#d97706);color:#000}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 12px var(--accent-gold-glow)}.btn-secondary{background:#21262d;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#30363d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:300}.toast{background:#1f2937;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;box-shadow:0 4px 12px #0006;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.paper-doll-container{position:relative;width:220px;height:220px;margin:0 auto;user-select:none;display:flex;justify-content:center;align-items:center}.paper-doll-rig{position:relative;width:100%;height:100%;transform-origin:center center}.paper-doll-base{position:absolute;top:50%;left:50%;width:90%;height:90%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#d9a05b,#b47226 60%,#874e12);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;box-shadow:inset 0 4px 10px #ffffff40,inset 0 -6px 12px #00000080,0 8px 24px #0006;z-index:10}.paper-doll-base.paper-doll-base--skin_golden{background:radial-gradient(circle at 35% 30%,#fff7aa,gold 40%,#d4af37,#996515);box-shadow:0 0 25px #ffd700bf,inset 0 0 15px #fff9,0 8px 24px #0006}.paper-doll-base.paper-doll-base--skin_cyber{background:radial-gradient(circle at 40% 35%,#1e293b,#0f172a 70%,#020617);box-shadow:0 0 20px #38bdf899,inset 0 0 12px #38bdf866,0 8px 24px #00000080;border:2px solid #38bdf8}.paper-doll-base.paper-doll-base--skin_cat{background:radial-gradient(circle at 40% 35%,#fbcfe8,#f472b6 60%,#db2777);box-shadow:0 0 18px #f472b680,inset 0 2px 8px #fff6,0 8px 24px #0006}.paper-doll-base.paper-doll-base--skin_ghost{background:radial-gradient(circle at 35% 30%,#cffafee6,#67e8f9b3 60%,#06b6d480);box-shadow:0 0 25px #22d3eecc,inset 0 0 15px #fffc,0 8px 24px #0000004d}.paper-doll-base.paper-doll-base--skin_vip{background:radial-gradient(circle at 35% 30%,#fef08a,#a855f7 45%,#6b21a8 80%,#3b0764);box-shadow:0 0 30px #a855f7cc,0 0 15px #fde04799,inset 0 0 20px #fde04780,0 8px 24px #00000080}.paper-doll-pfp-container{position:absolute;top:50%;left:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:3px solid rgba(0,0,0,.6);box-shadow:inset 0 0 10px #000000b3;z-index:20;background:#222}.paper-doll-pfp{width:100%;height:100%;object-fit:cover}.paper-doll-cosmetic{position:absolute;pointer-events:none;transform:translate(-50%,-50%);object-fit:contain}.paper-doll-cosmetic--animated{image-rendering:auto}.wardrobe-layout{display:grid;grid-template-columns:360px 1fr;gap:2rem;align-items:start}@media(max-width:900px){.wardrobe-layout{grid-template-columns:1fr}}.wardrobe-preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #0000004d}.wardrobe-preview-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.equipment-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.slot-box{background:#1f2937;border:1px dashed var(--border-color);border-radius:10px;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease;min-height:70px;justify-content:center;position:relative}.slot-box:hover{border-color:var(--accent-gold);background:#283344}.slot-box.equipped{border-style:solid;border-color:var(--accent-gold);background:#f59e0b1a}.slot-box__label{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.slot-box__item-icon{width:32px;height:32px;object-fit:contain}.slot-box__empty{font-size:.75rem;color:#4b5563}.inventory-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0000004d}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.inventory-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.inventory-card{background:#1b2028;border:2px solid var(--rarity-common);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.inventory-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000080}.rarity-common{border-color:var(--rarity-common)}.rarity-rare{border-color:var(--rarity-rare);box-shadow:0 0 10px #3b82f640}.rarity-epic{border-color:var(--rarity-epic);box-shadow:0 0 12px #a855f74d}.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 15px #f59e0b59}.rarity-mythic{border-color:var(--rarity-mythic);box-shadow:0 0 18px #ef444466}.inventory-card__icon{width:72px;height:72px;object-fit:contain;margin-bottom:.5rem}.inventory-card__name{font-weight:700;font-size:.95rem;text-align:center;margin-bottom:.25rem}.inventory-card__meta{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;margin-bottom:.75rem}.inventory-card__qty-badge{position:absolute;top:.5rem;right:.5rem;background:#000000bf;border:1px solid var(--border-color);color:#fff;font-size:.75rem;font-weight:800;padding:.15rem .4rem;border-radius:12px}.inventory-card__actions{display:flex;width:100%;gap:.5rem;margin-top:auto}.btn-card{flex:1;padding:.45rem .5rem;font-size:.8rem;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:all .2s}.btn-equip{background:var(--accent-blue);color:#fff}.btn-equip:hover{background:#2563eb}.btn-unequip{background:#4b5563;color:#fff}.btn-unequip:hover{background:#374151}.btn-recycle{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;font-size:.75rem;padding:.45rem .6rem}.btn-recycle:hover{background:#ef44444d;color:#fff}.gacha-view{max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cs-cases-carousel{display:flex;gap:.85rem;width:100%;max-width:680px;overflow-x:auto;padding:.25rem .25rem .5rem;scrollbar-width:thin}.cs-case-tab{flex:1;min-width:150px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;padding:.85rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;user-select:none;color:var(--text-primary)}.cs-case-tab:hover:not(:disabled){border-color:#fbbf2499;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.cs-case-tab.active{border-color:var(--accent-gold);background:linear-gradient(180deg,#f59e0b26,#111827e6);box-shadow:0 0 20px #f59e0b40,inset 0 0 15px #f59e0b1a}.cs-case-tab:disabled{opacity:.5;cursor:not-allowed}.cs-case-tab__badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#0006;color:var(--text-secondary);padding:.15rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.cs-case-tab.active .cs-case-tab__badge{color:#fbbf24;border-color:#fbbf2466}.cs-case-tab__icon{font-size:2.2rem;line-height:1;margin:.2rem 0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.cs-case-tab__name{font-size:.85rem;font-weight:800;color:#fff;white-space:nowrap}.cs-case-tab__price{font-size:.8rem;font-weight:700;color:#fbbf24;background:#f59e0b26;padding:.2rem .5rem;border-radius:12px}.gacha-case-badge-pill{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .75rem;border-radius:20px;border:1px solid currentColor;background:#00000059;margin-bottom:.6rem}.gacha-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;width:100%;box-shadow:0 10px 30px #0006;position:relative;overflow:hidden}.gacha-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gacha-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.cs-roulette-container{width:100%;max-width:660px;margin:0 auto 2rem;position:relative}.cs-roulette{position:relative;width:100%;height:205px;background:linear-gradient(180deg,#0d131f,#080d16);border:2px solid #283344;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 45px #000000d9,0 12px 36px #0009}.cs-roulette-pointer{position:absolute;left:50%;transform:translate(-50%);z-index:25;font-size:1.3rem;line-height:1;color:#fbbf24;text-shadow:0 0 12px rgba(245,158,11,.9);pointer-events:none;user-select:none}.cs-roulette-pointer--top{top:4px}.cs-roulette-pointer--bottom{bottom:4px}.cs-roulette-line{position:absolute;top:18px;bottom:18px;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,#fbbf24 25%,#f59e0b 50%,#fbbf24 75%,transparent 100%);box-shadow:0 0 10px #fbbf24d9;z-index:20;pointer-events:none}.cs-roulette-vignette{position:absolute;top:0;bottom:0;width:90px;z-index:15;pointer-events:none}.cs-roulette-vignette--left{left:0;background:linear-gradient(to right,rgba(8,13,22,.95) 0%,rgba(8,13,22,.6) 40%,transparent 100%)}.cs-roulette-vignette--right{right:0;background:linear-gradient(to left,rgba(8,13,22,.95) 0%,rgba(8,13,22,.6) 40%,transparent 100%)}.cs-roulette-track{display:flex;height:100%;align-items:center;position:absolute;left:0;top:0;will-change:transform}.cs-roulette-card{width:140px;height:175px;margin:0 6px;flex-shrink:0;background:linear-gradient(180deg,#1b2333,#101623);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.65rem .5rem .5rem;position:relative;overflow:hidden;user-select:none;box-sizing:border-box}.cs-roulette-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:#94a3b8}.cs-roulette-card.rarity-common:after{background:var(--rarity-common)}.cs-roulette-card.rarity-rare:after{background:var(--rarity-rare)}.cs-roulette-card.rarity-epic:after{background:var(--rarity-epic)}.cs-roulette-card.rarity-legendary:after{background:var(--rarity-legendary)}.cs-roulette-card.rarity-mythic:after{background:var(--rarity-mythic)}.cs-roulette-card.rarity-common{border-color:#94a3b833}.cs-roulette-card.rarity-rare{border-color:#3b82f64d;box-shadow:inset 0 -12px 20px #3b82f61a}.cs-roulette-card.rarity-epic{border-color:#a855f759;box-shadow:inset 0 -12px 20px #a855f726}.cs-roulette-card.rarity-legendary{border-color:#f59e0b66;box-shadow:inset 0 -12px 25px #f59e0b33}.cs-roulette-card.rarity-mythic{border-color:#ef444473;box-shadow:inset 0 -15px 30px #ef444440}.cs-roulette-card.winner{border-color:#fbbf24!important;box-shadow:0 0 25px #fbbf24cc,inset 0 0 20px #fbbf244d!important;transform:scale(1.05);z-index:10}.cs-roulette-card__top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;color:var(--text-secondary);padding:0 .25rem}.cs-roulette-card__star{font-size:.85rem;color:var(--accent-gold)}.cs-roulette-card__slot{text-transform:uppercase;font-size:.65rem;opacity:.8}.cs-roulette-card__icon{width:85px;height:85px;object-fit:contain;margin:.25rem 0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.cs-roulette-card__info{width:100%;text-align:center}.cs-roulette-card__name{font-size:.8rem;font-weight:800;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.cs-roulette-card__rarity{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.rarity-common .cs-roulette-card__rarity{color:var(--rarity-common)}.rarity-rare .cs-roulette-card__rarity{color:var(--rarity-rare)}.rarity-epic .cs-roulette-card__rarity{color:var(--rarity-epic)}.rarity-legendary .cs-roulette-card__rarity{color:var(--rarity-legendary)}.rarity-mythic .cs-roulette-card__rarity{color:var(--rarity-mythic)}.cs-case-contents{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-top:1.75rem;text-align:left}.cs-case-contents__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.85rem}.cs-case-contents__title{font-size:1.15rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.cs-rarity-legend{display:flex;gap:.4rem;flex-wrap:wrap}.cs-rarity-tag{font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:12px;text-transform:uppercase;background:#00000059;border:1px solid currentColor}.cs-rarity-tag.rarity-mythic{color:var(--rarity-mythic)}.cs-rarity-tag.rarity-legendary{color:var(--rarity-legendary)}.cs-rarity-tag.rarity-epic{color:var(--rarity-epic)}.cs-rarity-tag.rarity-rare{color:var(--rarity-rare)}.cs-rarity-tag.rarity-common{color:var(--rarity-common)}.cs-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem}.cs-case-item{background:linear-gradient(180deg,#18202f,#0f1523);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.75rem .5rem .5rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.cs-case-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000080;border-color:#fff3}.cs-case-item__rarity-stripe{position:absolute;bottom:0;left:0;right:0;height:4px}.cs-case-item.rarity-common .cs-case-item__rarity-stripe{background:var(--rarity-common)}.cs-case-item.rarity-rare .cs-case-item__rarity-stripe{background:var(--rarity-rare)}.cs-case-item.rarity-epic .cs-case-item__rarity-stripe{background:var(--rarity-epic)}.cs-case-item.rarity-legendary .cs-case-item__rarity-stripe{background:var(--rarity-legendary)}.cs-case-item.rarity-mythic .cs-case-item__rarity-stripe{background:var(--rarity-mythic)}.cs-case-item__icon{width:65px;height:65px;object-fit:contain;margin-bottom:.4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.cs-case-item__name{font-size:.78rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:.2rem}.cs-case-item__meta{display:flex;justify-content:space-between;width:100%;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.btn-roll{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:1.25rem;font-weight:800;padding:1rem 2.5rem;border-radius:50px;border:none;cursor:pointer;box-shadow:0 8px 24px var(--accent-gold-glow);transition:all .2s ease;display:inline-flex;align-items:center;gap:.6rem}.btn-roll:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #f59e0b80;filter:brightness(1.1)}.btn-roll:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.shake{animation:shakeAnimation .5s ease-in-out infinite}@keyframes shakeAnimation{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-2deg)}75%{transform:translate(6px) rotate(2deg)}}.duplicate-modal-item{display:flex;align-items:center;gap:1rem;background:#1f2937;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:left}.duplicate-modal-icon{width:60px;height:60px;object-fit:contain}.gacha-need-chips{margin-top:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.75rem 1.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem;color:#fca5a5}.reward-fanfare-modal{position:fixed;inset:0;background:#000000d1;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden}.reward-fanfare-modal.active{opacity:1;pointer-events:auto}.fanfare-rays-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;overflow:hidden;z-index:1}.fanfare-rays{width:960px;height:960px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(245,158,11,.14) 0deg 12deg,transparent 12deg 24deg);animation:fanfareRaysSpin 28s linear infinite}.fanfare-rays--epic{background:repeating-conic-gradient(from 0deg,rgba(168,85,247,.18) 0deg 12deg,transparent 12deg 24deg)}.fanfare-rays--legendary,.fanfare-rays--mythic{background:repeating-conic-gradient(from 0deg,rgba(245,158,11,.24) 0deg 12deg,transparent 12deg 24deg);filter:drop-shadow(0 0 25px rgba(245,158,11,.4));animation:fanfareRaysSpin 18s linear infinite}@keyframes fanfareRaysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fanfare-confetti-wrapper{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.fanfare-confetti-particle{position:absolute;pointer-events:none;opacity:.95}@keyframes fanfareConfettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}75%{opacity:.9}to{transform:translateY(105vh) rotate(720deg) scale(.6);opacity:0}}.fanfare-card{position:relative;z-index:10;background:linear-gradient(165deg,#1f2937,#111827);border:2px solid var(--border-color);border-radius:24px;max-width:480px;width:92%;padding:2.25rem 2rem;box-shadow:0 25px 60px #000c,0 0 30px #f59e0b40;text-align:center;transform:scale(.85);transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.reward-fanfare-modal.active .fanfare-card{transform:scale(1)}.fanfare-card.rarity-common{border-color:var(--rarity-common);box-shadow:0 25px 60px #000c,0 0 20px #94a3b84d}.fanfare-card.rarity-rare{border-color:var(--rarity-rare);box-shadow:0 25px 60px #000c,0 0 30px #3b82f666}.fanfare-card.rarity-epic{border-color:var(--rarity-epic);box-shadow:0 25px 60px #000c,0 0 35px #a855f773}.fanfare-card.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 25px 60px #000c,0 0 45px #f59e0b8c}.fanfare-card.rarity-mythic{border-color:var(--rarity-mythic);box-shadow:0 25px 60px #000c,0 0 50px #ef444499}.fanfare-headline{font-size:1.55rem;font-weight:900;margin-bottom:.4rem;letter-spacing:.5px;background:linear-gradient(135deg,#fef08a,#f59e0b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fanfareGlow 2s ease-in-out infinite alternate}@keyframes fanfareGlow{0%{filter:drop-shadow(0 0 6px rgba(245,158,11,.3))}to{filter:drop-shadow(0 0 16px rgba(245,158,11,.7))}}.fanfare-subheadline{font-size:.92rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4}.fanfare-item-stage{background:radial-gradient(circle,#ffffff12,#00000059 75%);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;position:relative}.fanfare-item-icon{width:120px;height:120px;object-fit:contain;margin-bottom:.75rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));animation:fanfareItemFloat 3s ease-in-out infinite}@keyframes fanfareItemFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.03)}}.fanfare-item-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .85rem;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#0006;border:1px solid currentColor;margin-bottom:.5rem}.fanfare-item-name{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:.4rem}.fanfare-item-desc{font-size:.85rem;color:var(--text-secondary);max-width:360px;line-height:1.4;margin-top:.25rem}.fanfare-actions{display:flex;flex-direction:column;gap:.75rem}.btn-fanfare-equip{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.05rem;font-weight:700;padding:.85rem 1.5rem;border-radius:12px;border:none;cursor:pointer;box-shadow:0 6px 18px #10b98159;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-fanfare-equip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #10b98180}.btn-fanfare-equip:disabled{opacity:.6;cursor:not-allowed}.btn-fanfare-inventory{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-fanfare-inventory:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-fanfare-inventory:disabled{opacity:.6;cursor:not-allowed}.fanfare-rays--duplicate{background:conic-gradient(from 0deg at 50% 50%,rgba(6,182,212,.18) 0deg,transparent 25deg,rgba(56,189,248,.22) 45deg,transparent 70deg,rgba(14,165,233,.18) 90deg,transparent 115deg,rgba(6,182,212,.18) 135deg,transparent 160deg,rgba(56,189,248,.22) 180deg,transparent 205deg,rgba(14,165,233,.18) 225deg,transparent 250deg,rgba(6,182,212,.18) 270deg,transparent 295deg,rgba(56,189,248,.22) 315deg,transparent 340deg,rgba(6,182,212,.18) 360deg)}.fanfare-card--duplicate{border-color:#38bdf880!important;box-shadow:0 25px 60px #000000d9,0 0 40px #06b6d459!important;background:linear-gradient(180deg,#0b1528,#060d1b)!important}.fanfare-headline--duplicate{background:linear-gradient(135deg,#38bdf8,#06b6d4,#67e8f9)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.6))!important}.fanfare-item-stage--duplicate{border-color:#38bdf840!important;background:radial-gradient(circle,#06b6d41a,#03071299 80%)!important}.duplicate-hologram-stamp{position:relative;background:linear-gradient(135deg,#06b6d440,#0ea5e959);border:1.5px solid #38bdf8;border-radius:8px;padding:.35rem 1rem;margin-bottom:.85rem;box-shadow:0 0 16px #38bdf873,inset 0 0 10px #38bdf840;transform:rotate(-2deg);animation:duplicateStampGlow 2s ease-in-out infinite alternate}.duplicate-hologram-stamp span{font-size:.82rem;font-weight:900;letter-spacing:1.5px;color:#e0f2fe;text-shadow:0 0 8px rgba(56,189,248,.8);display:block}@keyframes duplicateStampGlow{0%{box-shadow:0 0 12px #38bdf84d,inset 0 0 6px #38bdf826;border-color:#38bdf899}to{box-shadow:0 0 24px #38bdf8b3,inset 0 0 12px #38bdf866;border-color:#67e8f9}}.duplicate-count-comparison{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.75rem;padding:.4rem .8rem;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px}.duplicate-count-badge{font-size:.78rem;font-weight:700;color:#94a3b8}.duplicate-count-badge--future{color:#38bdf8}.btn-duplicate-action{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.15rem;border-radius:14px;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .22s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.duplicate-action-icon{font-size:1.6rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.duplicate-action-text{display:flex;flex-direction:column;gap:.15rem}.duplicate-action-title{font-size:.96rem;font-weight:800;color:#fff}.duplicate-action-subtitle{font-size:.75rem;opacity:.8;line-height:1.25}.btn-duplicate-recycle{background:linear-gradient(135deg,#10b98138,#05966959);border-color:#10b98180;box-shadow:0 4px 16px #10b98140}.btn-duplicate-recycle .duplicate-action-title{color:#6ee7b7}.btn-duplicate-recycle .duplicate-action-subtitle{color:#a7f3d0}.btn-duplicate-recycle:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#10b98159,#05966980);border-color:#34d399;box-shadow:0 8px 24px #10b98173}.btn-duplicate-keep{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border-color:#94a3b840}.btn-duplicate-keep .duplicate-action-title{color:#f1f5f9}.btn-duplicate-keep .duplicate-action-subtitle{color:#94a3b8}.btn-duplicate-keep:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#334155cc,#1e293be6);border-color:#38bdf866;box-shadow:0 6px 20px #0006}.admin-view{display:flex;flex-direction:column;gap:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.admin-title{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.admin-search-input{background:#1f2937;border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;font-size:.9rem;min-width:260px}.admin-search-input:focus{outline:none;border-color:var(--accent-gold)}.admin-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow-x:auto;box-shadow:0 8px 24px #0000004d}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:#1f2937;padding:.55rem .65rem;font-size:.78rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;border-bottom:1px solid var(--border-color);vertical-align:middle;white-space:nowrap}.admin-table td{padding:.55rem .65rem;border-bottom:1px solid var(--border-color);font-size:.85rem;vertical-align:middle;color:var(--text-primary);white-space:nowrap}.admin-table tr{transition:background .15s ease}.admin-table tr:hover td{background:#ffffff05}.admin-user-cell{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.admin-user-pfp{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#333;flex-shrink:0}.admin-status-cell{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;white-space:nowrap}.admin-actions{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;border:1px solid var(--border-color);background:#21262d;color:var(--text-primary);transition:all .2s;white-space:nowrap;line-height:1.2}.btn-admin:hover{background:#30363d}.btn-return-streamer{display:inline-flex;align-items:center;gap:.4rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-weight:700;font-size:.8rem;padding:.35rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-return-streamer:hover{background:#ef444459;border-color:#ef4444;color:#fff;box-shadow:0 0 10px #ef444466}.btn-admin-chips{border-color:#f59e0b80;color:#fbbf24}.btn-admin-chips:hover{background:#f59e0b33}.btn-admin-roll{border-color:#3b82f680;color:#60a5fa}.btn-admin-roll:hover{background:#3b82f633}.btn-admin-grant{border-color:#10b98180;color:#34d399}.btn-admin-grant:hover{background:#10b98133}.btn-admin-switch{border-color:#8b5cf680;color:#a78bfa}.btn-admin-switch:hover{background:#8b5cf633}.admin-search-highlight{background:#f59e0b40;color:#fbbf24;padding:.05rem .25rem;border-radius:3px;font-weight:700}.admin-viewers-count{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem .65rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:20px}.viewer-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:12px;line-height:1.2;white-space:nowrap}.viewer-badge--online{background:#10b98126;border:1px solid rgba(16,185,129,.5);color:#34d399}.viewer-badge--test{background:#f59e0b26;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.viewer-badge--follower{background:#a855f726;border:1px solid rgba(168,85,247,.5);color:#c084fc}.viewer-last-seen{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.form-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;font-weight:600}.form-input{width:100%;background:#1f2937;border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem .8rem;border-radius:8px;font-size:.95rem}.form-input:focus{outline:none;border-color:var(--accent-gold)}.admin-bots-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;gap:1.25rem}.admin-bots-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.admin-bots-title-group{flex:1;min-width:280px}.admin-bots-title{font-size:1.25rem;font-weight:800;margin-bottom:.35rem;color:#fff}.admin-bots-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0}.admin-bots-add-form{display:flex;gap:.5rem;align-items:center}.admin-bot-input{width:260px;padding:.6rem 1rem;font-size:.9rem;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.admin-bot-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #eab30833}.admin-bot-input::placeholder{color:var(--text-secondary);opacity:.7}.admin-bots-quick{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:10px}.admin-bots-quick-label{font-size:.8rem;color:var(--text-secondary);font-weight:600}.admin-bots-quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-quick-bot{background:#1f2937;border:1px solid rgba(255,255,255,.12);color:#93c5fd;padding:.3rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-quick-bot:hover{background:#3b82f633;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.admin-bots-list{display:flex;flex-wrap:wrap;gap:.6rem;min-height:48px;align-items:center}.admin-bots-empty{font-size:.85rem;color:var(--text-secondary);font-style:italic;padding:.5rem 0}.bot-chip{display:inline-flex;align-items:center;gap:.5rem;background:#1f2937;border:1px solid rgba(239,68,68,.35);border-radius:20px;padding:.35rem .75rem;font-size:.85rem;color:#fca5a5;box-shadow:0 2px 6px #0003;transition:all .2s ease}.bot-chip:hover{border-color:#ef4444;background:#27212a}.bot-chip-name{font-weight:700}.bot-chip-del{background:transparent;border:none;color:#9ca3af;font-size:.85rem;font-weight:700;cursor:pointer;padding:0 .15rem;line-height:1;border-radius:50%;transition:color .15s ease,transform .15s ease}.bot-chip-del:hover{color:#ef4444;transform:scale(1.2)}.admin-subtabs{display:flex;gap:.6rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.5rem}.admin-subtab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:700;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .2s ease}.admin-subtab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.admin-subtab-btn.active{background:var(--bg-card);border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 4px 12px #0000004d}.admin-subtab-badge{background:#374151;color:#e5e7eb;font-size:.75rem;padding:.15rem .5rem;border-radius:12px;font-weight:600}.admin-subtab-btn.active .admin-subtab-badge{background:var(--accent-gold);color:#000}.admin-cases-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-cases-title-group h3{font-size:1.25rem;font-weight:800;margin-bottom:.25rem}.admin-cases-title-group p{color:var(--text-secondary);font-size:.85rem}.admin-cases-actions{display:flex;gap:.75rem;align-items:center}.admin-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.admin-case-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.admin-case-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0006}.admin-case-card.disabled{opacity:.65;filter:grayscale(.4)}.admin-case-card-header{display:flex;gap:1rem;align-items:center}.admin-case-icon-box{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.admin-case-meta{flex:1}.admin-case-name{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.35rem}.admin-case-badges{display:flex;gap:.4rem;flex-wrap:wrap}.case-badge{padding:.2rem .55rem;border-radius:6px;font-size:.75rem;font-weight:700}.case-badge--price{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.case-badge--tag{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.case-badge--active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.case-badge--disabled{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.admin-case-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:0}.admin-case-rates-box{background:#111827;border:1px solid var(--border-color);border-radius:10px;padding:.85rem}.rates-box-title{font-size:.78rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.6rem;display:flex;justify-content:space-between}.rarity-progress-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.75rem;background:#374151}.rarity-progress-bar__seg{height:100%;transition:width .3s ease}.rarity-rates-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:.4rem}.rarity-rate-pill{display:flex;flex-direction:column;align-items:center;padding:.35rem .2rem;border-radius:6px;background:#1f2937;font-size:.72rem}.rarity-rate-pill strong{font-size:.85rem;margin-top:.1rem}.rarity-pill-mythic strong{color:#ec4899}.rarity-pill-legendary strong{color:#f59e0b}.rarity-pill-epic strong{color:#a855f7}.rarity-pill-rare strong{color:#3b82f6}.rarity-pill-common strong{color:#9ca3af}.admin-case-pool-box{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;background:#ffffff05;padding:.4rem .6rem;border-radius:6px}.admin-case-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color)}.case-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:left}.case-form-full{grid-column:1 / -1}.case-chances-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem}.chance-input-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.chance-input-item label{font-size:.72rem;font-weight:700}.chance-input-item input{text-align:center;font-weight:700;padding:.4rem .2rem}.case-pool-checklist{max-height:180px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;background:#111827;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem}.case-pool-item-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;padding:.25rem .4rem;border-radius:4px;background:#1f2937;cursor:pointer;user-select:none}.case-pool-item-label:hover{background:#374151}.admin-rates-container{display:flex;flex-direction:column;gap:1.5rem;max-width:800px}.admin-rates-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;gap:1.25rem}.admin-rates-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.admin-rates-header h3{font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.admin-rate-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px}.admin-rate-info{display:flex;flex-direction:column;gap:.3rem}.admin-rate-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.admin-rate-desc{font-size:.8rem;color:var(--text-secondary)}.admin-rate-input-wrap{display:flex;align-items:center;gap:.6rem}.admin-rate-input{width:90px;text-align:center;font-weight:700;font-size:1.1rem;color:#fbbf24;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.admin-rate-preview-card{background:#f59e0b14;border:1px dashed rgba(245,158,11,.4);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.admin-rate-preview-title{font-size:.85rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px}.admin-rate-preview-list{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.9rem}.admin-rate-preview-item{background:#0000004d;padding:.4rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}