/* Стили эталона «Ранний билд», снятые с работающей страницы в порядке применения.
   Сгенерировано tools/build-legacy-css.mjs. Правки — только после сверки скриншотов; чистка идёт отдельным шагом. */
/* ==== [0] <style> (head) ==== */

:root{color-scheme:dark;--bg:#1d1732;--panel:#30264f;--lav:#b486f0;--txt:#f7f2ff;--muted:#c9b9e4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#3d2b5e 0,transparent 50%),#1b1730;color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:3px}.app{max-width:832px;margin:auto;min-height:100vh;padding-bottom:108px}.top{display:flex;align-items:center;gap:12px;padding:24px 23px 18px;background:#251c3c99;border-bottom:1px solid #ffffff0b}.avatar{overflow:hidden;flex-shrink:0;cursor:pointer;position:relative;width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(135deg,#af8beb,#49366b);border-radius:50%;border:2px solid #b98dff;font-size:28px}.user{min-width:0;flex:1}.user strong{display:block;font-size:17px}.level{color:#c5b4df;font-size:12px;margin-top:4px}.progress{height:7px;width:115px;border-radius:8px;background:#4b3b68;display:inline-block;vertical-align:middle;margin-left:5px;overflow:hidden}.progress:after{content:"";display:block;width:var(--xp,0%);height:100%;background:linear-gradient(90deg,#69b8fa,#b263e9);transition:width .35s}.wallet{display:flex;align-items:center;gap:5px;background:#19132e;padding:6px 9px;border-radius:24px;white-space:nowrap;font-weight:800}.wallet .symbol{font-size:25px}.wallet button{border:0;background:#63458e;border-radius:50%;height:30px;width:30px;font-size:22px;line-height:1}.bell{font-size:24px;color:#d7c5f5}.hero{position:relative;padding:33px 25px 24px;overflow:hidden}.hero h1{font-size:clamp(28px,5vw,42px);margin:0 0 14px;display:flex;gap:17px;align-items:center}.hero h1 span{font-size:42px;color:#d6aaff;text-shadow:0 0 20px #a67cff}.hero p{color:#c7b7df;font-size:18px;line-height:1.5;max-width:430px;margin:0}.hero-art{position:absolute;right:35px;top:20px;font-size:100px;opacity:.18;transform:rotate(-15deg)}.filters{display:flex;gap:12px;overflow:auto;padding:0 20px 24px;scrollbar-width:none}.filters button{flex-shrink:0;background:transparent;border:2px solid #5a437f;border-radius:30px;padding:12px 20px}.filters button.active{background:#ad7ce5;color:#211333;border-color:#ad7ce5;font-weight:800}.packs{display:grid;gap:13px;padding:0 20px}.pack{position:relative;min-height:172px;border-radius:27px;background:linear-gradient(120deg,#4c3e77,#2d2449 65%,#382954);display:flex;align-items:center;gap:22px;padding:8px 24px 8px 14px;overflow:hidden}.pack:nth-child(2){background:linear-gradient(120deg,#5c345d,#2b2144 65%,#38264e)}.pack:nth-child(4){background:linear-gradient(120deg,#56435d,#2b2244 65%,#38294d)}.pack > img{width:23%;max-width:126px;flex:0 0 23%;height:139px;object-fit:contain;filter:drop-shadow(0 8px 8px #08051477)}.pack-info{align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px 0}.pack h2{font-size:clamp(17px,3.3vw,26px);margin:0 0 8px}.pack p{font-size:clamp(13px,2.4vw,18px);line-height:1.35;color:#cdbfe4;margin:0 0 14px}.buy{align-self:flex-start;background:#5b408b;border:0;border-radius:35px;padding:8px 23px;font-weight:800;font-size:20px;white-space:nowrap}.buy:hover{background:#7955b1}.info{position:absolute;right:16px;top:12px;border:1.5px solid #bca2e8;background:#44315e;border-radius:50%;width:27px;height:27px;font-size:17px}.odds{margin:20px;border-radius:26px;background:linear-gradient(120deg,#30254f,#2b2248);padding:17px}.odds h3{margin:0 0 16px;font-size:17px}.rarities{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;text-align:center}.rarities div{font-size:11px;color:#eee2ff}.dot{display:block;width:24px;height:24px;margin:0 auto 7px;border-radius:50%;background:var(--c);box-shadow:inset -5px -4px 7px #0005,inset 3px 3px 5px #fff7}.rarities strong{display:block;font-size:16px;margin-top:4px}.nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);max-width:832px;width:100%;background:#211b37f5;display:flex;justify-content:space-around;padding:10px 5px max(15px,env(safe-area-inset-bottom));border-top:1px solid #ffffff16}.nav button{border:0;background:transparent;color:#cbb9e4;padding:10px 7px;border-radius:20px;font-size:12px;min-width:65px}.nav button.selected{background:#4c3677;color:white;font-weight:700}.nav button span{display:block;font-size:27px;margin-bottom:5px}.page{padding:20px}.page h1{margin-top:12px}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.collect-card,.task{border-radius:16px;padding:12px;background:#392a58;border:1px solid #6d508c}.collect-card .art{height:120px;display:grid;place-items:center;font-size:55px;border-radius:10px;background:linear-gradient(140deg,#5a3f87,#261c3f)}.collect-card strong{display:block;margin-top:10px}.collect-card small{color:#d6c6ed}.task{margin:10px 0}.task button{background:#7954ae;border:0;border-radius:12px;padding:9px 13px;margin-top:8px}.overlay{position:fixed;inset:0;z-index:20;background:#090612d9;display:flex;justify-content:center;align-items:center;padding:16px}.modal{position:relative;width:min(100%,480px);max-height:94vh;overflow:auto;border:1px solid #8667b7;background:radial-gradient(circle at 50% 36%,#5b3d88,#221933 70%);border-radius:28px;text-align:center;padding:24px 18px 26px;box-shadow:0 20px 80px #0009}.close{position:absolute;right:16px;top:12px;background:#ffffff1c;border:0;border-radius:50%;width:35px;height:35px;font-size:24px;z-index:3}.modal h2{margin:4px 30px 10px;font-size:25px}.hint{color:#d6c7ee;font-size:14px;line-height:1.5}.stage{position:relative;height:330px;display:flex;justify-content:center;align-items:center;touch-action:none;user-select:none;cursor:grab}.stage:active{cursor:grabbing}.bigpack{height:295px;max-width:85%;object-fit:contain;filter:drop-shadow(0 12px 25px #0008);transition:transform .35s,opacity .4s}.tear-line{position:absolute;top:76px;width:245px;max-width:65%;border-top:3px dashed #fff9;pointer-events:none}.tear-progress{position:absolute;top:72px;left:17%;height:9px;width:0;background:linear-gradient(90deg,#f7e7ff,#ff9add);box-shadow:0 0 20px #fff;pointer-events:none;border-radius:12px}.stage.open .bigpack{transform:translateY(110px) rotate(12deg) scale(.7);opacity:.3}.reveal{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:pop .6s both}.reward{width:190px;height:245px;border:5px solid var(--rare);border-radius:16px;box-shadow:0 0 32px var(--rare),inset 0 0 25px #ffffff33;background:linear-gradient(140deg,#55408a,#171329);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.reward .person{font-size:88px}.reward strong{font-size:21px}.reward small{color:#e9dfff}.primary{border:0;border-radius:20px;padding:14px 24px;background:#ad7ce5;color:#211333;font-weight:800;width:90%;margin-top:12px}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{border:1px solid #8e70b8;border-radius:20px;padding:12px 24px;background:transparent;width:90%;margin-top:10px}.toast{position:fixed;z-index:40;bottom:110px;left:50%;transform:translateX(-50%);background:#7250a1;padding:12px 20px;border-radius:16px;max-width:90%;text-align:center;box-shadow:0 10px 30px #0008}@keyframes pop{from{opacity:0;transform:translateY(35px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:550px){.top{padding:15px 12px;gap:6px}.avatar{width:42px;height:42px;font-size:23px}.user strong{font-size:13px}.level{font-size:10px}.progress{width:65px}.wallet{font-size:12px;padding:5px}.wallet .symbol{font-size:18px}.wallet button{height:22px;width:22px;font-size:17px}.bell{display:none}.hero{padding:26px 20px}.hero p{font-size:15px}.hero-art{right:8px;top:48px;font-size:65px}.filters{gap:8px;padding:0 12px 18px}.filters button{padding:10px 14px;font-size:13px}.packs{padding:0 12px;gap:10px}.pack{min-height:132px;padding:6px 10px;gap:10px;border-radius:20px}.pack > img{width:25%;flex:0 0 25%;height:112px}.pack h2{font-size:17px}.pack p{font-size:13px;margin-bottom:8px}.buy{font-size:15px;padding:7px 16px}.info{right:8px;top:8px;width:23px;height:23px;font-size:13px}.odds{margin:15px 12px;padding:12px}.rarities div{font-size:9px}.rarities strong{font-size:12px}.dot{width:18px;height:18px}.nav button{min-width:0;font-size:10px;padding:8px 5px}.nav button span{font-size:24px}}
 .avatar img{width:100%;height:100%;object-fit:cover}
/* Uploaded avatar: keep the image itself circular in the top navigation. */
.top .avatar{border-radius:50%!important;overflow:hidden!important;padding:0!important;isolation:isolate}
.top .avatar>img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;clip-path:circle(50% at 50% 50%)}.avatar:hover{box-shadow:0 0 0 3px #b98dff55}.profile-avatar{width:106px;height:106px;margin:10px auto;border-radius:50%;border:3px solid #b98dff;display:grid;place-items:center;overflow:hidden;font-size:58px;background:#49366b}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-center{text-align:center}.profile-center .primary{max-width:300px}.level-box{background:#392a58;border-radius:18px;padding:16px;margin:15px 0}.level-meter{height:12px;border-radius:12px;background:#201831;overflow:hidden;margin:12px 0 6px}.level-meter>div{height:100%;background:linear-gradient(90deg,#69b8fa,#b263e9);transition:width .3s}.art .kpop-mark{font-size:48px}.kpop-mark{display:inline-block;filter:drop-shadow(0 0 9px #b486f077)}.pack-info{padding-right:10px}.buy{max-width:100%}@media(max-width:550px){.pack-info{padding-right:3px}.pack h2{font-size:16px}.pack p{font-size:12px}.buy{font-size:14px;padding:7px 12px}} 
/* Обновление: фирменные иллюстрации и уведомления */
.hero h1 .box-icon{display:inline-block;width:59px;height:59px;flex-shrink:0;filter:drop-shadow(0 0 12px #a879ef)}
.hero-art{width:300px;height:204px;right:15px;top:12px;opacity:1;transform:none;background:url("assets/hero-cards.svg") center/contain no-repeat;pointer-events:none}
.hero h1,.hero p{position:relative;z-index:1}.hero p{max-width:380px}
.bell-button{position:relative;display:grid;place-items:center;border:0;background:transparent;padding:6px;width:43px;height:43px;flex-shrink:0}.bell-button img{width:31px;height:31px}.bell-badge{position:absolute;right:0;top:0;background:#f146a4;color:white;font-size:10px;font-weight:800;border-radius:20px;min-width:16px;padding:2px 4px}
.notice-panel{position:fixed;z-index:15;top:87px;right:max(12px,calc((100vw - 820px)/2));width:min(365px,calc(100vw - 24px));background:#2c2148;border:1px solid #8c68b6;border-radius:19px;box-shadow:0 20px 60px #090515c9;padding:15px;max-height:70vh;overflow:auto}
.notice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.notice-head button{border:1px solid #8262a6;background:#50396e;border-radius:12px;padding:6px 9px;font-size:12px}
.notice-item{padding:12px 7px;border-top:1px solid #ffffff19;display:flex;gap:11px;align-items:flex-start;font-size:13px}.notice-item.unread{background:#5b3d8045;border-radius:10px}.notice-item .notice-emoji{font-size:23px}.notice-item small{display:block;color:#c4b4dd;margin-top:4px}.notice-empty{color:#d5c4ea;font-size:13px;padding:18px 4px}
@media(max-width:550px){.bell-button{display:grid;width:29px;height:34px;padding:2px}.bell-button img{width:25px;height:25px}.bell-badge{font-size:9px;right:-2px}.hero-art{width:155px;height:125px;right:0;top:28px;opacity:.8}.hero h1 .box-icon{width:44px;height:44px}.hero p{max-width:240px}.notice-panel{top:75px}}

/* vNext: full-size safe pack art and richer photocard hero */
.hero-art{background-image:url("assets/hero-cards.svg");width:320px;height:225px;right:10px;top:7px;filter:drop-shadow(0 12px 18px #110a2a77)}
.pack{min-height:158px;overflow:visible;isolation:isolate;padding:13px 42px 13px 14px;gap:14px}
.pack > img{display:block;width:112px;min-width:0;max-width:112px;flex:0 0 112px;height:132px;object-fit:contain;object-position:center;align-self:center;filter:drop-shadow(0 7px 9px #100a2177)}
.pack-info{min-width:0;overflow-wrap:anywhere;padding:8px 0}
.pack h2{font-size:clamp(17px,2.7vw,24px)}
.pack p{margin-bottom:10px}
.info{z-index:2}
@media(max-width:550px){.hero-art{width:164px;height:142px;right:0;top:15px;opacity:.94}.pack{min-height:124px;padding:9px 32px 9px 8px;gap:8px;border-radius:19px}.pack > img{width:82px;max-width:82px;flex:0 0 82px;height:105px;object-fit:contain}.pack h2{font-size:15px}.pack p{font-size:12px;margin-bottom:7px}.pack-info{padding:3px 0}.info{right:8px;top:8px}.buy{font-size:13px;padding:7px 12px}}
@media(max-width:365px){.pack > img{width:70px;max-width:70px;flex-basis:70px;height:95px}.pack{gap:5px}.pack h2{font-size:14px}.pack p{font-size:11px}.hero-art{width:132px;opacity:.8}}

/* Full-height pack artwork: no clipping, consistent dimensions across devices */
.pack{overflow:hidden}
.pack > img{width:110px;max-width:110px;flex:0 0 110px;height:144px;object-fit:contain;object-position:center;align-self:center;filter:drop-shadow(0 8px 10px #100a2188)}
.bigpack{height:295px;max-width:85%;object-fit:contain}
@media(max-width:550px){.pack > img{width:77px;max-width:77px;flex:0 0 77px;height:105px;object-fit:contain}.pack{gap:9px}}

/* Shop layout update: anchored prices and geometric right-side accents */
.pack{position:relative;min-height:166px;display:flex;align-items:center;gap:15px;padding:12px 18px 12px 13px;overflow:hidden;isolation:isolate}
.pack::before{content:"";position:absolute;inset:0 0 0 59%;background:url("assets/kpop-lightsticks.svg") center right/cover no-repeat;opacity:.64;pointer-events:none;z-index:-1}
.pack::after{content:none}
.pack > img{position:relative;z-index:1;flex:0 0 112px;width:112px;max-width:112px;height:142px;object-fit:contain}
.pack-info{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:8px 31% 8px 0;overflow-wrap:normal}
.pack h2{font-size:clamp(17px,2.6vw,24px);line-height:1.18;margin:0 0 9px;white-space:normal}
.pack p{font-size:clamp(12px,1.9vw,17px);line-height:1.34;margin:0;color:#d3c5e9}
.pack .buy{position:absolute;z-index:2;right:20px;bottom:21px;width:clamp(128px,25%,195px);height:51px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:7px 10px;border-radius:30px;background:linear-gradient(100deg,#5b3e90,#503677);box-shadow:0 4px 16px #130b2c28;font-size:20px;font-weight:800}
.pack .buy:hover{background:linear-gradient(100deg,#8057b8,#644591)}
.pack .info{position:absolute;z-index:3;right:19px;top:15px}
@media(max-width:650px){.pack{min-height:135px;gap:10px;padding:9px 11px}.pack > img{flex:0 0 83px;width:83px;max-width:83px;height:114px}.pack-info{padding:4px 35% 4px 0}.pack h2{font-size:clamp(14px,3.4vw,18px);margin-bottom:7px}.pack p{font-size:clamp(11px,2.7vw,14px)}.pack .buy{right:11px;bottom:15px;width:clamp(92px,27%,143px);height:39px;font-size:15px}.pack .info{right:10px;top:10px}}
@media(max-width:390px){.pack{min-height:126px;gap:7px;padding:7px 8px}.pack > img{flex:0 0 70px;width:70px;max-width:70px;height:107px}.pack-info{padding-right:34%}.pack h2{font-size:13px}.pack p{font-size:11px}.pack .buy{right:8px;bottom:13px;width:94px;height:36px;font-size:14px}.pack .info{right:8px;top:8px}}

/* Crystal & glossy rarity update */
.gem-icon{display:inline-block;width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.26em;flex:none;filter:drop-shadow(0 2px 5px #d24cf755)}
.wallet .gem-icon{width:27px;height:27px;vertical-align:middle}.pack .buy .gem-icon{width:31px;height:31px;vertical-align:middle}
.odds h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #a68ec233;padding-bottom:12px;margin-bottom:13px}
.odds h3 small{font-weight:400;font-size:.85em;color:#c9b9e4}
.odds-percent-icon{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 0 8px #aa6af677)}
.rarities{gap:5px;align-items:start}.rarities>div{min-width:0;overflow-wrap:anywhere}
.rarities .dot{display:block;width:31px;height:31px;margin:0 auto 7px;border-radius:0;background:none;box-shadow:none;object-fit:contain;filter:drop-shadow(0 2px 5px #0007)}
@media(max-width:550px){.odds-percent-icon{width:30px;height:30px}.odds h3{font-size:14px;gap:6px}.rarities .dot{width:23px;height:23px}.pack .buy .gem-icon{width:24px;height:24px}.wallet .gem-icon{width:20px;height:20px}}

/* Bottom navigation matching supplied mobile reference */
.app{padding-bottom:calc(124px + env(safe-area-inset-bottom))}
.nav{height:calc(112px + env(safe-area-inset-bottom));padding:11px 14px calc(15px + env(safe-area-inset-bottom));align-items:flex-start;gap:5px;background:linear-gradient(180deg,#231b3bfa,#21192f);border-top:1px solid #9e81d01f;box-shadow:0 -7px 25px #100a2340}
.nav button{position:relative;flex:1;min-width:0;max-width:155px;height:96px;padding:12px 4px 8px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:transparent;color:#c8b9e3;font-size:clamp(11px,2.9vw,19px);font-weight:500;line-height:1.1;white-space:nowrap}
.nav button.selected{background:linear-gradient(145deg,#51387f,#44306e);color:#fff;font-weight:750}
.nav button .nav-icon{position:relative;display:block;width:43px;height:43px;margin:0;flex-shrink:0}
.nav button .nav-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 2px #ae8ad344)}
.nav button .nav-label{display:block;font-size:inherit;margin:0}
.nav-badge{position:absolute;right:-8px;top:-7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ff339e;color:#fff;font-size:16px;font-weight:400;font-style:normal;line-height:1;box-shadow:0 0 0 2px #241b3a}
@media(max-width:550px){.nav{height:calc(96px + env(safe-area-inset-bottom));padding:8px 7px calc(9px + env(safe-area-inset-bottom));gap:1px}.nav button{height:81px;border-radius:22px;padding:9px 1px 7px;gap:5px;font-size:clamp(10px,2.65vw,14px)}.nav button .nav-icon{width:32px;height:32px}.nav-badge{width:17px;height:17px;right:-6px;top:-5px;font-size:12px}.app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}}

/* Currency icons are independent from the large pack artwork. */
.pack .buy > img.gem-icon{position:static!important;display:block!important;flex:0 0 25px!important;width:25px!important;min-width:25px!important;max-width:25px!important;height:25px!important;object-fit:contain!important;align-self:center!important;margin:0!important;filter:drop-shadow(0 2px 4px #e75bf866)}
.pack .buy{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;line-height:1}
.pack::before{background-size:cover;background-position:center right}
@media(max-width:650px){.pack .buy > img.gem-icon{flex-basis:19px!important;width:19px!important;min-width:19px!important;max-width:19px!important;height:19px!important}.pack .buy{gap:5px}}

/* New connected pages: responsive, dark violet / hot-pink design */
.extra-page{padding:19px 19px 28px}.section-head{display:flex;align-items:center;gap:15px;margin:10px 0 23px}.section-icon{font-size:39px;color:#d6a4ff;text-shadow:0 0 18px #aa57ff}.section-head h1{margin:0;font-size:clamp(24px,4vw,34px)}.section-head p{margin:7px 0 0;color:#cbb9e7;font-size:14px}.pill-tabs{display:flex;gap:8px;overflow-x:auto;margin:15px 0 20px;scrollbar-width:none}.pill-tabs button{border:1px solid #684e89;border-radius:25px;background:#291f41;padding:11px 17px;white-space:nowrap;font-size:13px}.pill-tabs button.active{border-color:#e886ed;background:linear-gradient(120deg,#e878dd,#b96ce5);color:#26132e;font-weight:800;box-shadow:0 0 16px #c756d766}.feature-banner{min-height:240px;border:1px solid #8f54ba;border-radius:23px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#8e347b,#36194e 55%,#211a39);box-shadow:inset 0 0 22px #a247ad33}.feature-banner:before,.event-banner:before{content:'✦　♕　✧';position:absolute;top:12px;right:16px;color:#f0b4ff;opacity:.65}.banner-copy{position:relative;z-index:1;padding:23px;width:60%}.banner-brand{font-size:clamp(28px,6vw,49px);font-weight:1000;font-style:italic;line-height:.95;text-shadow:0 0 15px #d55ce9}.banner-copy p{font-size:13px;line-height:1.5;color:#f1dbff}.feature-banner>img{position:absolute;right:-5%;bottom:-4%;height:105%;width:60%;object-fit:contain}.pink-button{border:0;border-radius:20px;background:linear-gradient(120deg,#ef87f0,#bc7bf3);color:#261430;font-weight:800;padding:10px 17px}.banner-dots{text-align:center;color:#e9a2ff;font-size:12px;margin:8px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 24px}.shortcut-grid button{border:1px solid #5d417f;border-radius:18px;background:linear-gradient(135deg,#4c356f,#291f44);padding:16px 5px;color:white;display:grid;place-items:center;gap:8px}.shortcut-grid img{height:38px;width:38px}.shortcut-grid span{font-size:13px}.subheading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}.subheading h2{font-size:19px;margin:0}.subheading button{border:1px solid #694b8d;border-radius:22px;background:#38264f;padding:7px 12px;font-size:12px}.event-banner{position:relative;overflow:hidden;min-height:155px;padding:21px;border:1px solid #bc5ebf;border-radius:20px;background:radial-gradient(circle at 85% 40%,#7c3b83,#331c4b 65%)}.event-banner strong{font-size:28px;line-height:1;font-style:italic;color:#ffa8ee;text-shadow:0 0 15px #e44cbd}.event-banner p{position:relative;z-index:1;width:55%;font-size:12px}.event-banner img{position:absolute;height:110%;width:53%;right:-5%;bottom:-15%;object-fit:contain}.progress-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.progress-tiles button{border:1px solid #7853a3;border-radius:16px;background:linear-gradient(145deg,#52326e,#2c224a);padding:12px 8px;min-width:0}.progress-tiles img{width:55px;height:55px;object-fit:contain;display:block;margin:auto}.progress-tiles strong,.progress-tiles small{display:block;margin:5px}.wide-meter{height:9px;border-radius:20px;background:#251a3d;border:1px solid #7e5b9c;overflow:hidden;min-width:45px;flex:1}.wide-meter span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ed9af5,#a66ae9)}.reward-banner{margin-top:23px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #8153a7;border-radius:19px;background:linear-gradient(110deg,#573373,#35234f)}.reward-banner>span:first-child{font-size:37px}.reward-banner>div{flex:1;min-width:0}.reward-banner strong,.reward-banner small{display:block}.reward-banner small{font-size:12px;color:#e4d0f1;margin-top:5px}.reward-banner .pink-button{font-size:12px}.collection-progress{display:flex;align-items:center;gap:17px;background:linear-gradient(130deg,#57316f,#34224e);padding:20px;border-radius:20px;border:1px solid #7750a1}.collection-progress .crown{font-size:65px;color:#efa8ff;text-shadow:0 0 19px #ce58e9}.collection-progress>div:last-child{flex:1}.collection-progress strong{font-size:18px}.collection-progress p{margin:7px 0;color:#e1d1f1;font-size:13px}.collection-progress small{display:block;text-align:right;margin-top:3px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.group-card{background:linear-gradient(140deg,#4a316d,#241c3c);border:1px solid #8e62b9;border-radius:18px;padding:9px;overflow:hidden;text-align:left}.group-art{height:150px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 30%,var(--group),#302042 75%)}.group-art img{width:90%;height:105px;object-fit:contain;filter:drop-shadow(0 6px 8px #110a25)}.group-bottom{display:flex;justify-content:space-between;margin:9px 3px;font-size:14px}.group-card>.wide-meter{height:8px}.quest-list{display:grid;gap:10px}.quest{display:flex;align-items:center;gap:14px;border:1px solid #67498a;border-radius:18px;padding:16px;background:linear-gradient(120deg,#46305f,#2b2046)}.quest-icon{font-size:36px;color:#d9a0ff;min-width:50px;text-align:center;text-shadow:0 0 15px #ac5aef}.quest-main{flex:1;min-width:0}.quest-main strong{font-size:15px}.quest-main p{font-size:12px;color:#d9c8ec;margin:5px 0 10px}.quest-main small{display:block;text-align:right;font-size:11px}.quest-reward{min-width:94px;display:grid;gap:5px;padding:9px;background:#21182e88;border-radius:13px}.quest-reward span{font-size:12px;font-weight:800;display:flex;align-items:center;gap:5px}.quest-reward img{height:17px;width:17px}.quest-reward button{background:#9a62c4;border:0;border-radius:12px;padding:6px;font-size:12px}.quest-reward button:disabled{opacity:.55}.profile-hero{padding:20px;border-radius:22px;background:radial-gradient(circle at 90% 0,#613678,#2d2049 65%);border:1px solid #7652a0}.profile-main{display:flex;align-items:center;gap:19px}.profile-avatar-large{position:relative;width:112px;height:112px;flex:0 0 112px;border:4px solid #c084ed;border-radius:50%;background:#50356c;font-size:55px;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large span{position:absolute;right:0;bottom:0;background:#744aa0;border-radius:50%;font-size:19px;padding:3px}.profile-main>div:last-child{flex:1;min-width:0}.profile-main h2{font-size:22px;margin:0 0 4px;overflow-wrap:anywhere}.profile-main small{color:#d1bfe6}.profile-main .wide-meter{display:inline-block;width:50%;vertical-align:middle;margin:10px 4px}.edit-name{background:#5e417d;border:1px solid #8e62b8;border-radius:16px;padding:7px 12px;margin-top:8px;font-size:12px}.profile-tags{text-align:center;background:#2a1d43;border-radius:20px;margin-top:16px;padding:9px;color:#e5c8fa;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:15px 0;padding:14px 4px;border-radius:18px;background:#3c2859;border:1px solid #68458e}.stats-grid div{text-align:center;border-right:1px solid #8868a64d;padding:5px}.stats-grid div:last-child{border:0}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:22px}.stats-grid small{font-size:10px;color:#dcc7ed}.friends-panel{padding:16px;border:1px solid #6b4a8e;border-radius:18px;background:#2e2246}.friends-panel .subheading{margin:0 0 12px}.friends-panel input,.modal-input{width:100%;border:1px solid #735092;border-radius:18px;background:#261b3c;color:white;padding:12px 16px;font:inherit}.friends-list{margin-top:9px}.friend{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #a987c52c}.friend[hidden]{display:none}.friend-avatar{width:46px;height:46px;border:2px solid #ae80e7;border-radius:50%;display:grid;place-items:center;background:#4e336a;font-size:27px}.friend>div:nth-child(2){flex:1;min-width:0}.friend strong,.friend small{display:block}.friend strong{font-size:14px}.friend small{font-size:11px;color:#c8b6dd;margin-top:4px}.friend button{background:#493361;border:1px solid #72518c;border-radius:13px;padding:8px;font-size:20px}.trade-row,.history-row{display:block;width:100%;padding:14px;margin:8px 0;border-radius:13px;background:#44315f;border:1px solid #694c89;text-align:left}.history-row small{float:right}.empty-state{grid-column:1/-1;padding:20px;color:#d8c6ea}.favorite{border:0;border-radius:9px;background:#65428b;padding:6px;margin-top:8px;font-size:11px}.reward-locked{font-size:26px}@media(max-width:550px){.extra-page{padding:13px 12px 24px}.section-head{gap:9px;margin-bottom:14px}.section-icon{font-size:29px}.section-head p{font-size:11px}.feature-banner{min-height:188px}.banner-copy{padding:15px}.banner-copy p{font-size:10px}.banner-copy .pink-button{font-size:11px;padding:8px}.shortcut-grid{gap:6px}.shortcut-grid button{padding:10px 2px}.shortcut-grid img{height:28px;width:28px}.shortcut-grid span{font-size:10px}.event-banner{min-height:125px}.event-banner strong{font-size:22px}.group-art{height:115px}.group-art img{height:80px}.quest{padding:10px;gap:7px}.quest-icon{font-size:25px;min-width:30px}.quest-main strong{font-size:12px}.quest-reward{min-width:76px;padding:6px}.quest-reward span{font-size:10px}.profile-avatar-large{width:76px;height:76px;flex-basis:76px;font-size:35px}.profile-main h2{font-size:16px}.stats-grid strong{font-size:16px}.stats-grid small{font-size:9px}.pill-tabs button{padding:9px 12px;font-size:11px}}


.admin-gear{border:1px solid #9e6bd0;background:#38224e;color:#eacaff;border-radius:12px;padding:8px;font-size:20px;cursor:pointer}
.admin-shell{position:fixed;inset:0;z-index:9999;overflow:auto;background:radial-gradient(circle at 70% 0%,#351647,#100c20 65%);color:#f8f2ff;padding:20px;font:14px system-ui,sans-serif}
.admin-wrap{max-width:1200px;margin:auto}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #5b3873;padding:10px 0 20px}.admin-grid{display:grid;grid-template-columns:200px 1fr;gap:22px;margin-top:22px}.admin-side,.admin-panel{background:#211631;border:1px solid #5a3674;border-radius:18px;padding:18px}.admin-side button{display:block;width:100%;margin:6px 0}.admin-shell button{cursor:pointer;border:1px solid #8451a6;background:#40245a;color:#fff;border-radius:10px;padding:10px}.admin-shell button.active,.admin-shell button.primary{background:#9d44c9}.admin-shell input,.admin-shell select,.admin-shell textarea{background:#170f25;color:white;border:1px solid #80599d;border-radius:8px;padding:9px;max-width:100%;box-sizing:border-box}.admin-shell label{display:grid;gap:5px;margin:10px 0}.admin-shell .admin-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #50375e;padding:10px 0}.admin-shell .admin-row img{width:46px;height:60px;object-fit:contain}.admin-shell .admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.admin-shell .admin-wide{grid-column:1/-1}.admin-shell h1{font-size:26px}.admin-shell h2{font-size:20px;margin:15px 0}.admin-shell small{color:#c7b2d8}.admin-shell .admin-pill{border-radius:20px;background:#4d236d;padding:5px 9px}
@media(max-width:680px){.admin-grid{grid-template-columns:1fr}.admin-side{display:flex;gap:8px;flex-wrap:wrap}.admin-side button{width:auto}.admin-shell .admin-form{grid-template-columns:1fr}}

.collection-card-photo{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.collect-card .art{overflow:hidden;padding:0}
.card-placeholder{font-size:56px;color:#cba4ff;text-shadow:0 0 22px #a655f4}

/* Wallet navigation + demo crystal store */
.wallet button{display:grid;place-items:center;flex:0 0 auto;transition:transform .2s,background .2s}
.wallet button:hover{transform:scale(1.08);background:#9862d4}
.topup-page{padding-top:23px}
.topup-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:24px}
.topup-back{width:43px;height:43px;border-radius:14px;border:1px solid #a779c8;background:#483166;font-size:33px;line-height:1;flex:none}
.topup-kicker{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#d18bf8}
.topup-heading h1{font-size:clamp(23px,5vw,36px);margin:5px 0 9px}
.topup-heading p{font-size:14px;color:#d6c1eb;line-height:1.5;margin:0}
.topup-balance{position:relative;overflow:hidden;min-height:166px;padding:24px 27px;border:1px solid #b268e999;border-radius:24px;background:linear-gradient(110deg,#342048,#57316f 60%,#2b1945);display:flex;align-items:center;box-shadow:0 12px 35px #10091e7a}
.topup-balance-glow{position:absolute;width:220px;height:180px;border-radius:50%;right:0;top:-40px;background:#c056e74d;filter:blur(55px)}
.topup-balance>div:nth-child(2){position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}
.topup-balance-label{font-size:13px;color:#e1c6f4}
.topup-balance strong{display:flex;align-items:center;gap:10px;font-size:clamp(29px,6vw,42px)}
.topup-balance strong img{width:40px;height:40px;object-fit:contain}
.topup-balance small{font-size:13px;color:#d9b5ef}
.topup-biggem{position:absolute;right:23px;top:15px;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 0 26px #e45cff)}
.topup-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:27px 0 14px}
.topup-section-title h2{font-size:20px;margin:0}
.topup-section-title span{font-size:11px;color:#bda6d6}
.topup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.topup-offer{min-width:0;position:relative;text-align:center;border:1px solid #9d69c7a8;border-radius:22px;padding:13px 13px 15px;background:linear-gradient(150deg,#43315f,#271b42);overflow:hidden;box-shadow:inset 0 1px #ffffff30}
.topup-offer.pink{border-color:#e676e9;background:linear-gradient(145deg,#613470,#2c1a46)}
.topup-offer.gold{border-color:#e9b869;background:linear-gradient(145deg,#61435d,#2c1a46)}
.topup-offer.violet{border-color:#ad8fff;background:linear-gradient(145deg,#533b83,#2c1a46)}
.topup-offer-label{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#eed2ff}
.topup-art{display:block;width:100%;height:135px;object-fit:contain;margin:4px auto 2px;filter:drop-shadow(0 10px 12px #160823aa)}
.topup-amount{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900;font-size:27px}
.topup-amount img{width:26px;height:26px;object-fit:contain}
.topup-bonus{font-size:12px;font-weight:800;color:#ffcbf5;min-height:23px;margin-top:4px}
.topup-bonus.muted{font-weight:500;color:#bba5d2}
.topup-buy{width:100%;padding:11px;border:0;border-radius:13px;background:linear-gradient(110deg,#ec78f4,#b86afa);color:#261332;font-weight:900}
.topup-info{display:flex;align-items:center;gap:14px;margin-top:22px;border:1px solid #8363a3;border-radius:18px;padding:16px;background:#35254c}
.topup-info>img{width:43px;height:43px;flex:none}
.topup-info strong{font-size:15px}
.topup-info p{margin:4px 0 0;color:#cbb6df;font-size:12px;line-height:1.55}
.topup-earn{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border:1px solid #8155a2;border-radius:18px;padding:17px;background:linear-gradient(110deg,#4b2c69,#302048)}
.topup-earn p{margin:5px 0 0;font-size:12px;color:#d4c2e4}
.topup-earn button{flex:none;border:0;border-radius:12px;padding:11px;background:#d97beb;color:#271536;font-weight:800}
@media(max-width:420px){.topup-page{padding:16px 12px}.topup-heading{gap:9px}.topup-back{width:35px;height:35px}.topup-biggem{width:98px;height:98px;top:30px;right:12px}.topup-balance{min-height:137px;padding:19px}.topup-art{height:105px}.topup-offer{padding:10px}.topup-amount{font-size:21px}.topup-amount img{width:22px;height:22px}.topup-earn{flex-direction:column;align-items:stretch}.topup-earn button{width:100%}}

/* Individual group collection — accessible from group tiles */
.group-card{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.group-card:hover{transform:translateY(-3px);border-color:#ef9eff;box-shadow:0 0 24px #bd59f255}
.group-card:focus-visible{outline:3px solid #efb2ff;outline-offset:3px}
.group-detail{padding-top:20px}
.group-detail-back{border:1px solid #9d6ac1;background:#38244f;border-radius:18px;padding:10px 15px;color:#f2dcff;font-size:13px;margin-bottom:18px}
.group-detail-hero{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #a969d3;border-radius:24px;background:linear-gradient(125deg,#54306d,#2a1b42 75%);box-shadow:0 9px 28px #10091e88}
.group-detail-logo{flex:0 0 125px;width:125px;height:125px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle,#7847a2,#21162f);border:1px solid #ac72d7;overflow:hidden}
.group-detail-logo img{width:90%;height:90%;object-fit:contain}
.group-detail-copy{flex:1;min-width:0}
.group-detail-kicker{font-size:10px;letter-spacing:1.8px;color:#e6a7f8;font-weight:900}
.group-detail-copy h1{margin:5px 0 9px;font-size:clamp(23px,5vw,34px)}
.group-detail-copy p{margin:0 0 12px;color:#dac7eb;font-size:13px}
.group-detail-copy small{display:block;text-align:right;margin-top:5px;color:#f5d7ff}
.group-detail-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 14px}
.group-detail-title h2{font-size:20px;margin:0}
.group-detail-title span{color:#d9b8ef;font-size:13px}
.group-detail-empty{border:1px dashed #a174bd;border-radius:22px;padding:26px 18px;text-align:center;background:#33234b}
.group-detail-empty img{width:82px;height:82px;object-fit:contain;display:block;margin:0 auto 12px}
.group-detail-empty strong{display:block;font-size:18px}
.group-detail-empty p{font-size:13px;color:#d4bee6;line-height:1.5}
.group-detail-empty button{border:0;border-radius:15px;background:linear-gradient(90deg,#e57bea,#a777f3);color:#24122f;font-weight:900;padding:12px 18px;margin-top:8px}
@media(max-width:520px){.group-detail-hero{gap:12px;padding:13px}.group-detail-logo{flex-basis:92px;width:92px;height:106px}.group-detail-copy p{font-size:11px}.group-detail-kicker{font-size:8px}}

/* Admin-driven group collections */
.group-filter-wrap{display:flex;align-items:center;gap:7px;margin:12px 0 17px;min-width:0}
.group-filter-track{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 1px}
.group-filter-track::-webkit-scrollbar{display:none}
.group-filter-track button{white-space:nowrap;flex:none;border:1px solid #8658ab;border-radius:999px;background:#2b1b41;padding:10px 16px;color:#fff;font-size:12px;cursor:pointer}
.group-filter-track button.active{background:linear-gradient(110deg,#f078df,#a969ed);border-color:#e68ef5;color:#251330;font-weight:900}
.group-scroll-arrow{flex:none;width:30px;height:36px;border-radius:12px;border:1px solid #9360b9;background:#44265e;color:#f4c9ff;font-size:24px;cursor:pointer}
.group-art .group-cover-photo{width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:12px}
.group-detail-logo .group-cover-photo{width:100%;height:100%;object-fit:cover}
.group-card .group-bottom strong{overflow-wrap:anywhere}
@media(max-width:440px){.group-filter-track button{padding:9px 12px}.group-scroll-arrow{width:25px}}

.dust-panel{margin:15px 0 20px;padding:18px;border:1px solid #ac67d9;border-radius:20px;background:linear-gradient(125deg,#4b2d64,#291b42)}
.dust-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.dust-panel-head strong{font-size:18px}.dust-panel-head span{font-size:12px;color:#e6c6ff}.dust-panel p{font-size:12px;color:#dac5ec;line-height:1.5}
.dust-prices{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.dust-prices span{padding:7px 9px;border-radius:10px;background:#37234e;border:1px solid #8c5db1;font-size:11px}
.dust-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #8856a0;padding-top:13px;font-size:12px}.dust-actions label{display:flex;align-items:center;gap:6px}.dust-actions button{margin-left:auto;border:0;border-radius:12px;background:linear-gradient(100deg,#f48afa,#a96bea);padding:12px;color:#23112c;font-weight:900}.dust-actions button:disabled{opacity:.45}
.dust-choice{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;cursor:pointer}.dust-choice input,.dust-actions input{width:17px;height:17px;accent-color:#e17df6}.dust-card-reward{display:inline-block;margin:8px 0 4px;border-radius:9px;background:#60427c;color:#ffe7b8;padding:5px 9px;font-weight:800;font-size:12px}.dust-reward{padding:16px;margin:16px 0;background:#493061;border-radius:14px;text-align:center}.dust-reward strong{display:block;font-size:19px}
@media(max-width:520px){.dust-panel{padding:12px}.dust-actions button{width:100%;margin:0}}

/* Analytics overview */
.stats-panel{margin:18px 0 22px;border:1px solid #a65dca;border-radius:21px;padding:16px;background:radial-gradient(ellipse at 0% 110%,#7b279266,transparent 55%),linear-gradient(120deg,#402454,#251936);box-shadow:0 0 22px #b238d52a}
.stats-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.stats-heading h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0}
.stats-heading h2 img{width:24px;height:24px}
.stats-switch{display:flex;gap:3px;background:#261936;border:1px solid #70488b;padding:3px;border-radius:20px}
.stats-switch button{border:0;border-radius:18px;background:transparent;color:#e6d5f4;font-size:10px;padding:7px 10px;white-space:nowrap}
.stats-switch button.active{background:linear-gradient(100deg,#f48beb,#bd67e9);color:#261132;font-weight:900}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:4px 7px;border-right:1px solid #88549b80}
.stats-cell:last-child{border-right:0}
.stats-cell img{height:33px;width:33px;object-fit:contain;filter:drop-shadow(0 0 8px #d65af6)}
.stats-cell strong{font-size:clamp(16px,3vw,24px);line-height:1.1}
.stats-cell span{font-size:10px;line-height:1.35;color:#e5c9ef}
.stats-disclaimer{display:block;font-size:10px;line-height:1.5;color:#c7aedb;margin-top:14px;text-align:center}
.daily-pass{border:1px solid #ae5bd7;border-radius:22px;background:radial-gradient(ellipse at 95% 5%,#8b3fb166,transparent 55%),linear-gradient(120deg,#412451,#271939);padding:19px;margin:18px 0 22px;box-shadow:inset 0 1px #ffffff24}
.daily-pass-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.daily-pass-head h2{font-size:19px;margin:0 0 7px}
.daily-pass-head p{font-size:12px;color:#dfc8ec;line-height:1.5;margin:0}
.daily-pass-head img{width:90px;height:85px;object-fit:contain;filter:drop-shadow(0 0 14px #d453f6)}
.daily-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:17px 0 13px}
.daily-day{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:9px 2px 10px;min-height:108px;border-radius:12px;border:1px solid #8e5ba7;background:linear-gradient(#382347,#241832)}
.daily-day.current{border-color:#ff84ed;box-shadow:0 0 14px #e354db88,inset 0 0 12px #ba4ac766}
.daily-day.claimed{border-color:#d57ce9}
.daily-day>span{font-size:10px;white-space:nowrap}
.daily-day img{width:33px;height:38px;object-fit:contain}
.daily-day strong{font-size:12px;color:#fce2ff}
.daily-pass-foot{display:flex;flex-direction:column;gap:13px;align-items:stretch}
.daily-timeline{display:flex;align-items:center;justify-content:space-around;position:relative}
.daily-timeline:before{content:'';position:absolute;left:6%;right:6%;height:3px;background:#714185;top:50%;transform:translateY(-50%)}
.daily-timeline span{z-index:1;width:17px;height:17px;border-radius:50%;border:2px solid #a875be;background:#271637}
.daily-timeline span.reached{background:#e979ed;border-color:#f7a1fa}
.daily-timeline span.today{box-shadow:0 0 12px #e978ef}
.daily-pass-foot button{align-self:center;border:0;border-radius:14px;padding:12px 24px;background:linear-gradient(95deg,#f28cf4,#b770e7);font-weight:900;color:#2b1538}
.daily-pass-foot button:disabled{opacity:.65;cursor:default}
.daily-pass>small{display:block;text-align:center;margin-top:12px;font-size:10px;color:#c6acd6}
@media(max-width:500px){.stats-panel{padding:11px}.stats-heading h2{font-size:14px}.stats-switch button{font-size:9px;padding:6px}.stats-cell img{height:25px;width:25px}.stats-cell span{font-size:9px}.daily-pass{padding:12px}.daily-pass-head img{width:62px;height:65px}.daily-pass-head h2{font-size:16px}.daily-days{gap:3px}.daily-day{min-height:91px;padding:7px 1px}.daily-day>span{font-size:8px}.daily-day img{width:25px;height:30px}.daily-day strong{font-size:10px}}
.stats-migration{margin-top:12px;padding:12px;border-radius:12px;background:#553263;border:1px solid #bd6ad0;text-align:center}.stats-migration p{margin:0 0 10px;color:#f3dbf8;font-size:12px;line-height:1.5}.stats-migration button{border:0;background:linear-gradient(90deg,#f397ee,#b46ce7);color:#24132d;font-weight:800;border-radius:12px;padding:9px 13px;cursor:pointer}
/* Daily K-pop chest */
.daily-chest{position:relative;display:grid;grid-template-columns:clamp(115px,27%,185px) 1fr;align-items:center;gap:10px;margin:18px 0 20px;padding:13px 18px 14px 8px;min-height:176px;overflow:hidden;border:1px solid #a86bcf;border-radius:24px;background:radial-gradient(ellipse at 15% 75%,#823dbe78,transparent 54%),radial-gradient(ellipse at 100% 0%,#cf5ac744,transparent 55%),linear-gradient(120deg,#382350,#211832);box-shadow:0 9px 24px #140a2180,inset 0 1px #ffffff24}
.chest-art{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-width:0}.chest-art img{width:100%;max-width:170px;filter:drop-shadow(0 0 17px #ce61f19c);animation:chestFloat 3.6s ease-in-out infinite}
@keyframes chestFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
.chest-details{position:relative;z-index:2;min-width:0}.chest-eyebrow{font-size:10px;letter-spacing:1.5px;color:#e6a4ff;font-weight:900}.chest-details h2{margin:4px 0 5px;font-size:clamp(17px,3vw,23px);color:#fff}.chest-details p{font-size:12px;line-height:1.45;color:#e7d6f4;margin:0 0 11px}.chest-details p strong{color:#ffdc7d}.chest-details button{max-width:100%;border:1px solid #ffb2f8;border-radius:14px;padding:11px 14px;color:#291331;font-weight:900;font-size:12px;background:linear-gradient(105deg,#ffabe9,#bd7afa);box-shadow:0 0 17px #dc65f157;cursor:pointer;white-space:normal}.chest-details button:disabled{background:#4d386a;border-color:#71558f;color:#e2c9ef;box-shadow:none;cursor:default}.chest-clock{margin-top:7px;font-size:11px;color:#d9c1e9}.chest-clock strong{font-variant-numeric:tabular-nums;color:#ffdc93}.chest-stars{position:absolute;right:15px;top:11px;color:#dca2ff;letter-spacing:9px;font-size:20px;opacity:.7;pointer-events:none}.chest-modal-art{display:block;margin:auto;width:170px;max-width:70%;filter:drop-shadow(0 0 14px #b36bff)}
@media(max-width:410px){.daily-chest{grid-template-columns:105px 1fr;gap:6px;padding:11px 10px 11px 4px;min-height:152px}.chest-details h2{font-size:17px}.chest-details button{padding:9px 8px;font-size:11px}.chest-details p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.chest-art img{animation:none}}

.language-gear{width:35px;height:40px;display:grid;place-items:center;border:0;background:transparent;padding:4px;flex:0 0 auto;border-radius:12px}
.language-gear:hover{background:#68439470}.language-gear img{width:26px;height:26px;filter:drop-shadow(0 0 5px #b76de7)}
.lang-overlay{position:fixed;inset:0;z-index:100000;background:#10091bdc;display:flex;align-items:center;justify-content:center;padding:18px}
.lang-modal{width:min(440px,100%);padding:24px;border-radius:23px;border:1px solid #ad6ada;background:linear-gradient(145deg,#3a2653,#201630);box-shadow:0 25px 90px #090313bb,0 0 30px #a346cb55}
.lang-title{display:flex;justify-content:space-between;align-items:center;font-size:23px;font-weight:800;margin-bottom:22px}.lang-title button{border:1px solid #7d569b;background:#3c2854;border-radius:50%;width:35px;height:35px;font-size:23px}
.lang-subtitle{font-size:15px;color:#d9b6f3;margin-bottom:12px}.lang-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lang-options button{padding:16px 8px;background:#352447;border:1px solid #8056a5;border-radius:14px;font-size:15px}.lang-options button.chosen{background:linear-gradient(120deg,#a54cd0,#e17cdb);border-color:#f7b0ff;color:#fff;font-weight:800;box-shadow:0 0 15px #d65ad680}.lang-modal p{font-size:12px;color:#bba3cd;margin:18px 0 0}
@media(max-width:480px){.top{gap:5px;padding-left:8px;padding-right:8px}.language-gear{width:27px;padding:2px}.language-gear img{width:22px;height:22px}}
.mission-card{min-height:100px}.mission-rewards span{font-weight:700}.mission-list{padding-bottom:12px}.mission-card button:not(:disabled){box-shadow:0 0 12px #d68bf066}@media(max-width:420px){.mission-card{flex-wrap:wrap}.mission-right{margin-left:auto}.mission-main{min-width:140px}}

.daily-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.daily-day{min-width:0!important;padding:8px 3px!important}.daily-day img{max-width:35px}.daily-timeline{display:grid!important;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px}.daily-timeline span{justify-self:center}@media(max-width:530px){.daily-days{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-timeline{grid-template-columns:repeat(7,minmax(0,1fr))}}


/* K-pop quest artwork: decoration only; rewards and tracking remain unchanged */
.missions-page .mission-card{position:relative;isolation:isolate;overflow:hidden;min-height:118px;background:radial-gradient(ellipse at 8% 48%,#68448375,transparent 46%),linear-gradient(112deg,#4a356a 0%,#34284f 56%,#38294f 100%);border:1px solid #7954a4;box-shadow:inset 0 1px #ffffff12,0 5px 17px #100b2429;transition:border-color .2s,transform .2s,box-shadow .2s}
.missions-page .mission-card:hover{border-color:#c486ee;transform:translateY(-2px);box-shadow:0 8px 25px #a84bd22a}
.missions-page .mission-card:before{content:"✦  ♡   ✧   ✦";position:absolute;z-index:-1;right:11%;top:10px;font-size:19px;letter-spacing:23px;color:#c9a5ed;opacity:.22;white-space:nowrap;transform:rotate(-12deg)}
.missions-page .mission-card:after{content:"";position:absolute;z-index:-1;right:17%;bottom:-33px;width:150px;height:150px;border:1px solid #ba88f41c;border-radius:50%;box-shadow:0 0 0 19px #ad76eb08,0 0 0 43px #ad76eb06}
.missions-page .mission-icon{flex:0 0 72px;width:72px;height:78px;display:grid;place-items:center;border:1px solid #a87cdd6b;border-radius:17px;background:linear-gradient(140deg,#69459470,#21173590);box-shadow:inset 0 1px #ffffff20,0 0 22px #bb65ef29}
.missions-page .mission-icon img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 9px #bd70ec8c)}
.missions-page .mission-main,.missions-page .mission-right{position:relative;z-index:1}
.missions-page .mission-main strong{font-size:15px}
.missions-page .mission-rewards{border-radius:12px;background:#1e17376e;padding:6px 9px}
.missions-page .mission-card button:not(:disabled){background:linear-gradient(110deg,#d785e9,#a96dea);color:#23112c}
@media(max-width:520px){.missions-page .mission-card{gap:9px;padding:10px;min-height:105px}.missions-page .mission-icon{flex-basis:52px;width:52px;height:61px;border-radius:13px}.missions-page .mission-icon img{width:49px;height:49px}.missions-page .mission-main strong{font-size:13px}.missions-page .mission-card:before{letter-spacing:10px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.missions-page .mission-card{transition:none}}


/* Admin: assign each photocard to multiple independently selectable packs */
.admin-pack-membership{border:1px solid #735393;border-radius:14px;padding:14px;margin:12px 0;min-width:0}
.admin-pack-membership legend{font-weight:800;padding:0 8px;color:#f1dcff}
.admin-pack-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.admin-pack-checks label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;background:rgba(150,96,194,.12);border:1px solid rgba(184,130,236,.25);border-radius:10px;padding:11px;cursor:pointer;min-width:0}
.admin-pack-checks label:has(input:checked){background:rgba(177,96,231,.25);border-color:#b97cf4}
.admin-pack-checks input{width:19px;height:19px;flex:none;accent-color:#c277f7}
.admin-pack-checks span{overflow-wrap:anywhere}
.admin-pack-select-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:650px){.admin-pack-checks{grid-template-columns:1fr}}

/* ALBUM DROP 3.0 — independent interactive 3D album reveal */
#modal-root .kpc-drop3{--drop-accent:#f27cfa;--drop-strong:#ef59d9;text-align:center;max-width:100%;overflow:hidden}
#modal-root .kpc-drop3.drop3-gold{--drop-accent:#f4c76b;--drop-strong:#df9d34}
#modal-root .kpc-drop3 .kpc-album-heading h2{font-size:clamp(22px,5vw,29px);margin:10px 0 6px}
#modal-root .kpc-drop3 .drop3-scene{display:block;position:relative;width:100%;height:clamp(350px,64vh,480px);max-height:480px;border:0;border-radius:24px;background:radial-gradient(ellipse at 50% 65%,#643a8975,transparent 62%),linear-gradient(145deg,#2c1d3c,#171124);overflow:hidden;perspective:1100px;isolation:isolate;cursor:pointer;margin:14px auto 10px}
#modal-root .drop3-spotlight{position:absolute;inset:0;background:conic-gradient(from 20deg at 50% 75%,transparent,#d98bff19,transparent,#f7a7e51b,transparent);animation:drop3-sweep 12s linear infinite}
#modal-root .drop3-orbit{position:absolute;width:82%;height:33%;left:9%;top:43%;border:2px solid var(--drop-accent);border-radius:50%;transform:rotate(-18deg);opacity:.72;box-shadow:0 0 15px var(--drop-accent);animation:drop3-orbit 5s ease-in-out infinite alternate}
#modal-root .drop3-platform{position:absolute;left:14%;right:14%;bottom:8%;height:50px;border:3px solid var(--drop-accent);border-radius:50%;box-shadow:0 0 25px var(--drop-accent),inset 0 0 30px #bb77e055;background:linear-gradient(180deg,#8c48ac65,#371f50);display:grid;place-items:center;color:#fff;font-size:24px}
#modal-root .drop3-book{position:absolute;top:46%;left:50%;width:min(73%,295px);height:76%;max-height:350px;transform:translate(-50%,-50%) rotate(-5deg);transform-style:preserve-3d;filter:drop-shadow(0 15px 16px #10051cbb);animation:drop3-float 3s ease-in-out infinite alternate}
#modal-root .drop3-front-cover{position:absolute;inset:0;z-index:4;transform-origin:19% 50%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1.25s cubic-bezier(.2,.72,.14,1),opacity .8s}
#modal-root .drop3-front-cover img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px var(--drop-accent))}
#modal-root .drop3-pages{position:absolute;inset:10% 13% 9% 14%;border:5px solid #e4b9f7;border-radius:14px;background:linear-gradient(120deg,#f7e4fa,#b58bd3 62%,#583e7e);box-shadow:inset 13px 0 20px #5d387b80,0 0 24px var(--drop-accent);display:flex;align-items:center;justify-content:center;flex-direction:column}
#modal-root .drop3-gold .drop3-pages{border-color:#f9dba5;background:linear-gradient(120deg,#fff4d9,#bd9558 65%,#48304a)}
#modal-root .drop3-inner-title{font-size:10px;letter-spacing:2px;color:#58336f;font-weight:900;position:absolute;top:8%}
#modal-root .drop3-card{position:absolute;width:56%;height:65%;top:21%;left:22%;border:3px solid #fff6;border-radius:12px;box-shadow:0 0 20px var(--drop-accent);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s;transform:translateY(14px) scale(.8);opacity:.4}
#modal-root .drop3-card-back,#modal-root .drop3-card-front{position:absolute;inset:0;border-radius:9px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:62px;color:white;background:linear-gradient(140deg,#ba68d5,#6542a2)}
#modal-root .drop3-gold .drop3-card-back{background:linear-gradient(140deg,#e6ad56,#66418a)}
#modal-root .drop3-card small{font-size:9px;letter-spacing:1px;font-weight:900}
#modal-root .drop3-card-front{transform:rotateY(180deg);background:linear-gradient(145deg,#fff2fc,#b366d7,#422262);font-size:52px}
#modal-root .drop3-particles{position:absolute;inset:0;pointer-events:none}
#modal-root .drop3-particles i{position:absolute;color:var(--drop-accent);font-size:clamp(18px,4vw,28px);font-style:normal;text-shadow:0 0 12px var(--drop-accent);animation:drop3-spark 3s ease-in-out infinite alternate}
#modal-root .drop3-particles i:nth-child(1){top:15%;left:11%}#modal-root .drop3-particles i:nth-child(2){top:33%;left:8%;animation-delay:.5s}#modal-root .drop3-particles i:nth-child(3){top:20%;right:12%;animation-delay:1s}#modal-root .drop3-particles i:nth-child(4){top:42%;right:7%;animation-delay:1.4s}#modal-root .drop3-particles i:nth-child(5){bottom:22%;left:11%;animation-delay:.8s}#modal-root .drop3-particles i:nth-child(6){bottom:16%;right:14%;animation-delay:1.7s}#modal-root .drop3-particles i:nth-child(7){top:7%;right:32%;animation-delay:2s}#modal-root .drop3-particles i:nth-child(8){bottom:8%;left:30%;animation-delay:1.1s}
#modal-root .drop3-action{width:min(100%,340px);min-height:49px;background:linear-gradient(115deg,#8844c6,var(--drop-strong),#873bba);border:1px solid #ffd5ff;color:#fff;border-radius:18px;font-size:15px;font-weight:900;box-shadow:0 0 17px #ba60dd77;cursor:pointer;letter-spacing:.4px}
#modal-root .drop3-caption{font-size:12px;min-height:18px;color:#e9baf8;margin:8px 0 0}
#modal-root .kpc-drop3.is-opening .drop3-action{opacity:.5;cursor:default}
#modal-root .kpc-drop3.drop3-unlock .drop3-book{animation:none;transform:translate(-50%,-50%) rotate(0)}
#modal-root .kpc-drop3.drop3-unlock .drop3-front-cover{transform:perspective(1000px) rotateY(-145deg);opacity:.65}
#modal-root .kpc-drop3.drop3-extract .drop3-card{transform:translate(22%,-43%) scale(1.28);opacity:1;z-index:6}
#modal-root .kpc-drop3.drop3-flip .drop3-card{transform:translate(35%,-52%) scale(1.45) rotateY(180deg)}
#modal-root .kpc-drop3.drop3-flip .drop3-orbit{box-shadow:0 0 30px var(--drop-accent)}
@keyframes drop3-float{to{transform:translate(-50%,-53%) rotate(-2deg)}}
@keyframes drop3-orbit{to{transform:rotate(7deg) scale(1.08);opacity:.4}}
@keyframes drop3-spark{to{transform:translateY(-15px) rotate(20deg) scale(1.2);opacity:.45}}
@keyframes drop3-sweep{to{transform:rotate(360deg)}}
@media(max-width:520px){#modal-root .kpc-drop3 .drop3-scene{height:360px}#modal-root .drop3-book{width:75%;height:78%}#modal-root .drop3-platform{bottom:7%;height:38px}#modal-root .drop3-action{min-height:46px}}
@media(prefers-reduced-motion:reduce){#modal-root .drop3-spotlight,#modal-root .drop3-orbit,#modal-root .drop3-book,#modal-root .drop3-particles i{animation:none!important}}

/* KPC premium notification icons: vector badges, no platform emoji */
.notice-panel{width:min(390px,calc(100vw - 24px));background:linear-gradient(155deg,#302143,#231b36 85%);border-color:#70528f;box-shadow:0 20px 64px #090515dc,0 0 0 1px #c18bf211;}
.notice-heading{display:inline-flex;align-items:center;gap:9px;font-size:14px;letter-spacing:.1px;white-space:nowrap}
.notice-heading img{width:17px;height:17px;filter:drop-shadow(0 0 5px #d39aff88)}
.notice-item{gap:12px;padding:13px 8px;align-items:center;min-width:0}
.notice-item>div{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.notice-item strong{display:block;margin-bottom:3px;color:#f7efff;font-size:13px}
.notice-icon{--notice-a:#b28cff;--notice-b:#7653b4;position:relative;flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--notice-a) 23%,#2a2042),#261d3b);border:1px solid color-mix(in srgb,var(--notice-a) 40%,transparent);box-shadow:inset 0 1px 0 #ffffff14,0 4px 15px #09061350}
.notice-icon:after{content:'';position:absolute;inset:4px;border-radius:11px;border:1px solid #ffffff0a;pointer-events:none}
.notice-icon img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 2px 6px #11092080)}
.notice-icon--card{--notice-a:#e79cf5;--notice-b:#a25fce}
.notice-icon--level{--notice-a:#ffcd7a;--notice-b:#b47c3e}
.notice-icon--dust{--notice-a:#87e4e4;--notice-b:#3b9eae}
.notice-icon--reward{--notice-a:#d1a0ff;--notice-b:#8864c7}
.notice-icon--friends{--notice-a:#8bc8ff;--notice-b:#5189ce}
.notice-icon--spark{--notice-a:#ffb6dc;--notice-b:#b36a9c}
@media(max-width:550px){.notice-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}.notice-icon img{width:25px;height:25px}}

/* K-POP SOCIAL homepage additions */
.kpc-home-social .feature-banner{isolation:isolate}.kpc-home-social .feature-banner>img{object-fit:contain;object-position:right center;max-width:52%;height:100%;right:0;top:0}.kpc-home-social .banner-copy{position:relative;z-index:2}.kpc-home-social .banner-brand{font-style:italic;letter-spacing:.02em}.kpc-home-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 2px 12px}.kpc-home-head h2{font-size:19px;margin:0}.kpc-home-head span,.kpc-home-head button{color:#e0baf5;font-size:12px}.kpc-home-head button{border:0;background:none}.kpc-spotlight{position:relative;overflow:hidden;border:1px solid #9e61c6;border-radius:22px;min-height:190px;padding:22px;background:radial-gradient(circle at 85% 30%,#a34caa77,transparent 55%),linear-gradient(110deg,#39204e,#251938)}.kpc-spotlight-text{max-width:72%;position:relative;z-index:1}.kpc-spotlight-text small{color:#e6a9ff;letter-spacing:.14em;font-weight:800}.kpc-spotlight h2{font-size:30px;margin:9px 0;color:#fff;text-shadow:0 0 15px #e77ef577}.kpc-spotlight p{color:#e4d1f1;font-size:13px}.kpc-spotlight-decor{position:absolute;right:12%;top:24%;font-size:52px;color:#f3a9ff77;transform:rotate(-15deg)}.kpc-slide-controls{position:absolute;bottom:12px;right:14px;display:flex;align-items:center;gap:10px;font-size:12px}.kpc-slide-controls button{background:#ffffff20;border:1px solid #d8a3f655;border-radius:50%;width:29px;height:29px;font-size:22px}.kpc-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpc-action{position:relative;text-align:left;min-height:140px;display:flex;flex-direction:column;gap:7px;border:1px solid #8f5db5;border-radius:18px;padding:14px;background:linear-gradient(145deg,#4c285f,#291d3e)}.kpc-action-2{background:linear-gradient(145deg,#68404b,#291d3e)}.kpc-action-3{background:linear-gradient(145deg,#295b65,#291d3e)}.kpc-action b{font-size:34px;color:#e5a3ff}.kpc-action strong{font-size:14px}.kpc-action small{font-size:11px;color:#d5c4e5}.kpc-action>span{position:absolute;bottom:10px;right:12px;color:#dba2f9}.kpc-home-personal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpc-home-personal>div{background:#362449;border:1px solid #8159a4;border-radius:16px;padding:15px;text-align:center}.kpc-home-personal span{display:block;color:#ddc2ed;font-size:12px}.kpc-home-personal strong{display:block;font-size:27px;margin-top:6px}.kpc-home-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.kpc-home-tile{display:flex;flex-direction:column;text-align:left;gap:7px;border-radius:18px;padding:17px;background:linear-gradient(120deg,#4c2c64,#2b2043);border:1px solid #8c59b5}.kpc-home-tile>span{font-size:27px}.kpc-home-tile strong{font-size:16px}.kpc-home-tile small{color:#dac7ea}.kpc-home-tile em{font-size:12px;color:#e8a5ff;font-style:normal}.kpc-home-drops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpc-home-drop{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #8159aa;border-radius:14px;background:#342447;padding:8px;overflow:hidden}.kpc-home-drop img,.kpc-home-drop>span{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;background:linear-gradient(135deg,#a864b8,#352044)}.kpc-home-drop>span{display:grid;place-items:center;font-size:40px}.kpc-home-drop strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc-home-drop small{font-size:10px;color:#c9b4de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc-home-featured{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #8159aa;border-radius:18px;padding:15px;background:#342447}.kpc-home-featured>img{width:95px;height:100px;object-fit:contain}.kpc-home-featured>div{flex:1;min-width:0}.kpc-home-featured strong,.kpc-home-featured small{display:block;margin-bottom:7px}.kpc-home-featured small{color:#d4c0e8;font-size:12px}.kpc-home-featured>span{color:#e3a4fa}.kpc-home-news{margin-top:20px;padding:17px;border:1px solid #654787;border-radius:15px;background:#2b203d}.kpc-home-news strong{color:#edb4ff}.kpc-home-news p{font-size:12px;color:#cbb7df;margin-bottom:0}@media(max-width:570px){.kpc-home-social .feature-banner>img{max-width:49%;opacity:.9}.kpc-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.kpc-action{min-height:116px}.kpc-home-head h2{font-size:16px}.kpc-home-drops{gap:5px}.kpc-home-drop{padding:4px}.kpc-home-drop strong{font-size:9px}.kpc-home-duo{gap:7px}.kpc-home-tile{padding:11px}.kpc-home-tile strong{font-size:13px}.kpc-home-personal>div{padding:9px}.kpc-home-personal span{font-size:10px}.kpc-home-personal strong{font-size:21px}}

/* K-POP SOCIAL neon homepage refresh */
.kpc-home-social{overflow:hidden}.kpc-home-social .feature-banner{min-height:260px;background:radial-gradient(circle at 78% 32%,#9d3b9666,transparent 52%),linear-gradient(115deg,#261539,#632365);display:flex;align-items:center}
.kpc-home-social .banner-copy{width:55%;max-width:55%;padding:24px 20px 24px 26px;box-sizing:border-box}.kpc-home-social .banner-brand{font-size:clamp(29px,4.7vw,55px);line-height:1.04;white-space:normal;text-shadow:0 0 18px #f783ff99}.kpc-neon-heart{font-style:normal;color:#ffa3ed;font-size:.78em;text-shadow:0 0 8px #ff7bdc,0 0 22px #ff48e7}
.kpc-hero-art{position:absolute;right:3%;top:7%;bottom:7%;width:43%;pointer-events:none}.kpc-hero-card{position:absolute;top:6%;width:47%;height:89%;border:4px solid #f3b5ff;border-radius:16px;background:linear-gradient(160deg,#693783,#281639 70%);box-shadow:0 0 18px #fa82ff77,inset 0 0 20px #bc60df66;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px;box-sizing:border-box}.kpc-hero-card img{height:76%;max-width:120%;object-fit:contain;filter:drop-shadow(0 0 13px #ff72d1)}.kpc-hero-card strong,.kpc-hero-card small{color:#ffe0fc;font-size:clamp(9px,1.2vw,15px);font-weight:900;text-shadow:0 0 9px #f97ae6}.kpc-hero-pipi{left:5%;transform:rotate(-12deg);z-index:1}.kpc-hero-lightstick{right:4%;transform:rotate(10deg);z-index:2;background:linear-gradient(145deg,#4a225a,#1b102f)}
.kpc-home-social .kpc-spotlight{min-height:230px;background:radial-gradient(ellipse at 78% 50%,#ad3b9b77,transparent 50%),linear-gradient(115deg,#24132e,#51204d);box-shadow:inset 0 0 40px #f18df020}.kpc-spotlight:after{content:'✦  ♡  ✧';position:absolute;right:15%;top:14%;color:#ffc7ef;font-size:22px;letter-spacing:30px;text-shadow:0 0 14px #ff72da}.kpc-spotlight-text{max-width:58%}.kpc-spotlight h2{font-size:clamp(25px,4vw,42px);font-style:italic;color:#ffd3f2;text-shadow:0 0 15px #f05ec9}.kpc-event-art{position:absolute;right:5%;top:-24%;height:150%;width:43%;object-fit:contain;filter:drop-shadow(0 0 20px #f957d7)}.kpc-slide-controls{z-index:3}
.kpc-home-shortcuts .kpc-action{min-height:185px;background:linear-gradient(145deg,#482453,#241a3c);border-color:#ac67cc;box-shadow:inset 0 0 23px #b36ed422;transition:transform .2s,box-shadow .2s}.kpc-home-shortcuts .kpc-action:hover{transform:translateY(-3px);box-shadow:0 0 20px #cb73e966}.kpc-home-shortcuts .kpc-action-2{background:linear-gradient(145deg,#61364c,#241a3c)}.kpc-home-shortcuts .kpc-action-3{background:linear-gradient(145deg,#27546a,#241a3c)}.kpc-action-art{width:92px;height:92px;object-fit:contain;align-self:center;filter:drop-shadow(0 0 8px #f37bff)}.kpc-home-duo .kpc-home-tile{position:relative;min-height:145px;padding-left:110px;justify-content:center;overflow:hidden}.kpc-tile-art{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:103px;height:103px;object-fit:contain;filter:drop-shadow(0 0 10px #f576e8)}
@media(max-width:650px){.kpc-home-social .feature-banner{min-height:220px}.kpc-home-social .banner-copy{width:59%;max-width:59%;padding:16px 8px 16px 15px}.kpc-home-social .banner-brand{font-size:clamp(25px,6vw,39px)}.kpc-hero-art{right:1%;width:40%;top:13%;bottom:13%}.kpc-hero-card{border-width:2px;border-radius:9px;padding:3px}.kpc-hero-card strong,.kpc-hero-card small{font-size:8px}.kpc-home-social .kpc-spotlight{min-height:200px}.kpc-spotlight-text{max-width:63%}.kpc-event-art{right:-7%;width:48%}.kpc-home-shortcuts .kpc-action{min-height:150px}.kpc-action-art{width:72px;height:72px}.kpc-home-duo .kpc-home-tile{padding-left:75px;min-height:130px}.kpc-tile-art{width:70px;height:70px}}
@media(max-width:390px){.kpc-home-social .banner-copy{width:62%;max-width:62%}.kpc-home-social .banner-brand{font-size:26px}.kpc-hero-art{width:36%}.kpc-home-duo .kpc-home-tile{padding:72px 9px 10px}.kpc-tile-art{top:38px;left:12px;transform:translateY(-50%);width:62px;height:62px}}

/* K-POP SOCIAL: original transparent dual-card artwork */
.kpc-home-social .kpc-hero-art--combined{right:1.5%;top:0;bottom:0;width:48%;display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:none}
.kpc-home-social .kpc-hero-cards-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(30,0,45,.28))}
@media(max-width:650px){.kpc-home-social .kpc-hero-art--combined{right:0;width:43%;top:4%;bottom:4%}.kpc-home-social .kpc-hero-cards-image{width:100%;height:100%}}
@media(max-width:410px){.kpc-home-social .kpc-hero-art--combined{width:40%;right:0}}

/* Single premium BLACKPINK WEEK event slide */
.kpc-home-social .kpc-spotlight-blackpink{min-height:230px;padding:27px 26px;background:linear-gradient(110deg,#23132e 0%,#39183f 48%,#5a2056 100%);border-color:#d26ed8;box-shadow:inset 0 0 28px #ed68e312}
.kpc-home-social .kpc-spotlight-blackpink .kpc-blackpink-event-art{position:absolute;right:0;top:0;width:73%;height:100%;object-fit:cover;object-position:center center;z-index:0;pointer-events:none}
.kpc-home-social .kpc-spotlight-blackpink:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#25152feF 0%,#301734ed 24%,#301734bd 39%,#30173435 58%,transparent 76%);pointer-events:none;z-index:1}
.kpc-home-social .kpc-spotlight-blackpink .kpc-spotlight-text{z-index:2;max-width:48%}
.kpc-home-social .kpc-spotlight-blackpink .kpc-spotlight-text small{font-size:12px;color:#ffb5ef;letter-spacing:.12em}
.kpc-home-social .kpc-spotlight-blackpink h2{font-style:italic;font-size:clamp(28px,4vw,46px);line-height:1.02;color:#ffd1f5;text-shadow:0 0 16px #ff72d9aa;margin:12px 0}
.kpc-home-social .kpc-spotlight-blackpink .kpc-event-heart{font-style:normal;color:#ff9de8}
.kpc-home-social .kpc-spotlight-blackpink p{max-width:280px;line-height:1.5;color:#fff3ff}
.kpc-home-social .kpc-spotlight-blackpink .pink-button{position:relative;z-index:3}
@media(max-width:600px){.kpc-home-social .kpc-spotlight-blackpink{min-height:205px;padding:20px 15px}.kpc-home-social .kpc-spotlight-blackpink .kpc-blackpink-event-art{width:85%;object-position:50% center}.kpc-home-social .kpc-spotlight-blackpink:after{background:linear-gradient(90deg,#25152ff5 0%,#301734e8 35%,#3017347d 65%,transparent 100%)}.kpc-home-social .kpc-spotlight-blackpink .kpc-spotlight-text{max-width:62%}.kpc-home-social .kpc-spotlight-blackpink h2{font-size:clamp(22px,6vw,34px)}.kpc-home-social .kpc-spotlight-blackpink p{font-size:11px}.kpc-home-social .kpc-spotlight-blackpink .pink-button{font-size:12px;padding:10px 16px}}

/* Premium collector journey — standalone responsive cards with live counters */
.kpc-progress-premium{position:relative;isolation:isolate;margin-top:24px;padding:15px 17px 20px;border:1px solid #a45cc8;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 84% 10%,#8b378b55,transparent 46%),linear-gradient(130deg,#2e1944,#261934 70%,#3b2054);box-shadow:inset 0 1px #f0a2ff22,0 14px 34px #11091b55}
.kpc-progress-premium:before{content:'';position:absolute;z-index:-1;right:-12%;top:15px;width:65%;height:90px;border-top:2px solid #e87af655;border-radius:50%;transform:rotate(-9deg);filter:drop-shadow(0 0 7px #f27af6)}
.kpc-progress-premium .kpc-progress-title{margin:0 0 16px}
.kpc-progress-title h2{color:#fff;text-shadow:0 0 16px #ed78e566;font-size:21px}
.kpc-progress-title h2>span{font-size:19px;letter-spacing:-3px;color:#ff91f4;text-shadow:0 0 12px #ed75fa}
.kpc-progress-title em{font-style:normal;color:#ffabf6;margin-left:7px}
.kpc-progress-premium .kpc-home-personal{gap:12px}
.kpc-progress-premium .kpc-home-personal>.kpc-progress-stat{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:116px;padding:11px 10px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(150deg,#6b327c99,#3b2458 62%,#4a235d);border:1px solid #e57bdf;border-radius:19px;box-shadow:inset 0 1px 0 #ffd0ff55,inset 0 -3px 10px #fa61d52b,0 0 15px #f65bdc22}
.kpc-progress-stat:after{content:'';position:absolute;pointer-events:none;inset:auto -25% -42% 25%;height:62%;border-top:2px solid #f9a5ff90;border-radius:50%;transform:rotate(-16deg);box-shadow:0 -5px 20px #e565f266}
.kpc-progress-stat img{width:38%;max-width:110px;height:94px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 9px #ed7ff1aa)}
.kpc-progress-stat-content{min-width:0;flex:1;position:relative;z-index:1;border-left:1px solid #eea8f54d;padding-left:12px}
.kpc-progress-premium .kpc-progress-stat span{color:#f5dbfc;font-size:12px;line-height:1.3;font-weight:600}
.kpc-progress-premium .kpc-progress-stat strong{font-size:34px;font-weight:850;line-height:1.1;margin-top:7px;color:white;text-shadow:0 0 16px #ff9cf48a;font-variant-numeric:tabular-nums}
@media(max-width:640px){.kpc-progress-premium{padding:12px 10px 14px}.kpc-progress-premium .kpc-home-personal{gap:6px}.kpc-progress-premium .kpc-home-personal>.kpc-progress-stat{min-height:112px;flex-direction:column;gap:0;padding:8px 4px;text-align:center}.kpc-progress-stat img{width:60px;max-width:75%;height:55px}.kpc-progress-stat-content{border:0;padding:0}.kpc-progress-premium .kpc-progress-stat span{font-size:10px}.kpc-progress-premium .kpc-progress-stat strong{font-size:25px;margin-top:4px}.kpc-progress-title h2{font-size:18px}}


/* Original banner with no decorative overlay. */
.kpc-home-social .feature-banner{position:relative;overflow:hidden}
.kpc-home-social .banner-copy{position:relative;z-index:3}
.kpc-home-social .kpc-hero-art--combined{z-index:2}


/* ==== [1] <style id=portrait-update> (head) ==== */

.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;align-items:start}
.collect-card{min-width:0;padding:9px;border-radius:18px;background:linear-gradient(150deg,#4b2b71,#21172f);border:1px solid #b96ae088;box-shadow:0 8px 24px #12091e88}
.collect-card .art{position:relative;display:block;width:100%;height:auto;aspect-ratio:3/4.45;overflow:hidden;border:2px solid var(--rank-color)!important;border-radius:12px;background:radial-gradient(circle at 50% 30%,#7951a6,#21132f 75%);box-shadow:0 0 14px var(--rank-color),inset 0 0 15px #ffffff25}
.collect-card .art:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(125deg,#fff5,transparent 25%,transparent 68%,#fff3 74%,transparent 84%)}
.collect-card .collection-card-photo,.collect-card .portrait-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:9px}
.collect-card .rank-pill{position:absolute;z-index:2;top:7px;left:7px;padding:4px 7px;border:1px solid #fffa;border-radius:7px;background:linear-gradient(120deg,var(--rank-color),#251138);box-shadow:0 0 13px var(--rank-color);font-weight:900;font-style:italic;font-size:13px;text-shadow:0 1px 3px #000}
.collect-card .rank-side{position:absolute;z-index:2;top:27%;right:0;writing-mode:vertical-rl;letter-spacing:1px;padding:8px 3px;border-left:2px solid var(--rank-color);border-radius:6px 0 0 6px;background:#150b2dcc;font-size:10px;font-weight:800}
.collect-card .card-group-mark{position:absolute;z-index:2;bottom:8px;left:7px;right:7px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;background:#160d2bdc;border-radius:6px;font-weight:900;font-size:11px;text-shadow:0 1px 4px #000;overflow:hidden}
.collect-card .card-group-mark img{width:18px;height:18px;object-fit:contain}
.collect-card>strong{font-size:14px;margin:9px 2px 2px;overflow-wrap:anywhere}.collect-card>small{display:block;margin:0 2px 8px;font-size:11px}.collect-card .favorite{border:1px solid #a46bc2;border-radius:10px;background:#5b367b;padding:7px;font-size:11px}
@media(max-width:550px){.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collect-card{padding:7px}}
@media(min-width:700px){.collection{grid-template-columns:repeat(4,minmax(0,1fr))}}

.mission-summary,.mission-card,.mission-footer{background:linear-gradient(115deg,#513168,#30234d);border:1px solid #8357ac;border-radius:19px;padding:15px;display:flex;align-items:center;gap:13px}.mission-summary{margin:17px 0}.mission-summary>img,.mission-footer>img{width:58px;height:58px;object-fit:contain}.mission-summary>div,.mission-footer>div{flex:1;min-width:0}.mission-summary p{margin:6px 0;color:#d9c1ec;font-size:13px}.mission-track{height:8px;background:#20162e;border-radius:9px;overflow:hidden;margin-top:8px}.mission-track i{display:block;height:100%;background:linear-gradient(90deg,#8b8bff,#ef70e2);border-radius:9px}.mission-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0;scrollbar-width:none}.mission-tabs button{white-space:nowrap;border:1px solid #79569e;background:#281d40;border-radius:25px;padding:11px 16px}.mission-tabs button.active{background:linear-gradient(110deg,#ee82dc,#ab7be8);color:#281635;font-weight:800}.mission-list{display:grid;gap:11px}.mission-card{padding:13px;align-items:flex-start}.mission-icon{width:48px;height:48px;flex-shrink:0;border-radius:13px;background:#5a387b;display:grid;place-items:center}.mission-icon img{width:34px;height:34px}.mission-main{flex:1;min-width:0}.mission-main strong{font-size:14px}.mission-main p{font-size:12px;color:#dcc8ed;margin:5px 0}.mission-main small{display:block;text-align:right;color:#d7b6eb;margin-top:4px}.mission-right{display:grid;gap:8px;justify-items:end}.mission-rewards{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.mission-rewards span{display:flex;align-items:center;gap:3px;font-size:11px;background:#261a40;padding:5px 7px;border-radius:10px}.mission-rewards img{width:15px;height:15px}.mission-right button,.mission-footer button,.mission-admin{background:#b67de2;color:#241432;border:0;border-radius:12px;padding:8px 10px;font-weight:800;font-size:12px}.mission-right button:disabled,.mission-footer button:disabled{background:#654a82;color:#c8b8d9;opacity:.8}.mission-footer{margin-top:20px}.mission-footer small{display:block;color:#d7c2e6;margin-top:5px}.mission-note{font-size:12px;color:#cdb2e2}.mission-admin{margin-top:18px}.mission-edit-modal{display:grid;gap:9px;text-align:left}.mission-edit-modal label{display:grid;gap:3px;font-size:12px}.mission-edit-modal input,.mission-edit-modal select{background:#21172e;color:white;border:1px solid #8b64a9;border-radius:8px;padding:9px;width:100%}.mission-edit-modal button{border:1px solid #aa7acb;border-radius:9px;background:#6c3b90;padding:9px;color:white}.mission-edit-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff22}.mission-edit-row button{padding:5px 9px}@media(max-width:500px){.mission-card{gap:8px;padding:10px}.mission-icon{width:35px;height:35px}.mission-icon img{width:25px;height:25px}.mission-right{max-width:100px}.mission-right button{font-size:10px}.mission-main strong{font-size:12px}.mission-summary>img,.mission-footer>img{width:42px;height:42px}}


/* ==== [2] <style> (head) ==== */

.collection-sort-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 16px;padding:12px 16px;border:1px solid #79509a;border-radius:16px;background:linear-gradient(110deg,#39264f,#251b3c);color:#eacffb}
.collection-sort-bar label{font-weight:700;font-size:14px}
.collection-sort-bar select{max-width:100%;min-width:210px;background:#241735;color:#fff;border:1px solid #9466b5;border-radius:12px;padding:11px 13px;font:inherit;cursor:pointer}
.collection-sort-bar select:focus{outline:2px solid #d58cf3;outline-offset:2px}
@media(max-width:500px){.collection-sort-bar{align-items:stretch}.collection-sort-bar select{width:100%;min-width:0}}


/* ==== [3] <style> (head) ==== */

.sound-controls{margin:16px 0;padding:15px;border:1px solid #76518e;border-radius:15px;background:rgba(133,71,173,.12);display:grid;gap:14px;color:#f7eaff}
.sound-toggle,.sound-volume{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.sound-toggle input{width:21px;height:21px;accent-color:#c86af5}
.sound-volume{display:grid;gap:10px}
.sound-volume span{display:flex;justify-content:space-between}
.sound-volume input{width:100%;accent-color:#c86af5}
.sound-preview{border:1px solid #ad71d0;border-radius:12px;background:#51306c;color:white;padding:10px;cursor:pointer}


/* ==== [4] <style> (head) ==== */

.kpop-celebration{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden}
.kpop-particle{position:absolute;top:50%;left:50%;width:var(--size);height:calc(var(--size)*1.65);background:var(--color);border-radius:2px;box-shadow:0 0 9px var(--color),0 0 18px var(--color);opacity:0;animation:kpop-burst var(--duration) ease-out var(--delay) forwards}
.kpop-particle.star{clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 34%)}
@keyframes kpop-burst{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0deg)}12%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.55) rotate(var(--rot))}}
@media(prefers-reduced-motion:reduce){.kpop-celebration{display:none}}


/* ==== [5] <style> (head) ==== */

.packs:has(.special-pack){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.packs .pack:not(.special-pack){grid-column:span 2}
.packs .special-pack{grid-column:span 1;display:flex;flex-direction:column;min-width:0;padding:12px;position:relative;gap:7px;min-height:270px;align-items:stretch;text-align:center;border:1px solid #76429b;background:linear-gradient(145deg,#37234f,#241934)}
.packs .special-pack>img{width:100%;height:145px;object-fit:contain;max-width:none;border-radius:10px}
.packs .special-pack .pack-info{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}
.packs .special-pack .pack-info h2{font-size:16px;line-height:1.15;margin:2px 0 6px}
.packs .special-pack .pack-info p{font-size:12px;line-height:1.3;min-height:44px;margin:0 0 8px}
.packs .special-pack .buy{position:static;min-width:100px;width:90%;max-width:210px}
.packs .special-pack .info{top:10px;right:10px}
.packs .event-pack{box-shadow:inset 0 0 25px #a3286c22}
.packs .ultra-pack{box-shadow:inset 0 0 25px #e0b34822}
.ultra-opening{width:100%;min-width:0}.ultra-opening h2{font-size:19px;margin:8px 0}.ultra-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px auto;max-width:570px}
.ultra-rewards .reward{width:100%;min-width:0;margin:0;padding:5px;border-radius:10px}
.ultra-rewards .person{height:85px;min-height:0}
.ultra-rewards .reward strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ultra-rewards .reward small{font-size:9px}
@media(max-width:480px){.packs .special-pack{padding:9px;min-height:245px}.packs .special-pack>img{height:110px}.packs .special-pack .pack-info h2{font-size:14px}.ultra-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.ultra-rewards .person{height:100px}}


/* ==== [6] <style id=special-case-polish> (head) ==== */

/* Special cases: coherent two-column storefront tiles */
.packs .pack.special-pack{position:relative;grid-column:span 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:0;min-height:322px;padding:17px 13px 15px;border-radius:23px;overflow:hidden;text-align:center;border:1px solid #8065a6;background:radial-gradient(ellipse at 50% 8%,#6c3f84 0%,#422b60 42%,#302342 100%);box-shadow:inset 0 1px 0 #ffffff18,0 8px 25px #120d232b}
.packs .pack.event-pack{border-color:#9b638d;background:radial-gradient(ellipse at 50% 8%,#70416e 0%,#483057 46%,#30243d 100%)}
.packs .pack.ultra-pack{border-color:#9074a4;background:radial-gradient(ellipse at 50% 8%,#594b86 0%,#3e315d 46%,#2b2547 100%)}
.packs .pack.special-pack:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffff0c,transparent 58%)}
.packs .pack.special-pack>img{position:relative;z-index:1;display:block;flex:none;width:100%;max-width:270px;height:165px;object-fit:contain;margin:0 auto 8px;mix-blend-mode:screen;filter:drop-shadow(0 9px 13px #13071c77)}
.packs .pack.special-pack .pack-info{position:relative;z-index:1;flex:1;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0 58px!important;min-width:0;width:100%}
.packs .pack.special-pack h2{font-size:clamp(15px,2.4vw,19px);margin:0 0 7px;line-height:1.2}
.packs .pack.special-pack p{font-size:clamp(11px,1.65vw,13px);line-height:1.35;min-height:0;margin:0;color:#d9c9ed}
.packs .pack.special-pack .buy{position:absolute;z-index:3;left:50%;right:auto;bottom:0;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;width:min(88%,210px);max-width:none;min-width:0;height:43px;margin:0;padding:7px 10px;font-size:18px;border-radius:24px;background:linear-gradient(110deg,#74509c,#5b438b);box-shadow:0 4px 15px #100b1d55}
.packs .pack.special-pack .buy:hover{background:linear-gradient(110deg,#8762ae,#71529e)}
.packs .pack.special-pack .info{z-index:4;top:10px;right:10px}
/* Ten cards: portrait thumbnails that never stretch to the default 245px card height */
.modal .ultra-opening{width:100%;min-width:0;padding:0 1px}
.modal .ultra-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-items:center;gap:7px;width:100%;max-width:440px;margin:13px auto}
.modal .ultra-rewards .reward{box-sizing:border-box;width:100%;height:auto!important;min-height:0!important;aspect-ratio:3/4.15;max-width:79px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-width:2px;border-radius:9px;box-shadow:0 0 9px var(--rare),inset 0 0 10px #ffffff18;overflow:hidden}
.modal .ultra-rewards .reward .person{display:flex;align-items:center;justify-content:center;flex:1;min-height:0!important;height:auto!important;width:100%;font-size:clamp(17px,3vw,29px);overflow:hidden}
.modal .ultra-rewards .reward .person img{width:100%!important;height:100%!important;object-fit:contain!important}
.modal .ultra-rewards .reward strong{font-size:9px;line-height:1.15;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal .ultra-rewards .reward small{font-size:8px;line-height:1.1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.packs .pack.special-pack{min-height:265px;padding:13px 8px 12px;border-radius:19px}.packs .pack.special-pack>img{height:118px;margin-bottom:7px}.packs .pack.special-pack .pack-info{padding-bottom:51px!important}.packs .pack.special-pack h2{font-size:14px}.packs .pack.special-pack p{font-size:11px}.packs .pack.special-pack .buy{height:38px;font-size:15px;width:91%}.modal .ultra-rewards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.modal .ultra-rewards .reward{max-width:74px;padding:3px 2px;gap:3px}.modal .ultra-rewards .reward strong{font-size:8px}.modal .ultra-rewards .reward small{font-size:7px}}
@media(max-width:350px){.packs .pack.special-pack>img{height:102px}.packs .pack.special-pack{min-height:255px}.modal .ultra-rewards{gap:3px}.modal .ultra-rewards .reward{border-width:1px}}


/* ==== [7] <style> (head) ==== */

/* PNG illustrations are truly transparent; no rectangular backdrop. */
.packs .special-pack>img{height:160px;width:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 10px 10px #120b21a0);background:transparent}
.packs .event-pack{background:linear-gradient(155deg,#4c2a54,#2b203e 80%);border-color:#995a9f}
.packs .ultra-pack{background:linear-gradient(155deg,#3a315c,#27213f 80%);border-color:#8871a9}
.packs .special-pack .buy{align-self:center;margin-inline:auto}
/* Keep single reward centered and fully inside the final modal. */
.modal:has(.claim-result){padding:22px 20px 25px;overflow-y:auto}
.claim-result{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.claim-result h2{font-size:23px;margin:4px 30px 10px;line-height:1.2}
.claim-result-card{width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;min-height:0}
.claim-result-card .reward{position:relative;flex:0 0 auto;width:150px;height:204px;min-width:0;margin:0;padding:8px 6px;border-width:3px;gap:5px;box-shadow:0 0 18px var(--rare),inset 0 0 15px #ffffff20;overflow:hidden}
.claim-result-card .reward .person{height:145px;min-height:0;max-height:145px;width:100%;font-size:65px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.claim-result-card .reward .person img{width:100%;height:100%;object-fit:contain!important}
.claim-result-card .reward strong{font-size:14px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.claim-result-card .reward small{font-size:12px}
.claim-result .hint{margin:0 0 4px;line-height:1.4}
.claim-result .primary,.claim-result .secondary{margin-top:4px;width:min(100%,370px)}
@media(max-width:480px){.packs .special-pack>img{height:130px}.claim-result-card .reward{width:138px;height:188px}.claim-result-card .reward .person{height:131px;max-height:131px}}


/* ==== [8] <style> (head) ==== */

/* Card reveal: CSS-only 3D flip, no new external dependencies. */
.animated-reveal-stage{overflow:visible!important;display:block!important;padding:8px 0 12px!important;touch-action:auto}
.animated-reveal-stage .animated-reveal{display:flex;justify-content:center;align-items:center;min-height:290px}
.flip-slot{position:relative;width:164px;height:244px;perspective:1100px;flex:none;isolation:isolate}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:card-flip-reveal 1.15s cubic-bezier(.2,.72,.22,1) var(--card-delay,0ms) both}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;overflow:hidden}
.flip-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:3px solid #c89aff;background:radial-gradient(circle at 45% 32%,#7853b7,#32234f 58%,#18112d);box-shadow:inset 0 0 24px #ad7eff88,0 10px 32px #120d2480}
.flip-back:after{content:'';position:absolute;inset:9px;border:1px solid #ddc0ff88;border-radius:9px;pointer-events:none}
.flip-back-crown{font-size:52px;color:#f6d9ff;text-shadow:0 0 18px #d58aff}
.flip-back-brand{font-size:17px;font-weight:900;letter-spacing:1.2px;line-height:1.3;color:#fff;text-shadow:0 0 15px #b46eff}
.flip-back-stars{font-size:19px;color:#d9a9ff}
.flip-front{transform:rotateY(180deg);display:flex;align-items:stretch;justify-content:center}
.flip-front>.reward{margin:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;display:flex;flex-direction:column;justify-content:space-between;padding:9px!important}
.flip-front .person{height:165px!important;min-height:0!important;flex:1;display:grid;place-items:center;overflow:hidden}
.flip-front .reward strong{font-size:13px!important;white-space:normal!important;line-height:1.2;overflow-wrap:anywhere}
.flip-front .reward small{font-size:11px!important}
@keyframes card-flip-reveal{0%,28%{transform:rotateY(0) scale(.87)}55%{transform:rotateY(90deg) scale(1.08)}80%{transform:rotateY(180deg) scale(1.06)}100%{transform:rotateY(180deg) scale(1)}}
.single-reveal .flip-slot{animation:single-card-float 2.5s ease-in-out 1.15s infinite alternate}
@keyframes single-card-float{to{transform:translateY(-5px)}}
.animated-ultra-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:550px;margin:14px auto}
.animated-ultra-grid .flip-slot{width:100%;height:auto;aspect-ratio:2/3;min-width:0}
.animated-ultra-grid .flip-back{gap:3px;border-width:2px;border-radius:8px}
.animated-ultra-grid .flip-back-crown{font-size:clamp(12px,3vw,27px)}
.animated-ultra-grid .flip-back-brand{font-size:clamp(5px,1.1vw,9px);letter-spacing:0}
.animated-ultra-grid .flip-back-stars{font-size:9px}
.animated-ultra-grid .flip-back:after{inset:4px;border-radius:5px}
.animated-ultra-grid .flip-front>.reward{padding:3px!important;border-radius:7px}
.animated-ultra-grid .flip-front .person{height:auto!important;min-height:0!important}
.animated-ultra-grid .flip-front .reward strong{font-size:9px!important;line-height:1.1}
.animated-ultra-grid .flip-front .reward small{font-size:8px!important}
.rarity-flash{position:absolute;inset:0;pointer-events:none;z-index:10;animation:rarity-light-burst 1.05s ease-out forwards}
.legendary-flash{background:radial-gradient(circle,#fff8d5 0,#ffce6177 23%,transparent 62%)}
.mythic-flash{background:radial-gradient(circle,#fff 0,#ff7af3bb 22%,#a86aff55 43%,transparent 72%)}
@keyframes rarity-light-burst{0%{opacity:0;transform:scale(.45)}20%{opacity:1}100%{opacity:0;transform:scale(1.45)}}
.animated-reveal-stage+.hint{margin:10px auto 14px}
.modal button[data-claim]:disabled{opacity:.55;cursor:wait}
@media(max-width:500px){.animated-ultra-grid{gap:5px}.animated-ultra-grid .flip-front>.reward{padding:2px!important}.animated-ultra-grid .flip-front .reward strong{font-size:7px!important}.animated-ultra-grid .flip-front .reward small{font-size:7px!important}.animated-ultra-grid .flip-back-brand{font-size:5px}}
@media(prefers-reduced-motion:reduce){.flip-inner{animation:none;transform:rotateY(180deg)}.single-reveal .flip-slot,.rarity-flash{animation:none}}


/* ==== [9] <style id=ultra-interactive-fix> (head) ==== */

/* The 10 cards are compact, fixed-ratio miniatures, not stretched modal-sized cards. */
.modal .animated-ultra{width:100%;max-width:500px;margin:0 auto;min-width:0}
.modal .animated-ultra-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(4px,1.5vw,9px)!important;width:100%!important;max-width:480px!important;margin:12px auto!important;align-items:start!important;justify-items:center!important}
.modal .animated-ultra-grid .flip-slot{box-sizing:border-box!important;display:block!important;position:relative!important;width:100%!important;max-width:82px!important;height:auto!important;aspect-ratio:2/3!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;flex:none!important;border:0!important;border-radius:9px!important;background:none!important;cursor:pointer;appearance:none;-webkit-appearance:none;perspective:850px;overflow:visible!important}
.modal .animated-ultra-grid .flip-inner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;animation:none!important;transform:rotateY(0deg)!important;transition:transform .68s cubic-bezier(.2,.75,.2,1)!important;transform-style:preserve-3d}
.modal .animated-ultra-grid .flip-slot.is-flipped .flip-inner{transform:rotateY(180deg)!important}
.modal .animated-ultra-grid .flip-face{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.modal .animated-ultra-grid .flip-back{display:flex!important;gap:3px!important}
.modal .animated-ultra-grid .flip-front{transform:rotateY(180deg)!important}
.modal .animated-ultra-grid .flip-front>.reward{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;padding:3px!important;margin:0!important;overflow:hidden!important}
.modal .animated-ultra-grid .flip-front .person{display:flex!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;width:100%!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;font-size:clamp(17px,3vw,29px)!important}
.modal .animated-ultra-grid .flip-front .person img{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
.modal .animated-ultra-grid .flip-front .reward strong{flex:none!important;display:block!important;width:100%!important;font-size:clamp(7px,1.2vw,10px)!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.modal .animated-ultra-grid .flip-front .reward small{flex:none!important;display:block!important;font-size:clamp(7px,1vw,9px)!important;line-height:1.1!important}
.modal .animated-ultra-grid .flip-slot:focus-visible{outline:2px solid #f8ccff;outline-offset:3px}
.modal .ultra-open-all{width:100%;margin:4px 0 8px}
@media(max-width:480px){.modal .animated-ultra-grid{gap:4px!important}.modal .animated-ultra-grid .flip-back-crown{font-size:18px!important}.modal .animated-ultra-grid .flip-back-brand{font-size:6px!important}.modal .animated-ultra-grid .flip-back-stars{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.modal .animated-ultra-grid .flip-inner{transition-duration:.01ms!important}}


/* ==== [10] <style> (head) ==== */

.album-milestones{margin:18px 0 25px;padding:17px;border:1px solid #8159a8;border-radius:20px;background:linear-gradient(135deg,#40265e,#281e43)}
.album-milestones-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.album-milestones-heading h2{font-size:18px;margin:0}.album-milestones-heading small{font-size:11px;color:#d9c3ef}
.album-milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.album-milestone{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:13px 7px;border:1px solid #6f548b;border-radius:14px;background:#302345}
.album-milestone.ready{border-color:#e6a1ff;background:linear-gradient(160deg,#583074,#342348);box-shadow:0 0 16px #d26bf433}
.album-milestone.claimed{border-color:#658b7e;background:#293e43}
.album-milestone-icon{font-size:25px}.album-milestone strong{font-size:13px}.album-milestone small{font-size:11px;color:#d8c4e8}
.album-milestone p{font-size:11px;line-height:1.35;min-height:44px;margin:3px 0;overflow-wrap:anywhere}
.album-milestone button{margin-top:auto;border:0;border-radius:11px;padding:9px 6px;width:100%;background:#b77ce9;color:#23112f;font-weight:800;font-size:11px;cursor:pointer}
.album-milestone button:disabled{cursor:default;background:#4b3a61;color:#cbb7db}
.album-tile-rewards{display:block;margin:9px 3px 0;color:#e4c3ff;font-size:10px;text-align:left}
.album-frame-settings{margin:16px 0;padding:15px;border:1px solid #79549e;border-radius:16px;background:#35244e}
.album-frame-settings h3{margin:0 0 5px;font-size:16px}.album-frame-settings p{font-size:12px;color:#d8c2e9;margin:0 0 12px}
.album-frame-options{display:flex;flex-wrap:wrap;gap:7px}
.album-frame-options button{padding:8px 12px;border-radius:18px;border:1px solid #80609f;background:#493362;color:white}
.album-frame-options button.active{border-color:#f8d074;background:#7952a3}
.profile-hero.album-frame-equipped .profile-avatar-large{border:4px solid #f7cb68;box-shadow:0 0 0 3px #9d5ff4,0 0 22px #efb95c}
.profile-hero.album-frame-equipped .profile-tags:after{content:' ✦ ЭКСКЛЮЗИВНАЯ РАМКА';color:#ffdf8b}
@media(max-width:520px){.album-milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-milestone p{min-height:30px}.album-milestones-heading{align-items:flex-start;flex-direction:column}}


/* ==== [11] <style> (head) ==== */

.extra-page:has(.collection-header-decoration){position:relative}
.collection-header-decoration{position:absolute;right:10px;top:0;width:275px;height:125px;overflow:hidden;pointer-events:none;border-radius:22px;background:#261a3b;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);opacity:.95}
.collection-header-decoration img{width:100%;height:100%;object-fit:cover;object-position:center 48%;mix-blend-mode:screen}
.extra-page:has(.collection-header-decoration)>.section-title{position:relative;z-index:1;max-width:calc(100% - 290px);min-height:115px;display:flex;align-items:center}
.album-milestone-icon{height:46px;display:grid;place-items:center}
.album-milestone-icon img{width:43px;height:43px;filter:drop-shadow(0 0 8px #d8a0ff55)}
.album-milestones-heading h2{display:flex;align-items:center;gap:8px}
.album-milestones-heading h2 img{width:26px;height:26px}
.collection-progress .crown img{width:65px;height:65px;filter:drop-shadow(0 0 10px #c779ff)}
.album-tile-rewards{display:flex;align-items:center;gap:5px}
.album-tile-rewards img{width:15px;height:15px}
@media(max-width:600px){.collection-header-decoration{width:140px;height:90px;top:4px;right:0}.extra-page:has(.collection-header-decoration)>.section-title{max-width:calc(100% - 125px);min-height:92px}}


/* ==== [12] <style> (head) ==== */

/* Collection header: a single responsive hero, artwork anchored to the right. */
.extra-page .collection-hero{position:relative;isolation:isolate;min-height:182px;margin:0 0 18px;overflow:hidden;border-radius:18px;background:linear-gradient(95deg,#241936 0%,#302044 55%,#3c1d58 100%)}
.extra-page .collection-hero-art{position:absolute;z-index:-1;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center center;opacity:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)}
.extra-page .collection-hero-content{position:relative;z-index:1;min-height:182px;padding:23px 18px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px}
.extra-page .collection-hero-content .section-title{max-width:57%;min-height:0;margin:0}
.extra-page .collection-hero-content .section-title h1{margin:0}
.extra-page .collection-hero-content .tabs{position:relative;z-index:2;max-width:100%;margin:0}
@media(max-width:700px){.extra-page .collection-hero{min-height:160px}.extra-page .collection-hero-art{width:62%;object-position:47% center}.extra-page .collection-hero-content{min-height:160px;padding:17px 12px 12px}.extra-page .collection-hero-content .section-title{max-width:59%}.extra-page .collection-hero-content .tabs{flex-wrap:wrap;gap:5px}}
@media(max-width:440px){.extra-page .collection-hero-art{width:66%;opacity:.85}.extra-page .collection-hero-content .section-title{max-width:65%}.extra-page .collection-hero-content .section-title h1{font-size:24px}.extra-page .collection-hero-content .tabs{gap:4px}.extra-page .collection-hero-content .tabs button{padding:8px 10px;font-size:11px}}


/* ==== [13] <style> (head) ==== */

/* Lootboxes redesign: art belongs to the hero and never blocks the filters. */
.hero.lootbox-hero{position:relative;isolation:isolate;min-height:205px;overflow:hidden;margin:6px 0 0;padding:28px 24px 20px;border-radius:20px 20px 0 0;background:linear-gradient(100deg,#241936 0%,#302043 53%,#461c64 100%);box-shadow:inset 0 1px 0 #a967d733}
.hero.lootbox-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 62%,#a931c344,transparent 52%),linear-gradient(115deg,transparent 45%,#d45cff11 80%,transparent)}
.hero.lootbox-hero .lootbox-hero-art{position:absolute;z-index:-1;right:0;top:-2px;width:55%;height:calc(100% + 5px);background-image:url('assets/lootbox-bunny-banner.png');background-repeat:no-repeat;background-size:cover;background-position:55% 42%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);pointer-events:none}
.hero.lootbox-hero h1{position:relative;z-index:1;margin:0 0 10px;font-size:34px;display:flex;align-items:center;gap:13px;line-height:1.15;text-shadow:0 2px 16px #170b30}
.hero.lootbox-hero h1 .box-icon{width:51px;height:51px;filter:drop-shadow(0 0 10px #c970ff)}
.hero.lootbox-hero p{position:relative;z-index:1;max-width:48%;margin:0;font-size:15px;line-height:1.55;color:#e8d6f9}
.hero.lootbox-hero + .filters{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px;margin:-3px 0 19px;padding:12px 20px 17px;background:linear-gradient(100deg,#241936 0%,#302043 53%,#461c64 100%);border-radius:0 0 20px 20px}
.hero.lootbox-hero + .filters button{border:1px solid #8457aa;background:#2d2045;border-radius:28px;min-height:38px;padding:8px 17px;transition:background .15s,border-color .15s}
.hero.lootbox-hero + .filters button.active{background:linear-gradient(135deg,#f085e8,#b25cda);border-color:#e5a1ff;color:#23112e;box-shadow:0 0 16px #d96cff33}
.daily-chest{border:1px solid #ba77d5!important;border-radius:21px!important;background:radial-gradient(ellipse at 18% 40%,#74348a66,transparent 55%),linear-gradient(105deg,#482454,#281b3e)!important;box-shadow:0 10px 28px #10092333,inset 0 1px 0 #e8b4ff33}
.daily-chest .chest-art img{filter:drop-shadow(0 0 14px #d877ff66)}
.daily-chest .chest-eyebrow{letter-spacing:1.5px;color:#e9a1ff}
.daily-chest .chest-details h2{font-size:25px}
.daily-chest .chest-details strong{color:#ffd16d}
.daily-chest .chest-stars{color:#e6a2ff}
@media(max-width:620px){.hero.lootbox-hero{min-height:178px;padding:22px 15px 12px}.hero.lootbox-hero h1{font-size:27px}.hero.lootbox-hero h1 .box-icon{width:39px;height:39px}.hero.lootbox-hero p{max-width:57%;font-size:12px}.hero.lootbox-hero .lootbox-hero-art{width:58%;background-position:51% 50%}.hero.lootbox-hero + .filters{padding:11px 12px 15px;gap:6px}.hero.lootbox-hero + .filters button{font-size:11px;padding:7px 10px;min-height:34px}}
@media(max-width:380px){.hero.lootbox-hero p{max-width:65%}.hero.lootbox-hero .lootbox-hero-art{width:55%;opacity:.82}.hero.lootbox-hero h1{font-size:24px}}


/* ==== [14] <style> (head) ==== */

/* FIX: filters and mascot share one self-contained banner, no empty bottom strip. */
.hero.lootbox-hero{display:flex;flex-direction:column;align-items:flex-start;min-height:244px;height:auto;margin:6px 0 20px;padding:27px 24px 18px;border-radius:20px;overflow:hidden;isolation:isolate;background:linear-gradient(105deg,#241936 0%,#302043 56%,#461c64 100%)}
.hero.lootbox-hero .lootbox-hero-art{z-index:-1;inset:0 0 0 auto;width:63%;height:100%;background-size:cover;background-position:center 47%;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
.hero.lootbox-hero h1,.hero.lootbox-hero p{flex-shrink:0}
.hero.lootbox-hero p{max-width:52%}
.hero.lootbox-hero .filters{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px;align-items:center;width:100%;margin:auto 0 0;padding:24px 0 0;background:none;border-radius:0}
.hero.lootbox-hero .filters button{border:1px solid #8457aa;background:#2d2045;border-radius:28px;min-height:38px;padding:8px 17px;transition:background .15s,border-color .15s}
.hero.lootbox-hero .filters button.active{background:linear-gradient(135deg,#f085e8,#b25cda);border-color:#e5a1ff;color:#23112e;box-shadow:0 0 16px #d96cff33}
.hero.lootbox-hero + .filters{display:none}
@media(max-width:620px){.hero.lootbox-hero{min-height:225px;padding:20px 15px 14px;margin-bottom:17px}.hero.lootbox-hero .lootbox-hero-art{width:72%;background-position:58% center;opacity:.92}.hero.lootbox-hero p{max-width:57%;font-size:12px}.hero.lootbox-hero .filters{padding-top:24px;gap:6px}.hero.lootbox-hero .filters button{min-height:34px;font-size:11px;padding:7px 10px}}
@media(max-width:390px){.hero.lootbox-hero{min-height:240px}.hero.lootbox-hero .lootbox-hero-art{width:78%;opacity:.74}.hero.lootbox-hero .filters{padding-top:20px}}


/* ==== [15] profile-plus.css ==== */
/* KpopCollector profile 2.0 */
.p2-page{padding-bottom:120px}.p2-cover{position:relative;overflow:hidden;border-radius:24px;min-height:230px;display:flex;align-items:flex-end;padding:25px;background:#301b48 url('assets/profile-banner.png') center/cover no-repeat;border:1px solid #79519e}.p2-banner-neon{background-image:linear-gradient(90deg,#1e1438e8,#25153b33),url('assets/profile-banner.png')}.p2-banner-stars{background-image:radial-gradient(circle at 80% 20%,#ff83e744,transparent 40%),linear-gradient(120deg,#21163d,#4b2978)}.p2-banner-seoul{background-image:linear-gradient(120deg,#27194799,#402d77aa),url('assets/profile-banner.png');background-position:70% center}.p2-banner-blossom{background-image:radial-gradient(circle at 80% 30%,#ff8fe466,transparent 48%),linear-gradient(120deg,#361c58,#783a76)}.p2-cover-shine{position:absolute;inset:0;background:linear-gradient(0deg,#160f2c99,transparent 75%);pointer-events:none}.p2-identity{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.p2-avatar{width:115px;height:115px;border-radius:50%;border:4px solid #d58aff;background:#2c194c;box-shadow:0 0 18px #db70ff88;display:grid;place-items:center;position:relative;flex-shrink:0;cursor:pointer}.p2-avatar img{max-width:100%;max-height:100%;border-radius:50%}.p2-avatar span{position:absolute;right:-6px;bottom:0;background:#5b357e;border-radius:50%;padding:5px}.p2-frame-pink{border-color:#ff89d2!important;box-shadow:0 0 20px #ff79c6!important}.p2-frame-gold{border-color:#ffd278!important;box-shadow:0 0 20px #ffb941!important}.p2-frame-ice{border-color:#72d8ff!important;box-shadow:0 0 20px #65d7ff!important}.p2-frame-heart{border-color:#f783ca!important;box-shadow:0 0 24px #f56cce!important}.p2-frame-crown{border-color:#ffcc65!important;box-shadow:0 0 25px #e98fff!important}.p2-identity-text h1{font-size:30px;margin:3px 0}.p2-identity-text p{margin:0 0 8px;color:#ead7ff}.p2-eyebrow{color:#f8a8fa;font-size:11px;letter-spacing:1.5px}.p2-identity-text button,.p2-edit-cover{border:1px solid #b880da;background:#382151aa;color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer}.p2-edit-cover{position:absolute;right:20px;top:18px;z-index:1}.p2-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.p2-stats>div{border:1px solid #7854a1;background:#36234e;padding:12px 8px;border-radius:14px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:3px}.p2-stats span{color:#e8a3ff;font-size:22px}.p2-stats strong{font-size:19px}.p2-stats small{color:#d8c0ea;font-size:11px}.p2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.p2-column{display:flex;flex-direction:column;gap:14px;min-width:0}.p2-panel{border:1px solid #845ca5;border-radius:20px;padding:17px;background:linear-gradient(145deg,#422759,#281d40);min-width:0}.p2-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.p2-heading h2{margin:0;font-size:18px}.p2-heading>button,.p2-featured>button,.p2-trades>button,.p2-rank>button,.p2-unclaimed button{background:#a869da;border:0;border-radius:16px;padding:9px 14px;font-weight:700;color:#21132e;cursor:pointer}.p2-xp{display:flex;align-items:center;gap:18px}.p2-xp>strong{font-size:50px;color:#f4c0ff}.p2-xp>div{flex:1}.p2-xp small{font-size:11px;color:#dfc5ed}.p2-progress{height:12px;background:#20152f;border:1px solid #885ca4;border-radius:20px;margin:7px 0;overflow:hidden}.p2-progress i{display:block;height:100%;background:linear-gradient(90deg,#ee92f8,#a86bff);border-radius:20px}.p2-next{margin-top:15px;background:#281b3e;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:6px}.p2-next small{color:#cdb2dd}.p2-unclaimed{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.p2-rank-value{font-size:58px;font-weight:900;color:#dba7ff}.p2-rank-value span{font-size:14px;font-weight:500}.p2-rank p,.p2-trades p,.p2-about p{font-size:13px;line-height:1.6;color:#e5d0ef}.p2-personal h3{font-size:13px;margin:15px 0 9px}.p2-banner-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.p2-banner-option{height:80px;border-radius:12px;border:1px solid #9164ac;color:#fff;text-align:left;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;cursor:pointer}.p2-banner-option.active,.p2-frame-option.active{outline:2px solid #f2a8ff}.p2-banner-option:disabled,.p2-frame-option:disabled{opacity:.45;cursor:not-allowed}.p2-banner-option small{font-size:10px}.p2-frame-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.p2-frame-option{background:#241934;color:white;border:1px solid #755092;border-radius:13px;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.p2-frame-option .p2-frame{width:43px;height:43px;border:4px solid #c38eff;border-radius:50%;display:grid;place-items:center}.p2-frame-option small{font-size:10px}.p2-about p{background:#2c1e42;padding:13px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.p2-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:14px}.p2-featured-card{border:1px solid #a75ccc;background:#231831;border-radius:10px;min-width:0;overflow:hidden;text-align:center}.p2-featured-card img,.p2-card-placeholder{width:100%;aspect-ratio:3/4;object-fit:cover;display:grid;place-items:center}.p2-featured-card strong,.p2-featured-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:3px}.p2-featured-grid>p{grid-column:1/-1;color:#ddc8ed;font-size:12px}.p2-friends-list{display:flex;flex-direction:column;gap:8px}.p2-friend{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #6b4b86;border-radius:13px;background:#2c1e41}.p2-friend-avatar{width:38px;height:38px;border-radius:50%;background:#674187;display:grid;place-items:center;color:#ffc0fb}.p2-friend>div:nth-child(2){flex:1;min-width:0}.p2-friend strong,.p2-friend small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p2-friend small,.p2-note{font-size:10px;color:#c7b0d7}.p2-friend button{background:#714393;border:1px solid #a77bc6;border-radius:10px;color:white;padding:7px;cursor:pointer}.p2-trade-entry{padding:9px;border-bottom:1px solid #79589a;font-size:12px}.p2-trade-entry small{color:#d7b6e5}.p2-picker{max-height:350px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.p2-pick{cursor:pointer;border:1px solid #8251a5;border-radius:12px;padding:5px;min-width:0}.p2-pick span{display:flex;flex-direction:column;gap:4px}.p2-pick img{width:100%;height:105px;object-fit:contain}.p2-pick strong,.p2-pick small{font-size:10px;overflow-wrap:anywhere}.p2-pick input{accent-color:#e788f5}.p2-page .modal-input{width:100%}@media(max-width:700px){.p2-grid{grid-template-columns:1fr}.p2-stats{grid-template-columns:repeat(3,1fr)}.p2-cover{min-height:230px;padding:15px}.p2-avatar{width:85px;height:85px}.p2-identity-text h1{font-size:21px}.p2-edit-cover{font-size:10px;right:9px;top:9px}.p2-featured-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:390px){.p2-stats{grid-template-columns:repeat(2,1fr)}.p2-identity{gap:9px}.p2-identity-text h1{font-size:18px}}

/* Profile 3.0 */
.p3-personal .p3-banner-preview{height:105px;border:1px solid #a96ad5;border-radius:15px;background:linear-gradient(120deg,#4e246e,#231634 65%,#7538a0);background-size:cover;background-position:center;display:flex;align-items:end;padding:12px;overflow:hidden}.p3-banner-preview span{background:#21122aab;padding:5px 10px;border-radius:8px;font-size:12px}.p3-upload,.p3-view-all{display:block;text-align:center;width:100%;border:1px solid #d58cf2;background:linear-gradient(115deg,#b85be1,#7a43bc);border-radius:17px;padding:12px;margin-top:11px;font-weight:800;color:white;cursor:pointer}.p3-hint{display:block;font-size:11px;color:#d6bee6;margin:7px 0}.p3-remove{background:none;border:0;color:#f0b0df;text-decoration:underline;cursor:pointer}.p3-selected{display:flex;align-items:center;gap:15px;padding:11px;background:#261936;border:1px solid #76509d;border-radius:15px}.p3-selected>div{display:flex;flex-direction:column;gap:5px}.p3-selected small{color:#a6efc1;font-size:11px}.p3-avatar-preview{position:relative;width:85px;height:85px;display:grid;place-items:center;flex-shrink:0}.p3-avatar-preview>img:not(:last-child){width:70px;height:70px;object-fit:cover;border-radius:50%}.p3-avatar-preview>img:last-child{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.p2-avatar>img[src*="avatar-frames"]{position:absolute!important;inset:-20%!important;width:140%!important;height:140%!important;max-width:none!important;max-height:none!important;pointer-events:none}.p3-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.p3-frame-tile{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border:1px solid #76518d;border-radius:14px;padding:9px 5px;background:linear-gradient(145deg,#332044,#20172f);color:white;cursor:pointer;position:relative}.p3-frame-tile.active{border-color:#ff9df2;box-shadow:0 0 0 2px #e985f877,0 0 16px #ec7cf555}.p3-frame-tile:disabled{opacity:.48;cursor:not-allowed}.p3-art{width:90%;max-width:115px;aspect-ratio:1;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#4b296455,#1a1226 70%);border-radius:50%}.p3-art img{width:100%;height:100%;object-fit:contain}.p3-check{position:absolute;bottom:3px;right:0;background:#e78ae8;color:#251432;border-radius:50%;padding:3px 7px}.p3-frame-tile strong{font-size:11px;text-align:center;overflow-wrap:anywhere}.p3-frame-tile small{font-size:10px;text-align:center;color:#d7b6e9}.p3-gallery-top{display:flex;align-items:start;gap:20px;margin-bottom:20px}.p3-gallery-top button,.p3-pages button{background:#492c68;border:1px solid #9661b6;color:white;border-radius:12px;padding:10px;cursor:pointer}.p3-gallery-top h1{font-size:28px;margin:0 0 5px}.p3-gallery-top p{margin:0;color:#d5b8e7}.p3-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.p3-filters button{background:#281934;border:1px solid #8b5ba7;color:white;border-radius:30px;padding:10px 16px;cursor:pointer}.p3-filters button.active{background:#cb71e5;color:#23102c;font-weight:800}.p3-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.p3-gallery-grid .p3-frame-tile{min-height:180px;padding:12px}.p3-gallery-grid .p3-art{max-width:125px}.p3-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:22px}.p3-pages button:disabled{opacity:.4}.p2-cover[style]{background-size:cover;background-position:center}.p2-cover .p2-avatar{overflow:visible}@media(max-width:680px){.p3-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.p3-gallery-grid .p3-frame-tile{min-height:155px}.p3-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){.p3-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p3-gallery-top{flex-direction:column}.p3-gallery-top h1{font-size:23px}}

/* Two complete original reference sheets: 60 real frame artworks */
.p3-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.p3-gallery-grid .p3-frame-tile{min-height:158px;padding:7px 4px;gap:3px}
.p3-gallery-grid .p3-art{max-width:145px;width:100%;background:transparent}
.p3-art{background:transparent}
.p3-art img{object-fit:contain;filter:drop-shadow(0 0 5px #a84dff66)}
.p3-gallery-grid .p3-frame-tile strong{font-size:10px;min-height:27px;display:grid;place-items:center}
.p3-gallery-grid .p3-frame-tile small{font-size:9px}
.p3-frame-tile:disabled{opacity:.68}
.p3-frame-tile.active{border-color:#fba7ff;box-shadow:0 0 12px #d46eff88}
.p2-avatar>img[src*="avatar-frames"]{inset:-25%!important;width:150%!important;height:150%!important;object-fit:contain!important}
@media(max-width:900px){.p3-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){.p3-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:410px){.p3-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Transparent ornament positioning, independently of the photo */
.p2-avatar{overflow:visible!important;isolation:isolate}
.p2-avatar>img:not([src*="avatar-frames"]){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;max-width:none!important;max-height:none!important}
.p2-avatar>img[src*="avatar-frames"]{position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;width:178%!important;height:178%!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;border-radius:0!important;z-index:2!important;pointer-events:none!important}
.p2-avatar>span{z-index:3}
.p3-avatar-preview{overflow:visible!important;isolation:isolate}
.p3-avatar-preview>img:not([src*="avatar-frames"]){width:66px!important;height:66px!important;object-fit:cover!important;border-radius:50%!important}
.p3-avatar-preview>img[src*="avatar-frames"]{position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;width:148px!important;height:148px!important;max-width:none!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;border-radius:0!important;pointer-events:none!important;z-index:2!important}
.p3-selected{overflow:visible!important;min-height:126px!important}
.p3-selected .p3-avatar-preview{margin:13px 18px 13px 12px}
.p3-art{overflow:visible!important}
.p3-art img{display:block;object-fit:contain!important}

/* Clean frame layout v3: every frame uses a centered square artboard. */
.p2-cover .p2-identity{padding-left:7px;gap:18px}
.p2-avatar{width:118px!important;height:118px!important;min-width:118px!important;min-height:118px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;position:relative!important;display:grid!important;place-items:center!important}
.p2-avatar>img:not([src*="avatar-frames"]){position:relative!important;width:70%!important;height:70%!important;max-width:70%!important;max-height:70%!important;object-fit:cover!important;border-radius:50%!important;z-index:1!important;transform:none!important}
.p2-avatar>img[src*="avatar-frames"]{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important;object-fit:contain!important;z-index:2!important;border:0!important;filter:drop-shadow(0 0 4px #a74cff66)!important;pointer-events:none!important}
.p2-avatar>span{z-index:4!important;right:0!important;bottom:3px!important}
.p3-selected{overflow:hidden!important;min-height:112px!important;padding:12px!important}
.p3-avatar-preview{position:relative!important;width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;margin:0!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.p3-avatar-preview>img:not([src*="avatar-frames"]){position:relative!important;width:68%!important;height:68%!important;max-width:68%!important;max-height:68%!important;object-fit:cover!important;border-radius:50%!important;z-index:1!important}
.p3-avatar-preview>img[src*="avatar-frames"]{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important;object-fit:contain!important;border:0!important;z-index:2!important;pointer-events:none!important}
.p3-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
.p3-gallery-grid .p3-frame-tile{min-height:0!important;padding:6px!important;aspect-ratio:1/1!important}
.p3-quick .p3-frame-tile{min-height:0!important;padding:5px!important;aspect-ratio:1/1!important}
.p3-frame-tile{display:grid!important;place-items:center!important;overflow:hidden!important;gap:0!important;border-radius:12px!important}
.p3-frame-tile>strong,.p3-frame-tile>small{display:none!important}
.p3-frame-tile .p3-art{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:1!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:transparent!important;border-radius:0!important}
.p3-frame-tile .p3-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important}
.p3-frame-tile .p3-check{bottom:0!important;right:0!important;z-index:3!important}
.p3-frame-tile .p3-lock{position:absolute;right:3px;bottom:3px;font-size:11px;z-index:3}
@media(max-width:700px){.p3-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.p2-avatar{width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important}}
@media(max-width:410px){.p3-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Profile 4.0 — one coordinate system for photo and frame; overrides legacy styling. */
.p2-cover .p2-identity{gap:16px!important;padding-left:0!important}
.p2-cover .p2-avatar{
  box-sizing:border-box!important;position:relative!important;display:block!important;
  width:116px!important;height:116px!important;min-width:116px!important;min-height:116px!important;
  flex:0 0 116px!important;padding:0!important;margin:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  overflow:hidden!important;isolation:isolate!important;line-height:normal!important;
}
.p4-avatar-layer{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important}
.p4-avatar-layer>.p4-avatar-photo,
.p4-avatar-layer>.p4-avatar-fallback{
 position:absolute!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;width:37.1%!important;height:37.1%!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 box-sizing:border-box!important;border-radius:50%!important;object-fit:cover!important;
 display:grid!important;place-items:center!important;background:#3d2757!important;z-index:1!important;
}
.p4-avatar-layer>.p4-avatar-fallback{font-size:21px!important}
.p4-avatar-layer>img[src*="avatar-frames"]{
 position:absolute!important;inset:0!important;left:0!important;top:0!important;
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 max-width:none!important;max-height:none!important;transform:none!important;
 border:0!important;border-radius:0!important;object-fit:contain!important;
 filter:none!important;box-shadow:none!important;z-index:2!important;pointer-events:none!important;
}
.p2-cover .p2-avatar>span:not(.p4-avatar-layer){z-index:4!important;right:2px!important;bottom:3px!important}
.p3-selected{overflow:hidden!important;min-height:112px!important}
.p3-selected .p3-avatar-preview{
 position:relative!important;display:block!important;box-sizing:border-box!important;
 width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;
 overflow:hidden!important;margin:0!important;flex:0 0 96px!important;
}
.p3-avatar-preview>.p4-avatar-layer{inset:0!important}
.p3-frame-tile .p3-art img{filter:none!important}
.p3-frame-tile .p3-art{overflow:hidden!important}
@media(max-width:700px){.p2-cover .p2-avatar{width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;flex-basis:94px!important}}
@media(max-width:390px){.p2-cover .p2-avatar{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;flex-basis:82px!important}}

/* Avatar reset: no decorative frames, just a circular photograph. */
.p2-cover .p2-avatar{position:relative!important;display:grid!important;place-items:center!important;width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;flex:0 0 84px!important;overflow:visible!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.p5-avatar-layer{position:relative!important;display:block!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;overflow:hidden!important;border-radius:50%!important;background:#3e285c!important;border:2px solid #b67be3!important;box-sizing:border-box!important}
.p5-avatar-photo{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;max-width:none!important;max-height:none!important;position:static!important;transform:none!important}
.p5-avatar-fallback{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:30px!important}
.p2-cover .p2-avatar>span:not(.p5-avatar-layer){position:absolute!important;bottom:0!important;right:0!important;z-index:2!important}

/* Profile hero v6: name on the left, large avatar centered in the banner. */
.p2-page .p2-cover{min-height:290px!important;padding:28px!important;position:relative!important;overflow:hidden!important}
.p2-page .p2-cover .p2-identity{position:relative!important;display:block!important;width:100%!important;min-height:225px!important;padding:0!important;margin:0!important;z-index:2!important}
.p2-page .p2-cover .p2-identity-text{position:absolute!important;left:0!important;bottom:0!important;max-width:43%!important;min-width:0!important;z-index:3!important;overflow-wrap:anywhere}
.p2-page .p2-cover .p2-identity-text h1{font-size:clamp(20px,3.2vw,30px)!important;line-height:1.15!important;overflow-wrap:anywhere}
.p2-page .p2-cover .p2-avatar{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-45%)!important;width:176px!important;height:176px!important;min-width:176px!important;min-height:176px!important;flex:none!important;display:grid!important;place-items:center!important;z-index:2!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;cursor:pointer!important}
.p2-page .p2-cover .p5-avatar-layer{width:166px!important;height:166px!important;min-width:166px!important;min-height:166px!important;border:4px solid #d49bff!important;box-shadow:0 3px 15px #130b25a6!important;border-radius:50%!important;overflow:hidden!important}
.p2-page .p2-cover .p5-avatar-photo{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.p2-page .p2-cover .p5-avatar-fallback{font-size:55px!important}
.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{position:absolute!important;right:4px!important;bottom:9px!important;left:auto!important;top:auto!important;z-index:5!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#7b42a9!important;color:white!important;box-shadow:0 2px 10px #170b29!important}
@media(max-width:700px){.p2-page .p2-cover{min-height:300px!important;padding:16px!important}.p2-page .p2-cover .p2-identity{min-height:260px!important}.p2-page .p2-cover .p2-avatar{width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;top:43%!important;transform:translate(-50%,-50%)!important}.p2-page .p2-cover .p5-avatar-layer{width:124px!important;height:124px!important;min-width:124px!important;min-height:124px!important}.p2-page .p2-cover .p2-identity-text{max-width:90%!important;bottom:0!important}.p2-page .p2-cover .p2-identity-text h1{font-size:22px!important}.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{width:30px!important;height:30px!important}}

/* Avatar decoration v1 — fixed coordinate system, no inherited frame offsets. */
.p2-page .p2-cover .p2-avatar{overflow:visible!important}
.p2-page .p2-cover .p7-avatar-stage{
 position:relative!important;display:block!important;width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;overflow:hidden!important;
 border-radius:50%!important;box-sizing:border-box!important;
 background:#2d1746!important;isolation:isolate!important;pointer-events:none!important;
}
.p2-page .p2-cover .p7-avatar-photo,.p2-page .p2-cover .p7-avatar-fallback{
 position:absolute!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;width:66%!important;height:66%!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 border-radius:50%!important;object-fit:cover!important;box-sizing:border-box!important;
 display:grid!important;place-items:center!important;background:#50336b!important;
 z-index:1!important;border:0!important;box-shadow:none!important;
}
.p2-page .p2-cover .p7-avatar-fallback{font-size:32px!important}
.p2-page .p2-cover .p7-avatar-ornament{
 position:absolute!important;inset:0!important;left:0!important;top:0!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 object-fit:contain!important;transform:none!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;filter:none!important;
 z-index:2!important;pointer-events:none!important;
}
.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{z-index:5!important}
.p7-decoration-section{margin-top:22px;padding-top:18px;border-top:1px solid #9e69ba66}
.p7-decoration-section h3{margin:0 0 7px}
.p7-help{font-size:12px;color:#cdb5df;margin:0 0 13px;line-height:1.5}
.p7-decoration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p7-option{border:1px solid #8c64ac!important;background:#241536!important;color:#f5eaff!important;border-radius:14px!important;padding:10px!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:7px!important;cursor:pointer!important;min-width:0}
.p7-option.active{border-color:#c988fa!important;background:#483063!important;outline:2px solid #ba70ec66!important}
.p7-option-preview{width:104px;height:104px;max-width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#301e46}
.p7-option-preview.p7-plain img{width:72%;height:72%;object-fit:cover;border-radius:50%}
.p7-option-preview .p7-small-photo,.p7-option-preview .p7-small-fallback{position:absolute;width:66%;height:66%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;display:grid;place-items:center}
.p7-option-preview .p7-small-ornament{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none}
.p7-option strong{font-size:12px}

/* TOXIC PNG v2: transparent avatar stage, predictable single-layer geometry.
   Keep the ornament within its square. Extra room is inside the frame canvas. */
.p2-page .p2-cover .p2-avatar{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate!important}
.p2-page .p2-cover .p7-avatar-stage{position:relative!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:1!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;isolation:isolate!important;box-shadow:none!important}
.p2-page .p2-cover .p7-avatar-photo,.p2-page .p2-cover .p7-avatar-fallback{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:56%!important;height:56%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border-radius:50%!important;object-fit:cover!important;z-index:1!important;background:#2a173a!important;box-shadow:none!important}
.p2-page .p2-cover .p7-avatar-ornament{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;z-index:2!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;pointer-events:none!important}
.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{z-index:5!important}
.p7-option-preview{background:transparent!important;border-radius:0!important;overflow:visible!important;isolation:isolate!important}
.p7-option-preview .p7-small-photo,.p7-option-preview .p7-small-fallback{width:56%!important;height:56%!important;border-radius:50%!important;z-index:1!important}
.p7-option-preview .p7-small-ornament{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;z-index:2!important;filter:none!important;transform:none!important}
.p7-option-preview.p7-plain{border-radius:50%!important}
.p7-option-preview.p7-plain img{width:70%!important;height:70%!important}

/* Avatar fit v3: fill the opening of the ornament, not the outer square.
   One geometry for both profile banner and settings thumbnails. */
.p2-page .p2-cover .p7-avatar-stage,
.p7-option-preview.p7-toxic{overflow:visible!important;background:transparent!important;isolation:isolate!important}
.p2-page .p2-cover .p7-avatar-photo,
.p2-page .p2-cover .p7-avatar-fallback{
 width:78%!important;height:78%!important;max-width:none!important;max-height:none!important;
 left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 border-radius:50%!important;object-fit:cover!important;object-position:center!important;
 background:transparent!important;z-index:1!important;
}
.p7-option-preview.p7-toxic .p7-small-photo,
.p7-option-preview.p7-toxic .p7-small-fallback{
 width:78%!important;height:78%!important;max-width:none!important;max-height:none!important;
 left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 border-radius:50%!important;object-fit:cover!important;object-position:center!important;
 background:transparent!important;z-index:1!important;
}
.p2-page .p2-cover .p7-avatar-ornament,
.p7-option-preview.p7-toxic .p7-small-ornament{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:contain!important;z-index:2!important;pointer-events:none!important;
}

/* Avatar frame gallery v1: photo and ornament share one 1:1 coordinate system. */
.p8-frame-stage{display:block;position:relative;width:116px;height:116px;aspect-ratio:1;flex-shrink:0;background:transparent;isolation:isolate}
.p8-frame-stage .p8-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:78%;border-radius:50%;object-fit:cover;z-index:1;max-width:none}
.p8-frame-stage .p8-placeholder{display:grid;place-items:center;background:#3d2759;font-size:26px}
.p8-frame-stage .p8-frame-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;max-width:none}
.p8-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.p8-quick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:1px solid #825a9e;border-radius:14px;background:#261736;color:#fff;padding:9px 5px;cursor:pointer}
.p8-quick-card.active,.p8-gallery-tile.selected{border-color:#dc8cff;box-shadow:inset 0 0 0 1px #cf80f2;background:#46305d}
.p8-quick-card strong{font-size:12px;text-align:center}
.p8-quick-card small{font-size:11px;color:#cfaddd}
.p8-quick-card .p8-frame-stage{width:min(100%,110px);height:auto}
.p8-view-all{width:100%;margin-top:12px;padding:13px 10px;border-radius:12px;border:1px solid #bd81eb;background:linear-gradient(90deg,#b65ce1,#7f43bd);color:#fff;font-weight:800;cursor:pointer}
.p8-gallery{padding-bottom:100px}
.p8-gallery-head{padding:16px 2px 22px}
.p8-back{padding:10px 13px;border-radius:10px;border:1px solid #835ca2;background:#39214e;color:white;cursor:pointer}
.p8-gallery-head>span{display:block;margin-top:22px;color:#d38df3;font-size:11px;letter-spacing:2px}
.p8-gallery-head h1{margin:7px 0;font-size:30px}
.p8-gallery-head p{color:#d5bfe4;margin:0}
.p8-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.p8-tabs button{border:1px solid #865a9d;border-radius:25px;padding:10px 13px;background:#2a1a3e;color:white;cursor:pointer}
.p8-tabs button.active{background:#bb70e7;color:#1a0d28;font-weight:800}
.p8-unlock-info{padding:15px 17px;margin-bottom:16px;background:#38254d;border:1px solid #785093;border-radius:14px}
.p8-unlock-info p{font-size:13px;line-height:1.5;color:#d8c4e6;margin:6px 0}
.p8-unlock-info small{color:#dfa8ff}
.p8-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.p8-gallery-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;border:1px solid #78558d;background:#281936;color:white;border-radius:16px;padding:14px 8px;cursor:pointer}
.p8-gallery-tile strong{text-align:center;font-size:13px}
.p8-gallery-tile>span:last-child{font-size:12px;color:#d6a4ef}
.p8-empty{text-align:center;padding:65px 15px;border:1px dashed #85599d;border-radius:16px;color:#e5cbed}
.p8-empty>span{font-size:34px}
.p8-gallery-foot{margin-top:16px}
.p8-gallery-foot button{border:1px solid #865a9d;border-radius:12px;padding:12px 20px;background:#302042;color:white;cursor:pointer}
.p8-gallery-foot button.active{border-color:#dc8cff}
@media(max-width:500px){.p8-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p8-gallery-tile .p8-frame-stage{width:100px;height:100px}.p8-tabs button{font-size:12px;padding:9px 11px}}

/* Pixel frame: a larger canvas gives the hearts breathing room. */
.p2-page .p2-cover .p2-avatar{width:216px!important;height:216px!important;min-width:216px!important;min-height:216px!important;overflow:visible!important}
.p2-page .p2-cover .p7-avatar-stage{overflow:visible!important}.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{right:12px!important;bottom:16px!important}
@media(max-width:700px){.p2-page .p2-cover .p2-avatar{width:164px!important;height:164px!important;min-width:164px!important;min-height:164px!important}.p2-page .p2-cover .p2-avatar>.p6-avatar-edit{right:5px!important;bottom:8px!important}}

/* Basic frames: fixed square layer, independent of page scaling. */
.p8-gallery-tile .p8-frame-stage,.p8-quick-card .p8-frame-stage{overflow:visible!important}
.p8-frame-stage .p8-frame-image,.p2-page .p2-cover .p7-avatar-ornament{object-fit:contain!important;object-position:center!important}
.p8-gallery-tile .p8-photo,.p8-quick-card .p8-photo{width:70%!important;height:70%!important}
.p2-page .p2-cover .p7-avatar-photo,.p2-page .p2-cover .p7-avatar-fallback{width:70%!important;height:70%!important}
/* Avatar photograph: enlarge by 4 CSS pixels while preserving the frame size. */
.p2-page .p2-cover .p7-avatar-photo,.p2-page .p2-cover .p7-avatar-fallback{width:calc(70% + 4px)!important;height:calc(70% + 4px)!important}

/* Frame gallery pagination and clear-decoration option */
.p8-gallery-none{margin:14px 0 18px}
.p8-none-choice{display:flex;align-items:center;gap:14px;width:100%;max-width:350px;text-align:left;padding:13px 18px;border:1px solid #654877;border-radius:16px;background:#251a35;color:#fff;cursor:pointer}
.p8-none-choice.selected{border-color:#e79bff;background:#382247}
.p8-none-icon{width:44px;height:44px;display:grid;place-items:center;border:1px dashed #bd9acb;border-radius:50%;font-size:28px;color:#d5bddf}
.p8-none-choice strong,.p8-none-choice small{display:block}.p8-none-choice small{margin-top:4px;color:#c9b8d3}
.p8-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:22px 0 8px}
.p8-pagination button{border:1px solid #725186;border-radius:11px;background:#2c1e3d;color:#f7efff;padding:10px 15px;cursor:pointer;font-weight:700}
.p8-pagination button.active{background:#b25ad3;border-color:#e9a6ff;color:#fff}
.p8-pagination button:disabled{opacity:.4;cursor:default}

/* Profile stat neon icons — compact size */
.p2-stats>div{background:linear-gradient(145deg,#3a254f,#302043);border-color:#9462b6;box-shadow:0 5px 14px #120c2440;transition:transform .18s ease,border-color .18s ease;}
.p2-stats>div:hover{transform:translateY(-2px);border-color:#e18af0;}
.p2-stats .p2-stat-neon-icon{width:40px;height:40px;max-width:40px;max-height:40px;object-fit:contain;display:block;margin:0 auto 3px;filter:drop-shadow(0 0 4px #f75efb66);}
.p2-stats>div{gap:4px;padding:12px 6px 11px;}
@media(max-width:700px){.p2-stats .p2-stat-neon-icon{width:36px;height:36px;}}
/* Profile 3.0 additions */
.p9-choice-grid,.p9-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p9-choice-grid button,.p9-theme{border:1px solid #8056a6;border-radius:12px;background:#291a40;color:#f6e6ff;padding:10px 8px;cursor:pointer;text-align:left;font-size:12px}.p9-choice-grid button.active,.p9-theme.active{border-color:#fca6f6;box-shadow:0 0 13px #e57cff66}.p9-choice-grid button:disabled{opacity:.43;cursor:not-allowed}.p9-active-title{font-weight:800;color:#ffa8ee;margin-bottom:12px;text-shadow:0 0 13px #e773fb}.p9-theme-wrap{margin:14px 0}.p9-theme{height:75px;display:flex;align-items:flex-end;font-weight:800;text-shadow:0 1px 5px #170923}.p9-theme-neon{background:linear-gradient(135deg,#32134c,#b52da1,#233e9b)}.p9-theme-sakura{background:radial-gradient(circle at 75% 25%,#ffb6dd,#ba4f9b 40%,#372047)}.p9-theme-cosmos{background:radial-gradient(circle at 70% 25%,#8776fb,#26245f 45%,#10152f)}.p9-theme-gold{background:linear-gradient(125deg,#32203d,#ba7e32,#3e2138)}.p2-cover.p9-cover-sakura:not([style]){background-image:linear-gradient(90deg,#391c48b8,#e27eac77),radial-gradient(circle at 80% 30%,#ffc8e4,#823a78 55%,#241539)}.p2-cover.p9-cover-cosmos:not([style]){background-image:radial-gradient(circle at 75% 25%,#8b78ed99,transparent 45%),linear-gradient(120deg,#10112d,#382166,#1a1236)}.p2-cover.p9-cover-gold:not([style]){background-image:radial-gradient(circle at 70% 20%,#ffd38a77,transparent 45%),linear-gradient(120deg,#22162c,#79542f,#291b36)}.p9-hint{font-size:12px;color:#d9c0e7;line-height:1.6}.p9-medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.p9-medal{border:1px solid #a66ac1;border-radius:14px;background:linear-gradient(145deg,#44275c,#261b3c);color:#fff;padding:12px 8px;display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;min-width:0}.p9-medal-icon{font-size:29px;color:#ffd18b;text-shadow:0 0 13px #f6a65c}.p9-medal strong{font-size:12px}.p9-medal small{font-size:10px;color:#d4badf}.p9-medal.locked{opacity:.4;cursor:not-allowed}.p9-medal.pinned{border-color:#ffbc7e;box-shadow:0 0 13px #ffaf7b66}.p9-medal em{font-size:10px;color:#ffe0ad;font-style:normal}.p9-select{width:100%;background:#261834;color:#fff;border:1px solid #b475d2;border-radius:12px;padding:12px}.p9-rarity-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0;font-size:12px}.p9-rarity-track{grid-column:1/-1;background:#1b122c;height:8px;border-radius:10px;overflow:hidden}.p9-rarity-track i{display:block;height:100%;background:linear-gradient(90deg,#f58deb,#75cfff);border-radius:10px}.p9-streak-count{font-size:36px;font-weight:900;color:#ffa8df}.p9-streak-count span{font-size:13px;font-weight:500}.p9-streak-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0}.p9-streak-dots span{display:grid;place-items:center;border-radius:50%;aspect-ratio:1;background:#2b1b41;border:1px solid #77528d;font-size:11px}.p9-streak-dots span.on{background:linear-gradient(135deg,#ec78da,#9d66e6);box-shadow:0 0 10px #dc78f266}.p9-pinned{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.p9-pinned span{border:1px solid #bd85e2;background:#38204e;border-radius:30px;padding:8px 12px;font-size:12px}.p2-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p2-featured-card strong{font-size:11px}@media(max-width:450px){.p9-medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p9-theme{height:60px}}

/* Profile backgrounds: explicit selection must replace the default banner image. */
.p2-page .p2-cover.p9-cover-neon:not([style]){background-image:radial-gradient(circle at 78% 24%,#b75ad688 0%,transparent 45%),linear-gradient(115deg,#211333 0%,#57266d 50%,#293b80 100%);background-size:cover;background-position:center}
.p2-page .p2-cover.p9-cover-sakura:not([style]){background-image:radial-gradient(circle at 76% 28%,#ffd7eb 0%,#d97da6 22%,transparent 60%),linear-gradient(125deg,#381741,#9b487b,#251538);background-size:cover}
.p2-page .p2-cover.p9-cover-cosmos:not([style]){background-image:radial-gradient(circle at 78% 18%,#d6a6ff 0%,#7650c3 17%,transparent 43%),radial-gradient(circle at 32% 85%,#2666ba99,transparent 42%),linear-gradient(125deg,#100f31,#32215b,#101529);background-size:cover}
.p2-page .p2-cover.p9-cover-gold:not([style]){background-image:radial-gradient(circle at 72% 25%,#ffd68e 0%,#b67c41 22%,transparent 55%),linear-gradient(120deg,#251629,#7a4b2c,#291a38);background-size:cover}

/* Achievement badge redesign */
.p9-medal{position:relative;overflow:hidden;min-height:164px;justify-content:center;padding:15px 9px 13px;gap:5px;background:radial-gradient(ellipse at 50% 2%,#573269 0%,#352044 58%,#251a3c 100%);transition:transform .2s,border-color .2s,box-shadow .2s}
.p9-medal.earned:hover{transform:translateY(-3px);border-color:#f3b8ff;box-shadow:0 6px 24px #d468ec44}
.p9-medal-art{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 3px 12px #d982ff55);transition:transform .2s}
.p9-medal.earned:hover .p9-medal-art{transform:scale(1.06)}
.p9-medal strong{font-size:12px;text-align:center;line-height:1.3}
.p9-medal small{text-align:center;line-height:1.4}
.p9-medal.locked{opacity:1;background:#261c38;border-color:#5a456c}
.p9-medal.locked .p9-medal-art{filter:grayscale(1) brightness(.47);opacity:.62}
.p9-medal.locked strong,.p9-medal.locked small{opacity:.5}
.p9-medal.pinned{border-color:#ffd08d;box-shadow:inset 0 0 16px #ffb57a1c,0 0 14px #ffaf7b44}
.p9-medal em{margin-top:3px}
.p9-pinned{gap:8px}
.p9-pinned span{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:12px;font-weight:600}
.p9-pinned-art{display:block;width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 5px #d98bff55)}
@media(max-width:450px){.p9-medal{min-height:150px;padding:10px 6px}.p9-medal-art{width:76px;height:76px}.p9-pinned-art{width:25px;height:25px}}

/* Profile 3.1: prominent collectible title within cover, above identity */
.p2-cover .p2-identity-text{position:relative;z-index:2;overflow:visible}
.p2-cover .p10-title-ribbon{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 15px;margin:0 0 15px;border:1px solid #f5baffb3;border-radius:999px;background:linear-gradient(110deg,#431a69ed,#76267cdd 52%,#3c2c8de8);box-shadow:0 0 0 2px #1a0a2844,inset 0 1px 0 #ffffff50,0 3px 16px #ec7dff60;transform:translateY(-6px)}
.p2-cover .p10-title-label{font-size:13px;font-weight:800;letter-spacing:.3px;line-height:1.25;color:#fff2fd;text-shadow:0 1px 8px #ffb3f7,0 1px 2px #140721}
.p2-cover .p10-title-symbol{color:#ffdc8f;font-size:15px;filter:drop-shadow(0 0 5px #ffb2ef)}
.p2-cover .p10-profile-subtitle{margin:1px 0 9px;color:#e9d9f6}
@media(max-width:600px){.p2-cover .p10-title-ribbon{padding:6px 10px;margin-bottom:9px;gap:5px;transform:translateY(-2px)}.p2-cover .p10-title-label{font-size:11px}.p2-cover .p10-title-symbol{font-size:12px}}

/* Title displayed in top-right corner of profile cover, replacing settings button. */
.p2-cover .p10-title-corner{position:absolute!important;top:18px!important;right:20px!important;left:auto!important;bottom:auto!important;z-index:8!important;margin:0!important;max-width:min(55%,300px);justify-content:center;text-align:center;pointer-events:none;white-space:normal}
.p2-cover .p10-title-corner .p10-title-label{overflow-wrap:anywhere}
@media(max-width:600px){.p2-cover .p10-title-corner{top:12px!important;right:12px!important;max-width:55%;padding:6px 10px;font-size:10px;gap:4px}}

/* Collector profile wall — right column */
.p10-wall{background:linear-gradient(155deg,#3c244e,#291c3e 78%);border:1px solid #795292}
.p10-wall .p2-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.p10-wall-counter{font-size:11px;color:#d7b6f0;white-space:nowrap}
.p10-wall-hint{font-size:12px;line-height:1.6;color:#cbb5d9;margin:8px 0 12px}
.p10-wall-create{display:block;width:100%;padding:11px;border:1px solid #c977f5;border-radius:12px;background:linear-gradient(110deg,#7138a2,#a2439d);color:white;font-weight:700;cursor:pointer;box-shadow:0 3px 16px #bc5be62c}
.p10-wall-create:hover{filter:brightness(1.15)}
.p10-wall-feed{display:grid;gap:10px;margin-top:14px}
.p10-wall-post{background:#251a37cc;border:1px solid #644477;border-radius:13px;padding:12px}
.p10-wall-post-head{display:flex;align-items:center;gap:9px}
.p10-wall-avatar{height:35px;width:35px;border-radius:50%;background:linear-gradient(135deg,#ee77db,#7358d6);display:grid;place-items:center;overflow:hidden;font-weight:bold}
.p10-wall-avatar img{width:100%;height:100%;object-fit:cover}
.p10-wall-author{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.p10-wall-author strong{font-size:12px;color:#fff;overflow-wrap:anywhere}
.p10-wall-author time{font-size:10px;color:#b6a0c7}
.p10-wall-delete{font-size:20px;line-height:1;background:transparent;border:0;color:#bca6cb;cursor:pointer;padding:4px 8px}
.p10-wall-delete:hover{color:#ff8aaf}
.p10-wall-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#f4e7ff;font-size:12px;line-height:1.65;margin:10px 0 0}
.p10-wall-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 10px;color:#d7bce9}
.p10-wall-empty>span{font-size:32px;color:#f5a6e6}
.p10-wall-empty strong{font-size:12px}.p10-wall-empty small{font-size:11px;color:#bca5cc}

/* v1.1m: wall pagination, 5 entries per page */
.p10-wall-pagination{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:15px;padding:2px 0 0}
.p10-wall-page-btn{display:grid;place-items:center;width:39px;height:36px;flex:0 0 39px;border:1px solid #9970b1;border-radius:11px;background:linear-gradient(145deg,#483057,#30223f);color:#f3d8ff;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;transform:none!important}
.p10-wall-page-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p10-wall-page-btn:not(:disabled):hover{background:#59366d;border-color:#d49be7;box-shadow:0 0 12px #bd78d233;transform:none!important}
.p10-wall-page-btn:disabled{opacity:.35;cursor:default;box-shadow:none}
.p10-wall-page-label{font-size:12px;font-weight:700;color:#e6c7f3;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}


/* ==== [16] <style id=global-white-button-labels> (head) ==== */

/* Global readability fix: all button labels stay white across the app. */
button,
button:enabled,
button:hover,
button:focus,
button:active,
button.selected,
button.active,
button[disabled],
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
button :is(span, strong, small, b, em, i, label),
button:is(.active,.selected) :is(span, strong, small, b, em, i, label),
[role="button"] :is(span, strong, small, b, em, i, label) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* ==== [17] premium-design.css?v=2 ==== */
/* KpopCollector Premium Design · non-destructive visual layer */
:root{--kc-bg:#171426;--kc-surface:#29213d;--kc-surface-raised:#332746;--kc-border:#65517b;--kc-purple:#a85de0;--kc-pink:#f174cb;--kc-cyan:#69d5e8;--kc-text:#f8f4ff;--kc-muted:#c6bad5;--kc-radius:18px}
html{background:var(--kc-bg)}body{background:radial-gradient(ellipse at 72% 8%,#342348 0%,transparent 47%),linear-gradient(145deg,#171426,#1e1930 65%,#171426)!important;color:var(--kc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.app{background:transparent!important;color:var(--kc-text)}
.page h1,.hero h1{font-weight:800;letter-spacing:-.035em}.page h2,.p2-heading h2{letter-spacing:-.018em}.page p,.hero p{line-height:1.55}
/* Unified button language; retain behavior and existing JS event handlers */
button,input[type=button],input[type=submit],[role=button]{font-family:inherit;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer}
button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--kc-cyan)!important;outline-offset:3px}
button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed;opacity:.62;box-shadow:none!important;transform:none!important}
button:not(:disabled):active{transform:scale(.98)}
.buy,.modal button[data-buy],.modal button[data-confirm],.p2-panel button:not(.p9-medal):not(.p3-frame-tile),.p9-wall button,.p2-action,.p9-primary{border-radius:13px}
/* Premium pack cards: fewer competing decorations, clear visual hierarchy */
.packs{gap:14px}.pack{background:linear-gradient(112deg,#352745 0%,#29213d 55%,#242038 100%)!important;border:1px solid #64517b!important;border-radius:20px!important;min-height:150px;gap:17px!important;padding:12px 22px 12px 14px!important;box-shadow:0 9px 24px #0c07182b;isolation:isolate}
.pack:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f174cb0d,transparent 60%);pointer-events:none}
.pack:nth-child(2):before,.pack:nth-child(5):before{background:linear-gradient(90deg,#69d5e811,transparent 62%)}
.pack:nth-child(4):before{background:linear-gradient(90deg,#f3c97813,transparent 62%)}
.pack:hover{border-color:#b57ed5!important;box-shadow:0 10px 30px #b566d526;transform:translateY(-2px)}
.pack>img{width:22%;flex:0 0 22%;max-width:118px;height:125px;filter:drop-shadow(0 8px 13px #0008)}
.pack-info{padding:7px 0}.pack h2{font-size:clamp(16px,2.7vw,21px);font-weight:800;letter-spacing:-.025em;margin-bottom:5px}.pack p{font-size:clamp(12px,1.9vw,14px);color:var(--kc-muted);margin-bottom:8px}
.pack .buy{background:#5d3d85!important;border:1px solid #8662b1!important;border-radius:13px!important;font-size:clamp(13px,2vw,16px)!important;padding:9px 17px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 9px #0d071b22}
.pack .buy:hover{background:#7852a6!important}.pack .info{background:#312542;border-color:#78628e;color:#e8d7fa}
/* Consistent segmented filters */
.filters{gap:8px}.filters button{border:1px solid #705986!important;border-radius:12px!important;padding:10px 16px!important;background:#29213d!important;color:#e8dff2!important;-webkit-text-fill-color:#e8dff2!important}
.filters button.active{background:#a85de0!important;border-color:#b778e6!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 14px #a85de02d}
/* Modal buttons, keep disabled buttons distinguishable */
.modal{background:linear-gradient(150deg,#372849,#211a32 75%)!important;border-color:#765c90!important;box-shadow:0 22px 75px #090614a8!important}
.modal button:not(.close):not(:disabled){border-radius:13px}
/* Collection / rarity styling: support existing rarity selectors without changing data */
.collect-card,.task,.odds{background:#29213d;border:1px solid #625078;border-radius:18px;box-shadow:0 5px 16px #0a071422}
.collect-card{transition:transform .18s,border-color .18s,box-shadow .18s}.collect-card:hover{transform:translateY(-2px);border-color:#a276c7;box-shadow:0 8px 23px #a85de01e}
.rarities>div:nth-child(1){border-bottom:2px solid #a5a4b5}.rarities>div:nth-child(2){border-bottom:2px solid #55bdf3}.rarities>div:nth-child(3){border-bottom:2px solid #ba76ff}.rarities>div:nth-child(4){border-bottom:2px solid #f6c96d}.rarities>div:nth-child(5){border-bottom:2px solid #f37bbe}.rarities>div:nth-child(6){border-bottom:2px solid #69d5e8}
/* Profile: intentional separation between hero, metrics and functional panels */
.p2-page{padding-bottom:110px}.p2-cover{border:1px solid #84609e!important;border-radius:22px!important;box-shadow:0 12px 36px #0b061d38}
.p2-stats{gap:9px!important;margin:12px 0 15px!important}.p2-stats>div{background:linear-gradient(145deg,#332545,#29203b)!important;border:1px solid #705586!important;border-radius:16px!important;box-shadow:0 5px 14px #0b071b24}
.p2-stats strong{font-weight:800}.p2-stats small{color:#d1c2dd}
.p2-panel{background:linear-gradient(155deg,#302440,#29203a 75%)!important;border:1px solid #6b537f!important;border-radius:19px!important;box-shadow:0 5px 18px #0b071b22}
.p2-panel h2{font-weight:800}.p2-column{gap:13px!important}.p9-medal{background:linear-gradient(145deg,#372746,#281e39)!important}
.p9-medal.pinned{border-color:#e5b66e!important}
/* Bottom navigation: smaller height, restrained active indicator */
.nav{max-width:832px;background:#211a32f7!important;backdrop-filter:blur(16px);border-top:1px solid #7257815e!important;padding:6px 8px max(8px,env(safe-area-inset-bottom))!important;gap:3px;box-shadow:0 -10px 30px #0a071e36}
.nav button{position:relative;min-width:0!important;flex:1;padding:6px 3px!important;border-radius:13px!important;font-size:clamp(10px,1.7vw,12px)!important;background:transparent!important;color:#c8bad8!important;-webkit-text-fill-color:#c8bad8!important}
.nav button span{font-size:clamp(21px,3.5vw,25px)!important;margin-bottom:2px!important;line-height:1.1}
.nav button.selected{background:#6f48953d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1px #a86cda55}
.nav button.selected:before{content:'';position:absolute;top:0;left:29%;right:29%;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#a85de0,#f174cb)}
/* Slightly more breathing room and more legible secondary text */
.hero p,.pack p,.hint{color:#cbbfda}.p2-panel p,.p2-panel small{line-height:1.5}
@media(max-width:520px){.pack{min-height:126px!important;gap:10px!important;padding:9px 12px!important;border-radius:16px!important}.pack>img{height:105px;max-width:90px}.pack h2{font-size:15px}.pack p{font-size:11px}.pack .buy{font-size:12px!important;padding:7px 10px!important}.p2-stats{gap:5px!important}.p2-stats>div{padding:9px 3px!important}.p2-panel{border-radius:16px!important}.nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.pack,.collect-card,button{transition:none!important}}


/* ==== [18] quiz.css ==== */

.quiz-panel{margin:20px 0 26px;padding:23px;border:1px solid #8d66ad;border-radius:22px;background:linear-gradient(140deg,#32213f,#241d38 75%);color:#fff;box-shadow:0 12px 35px #08051435}
.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.quiz-head h2{margin:6px 0;font-size:21px;color:#fff}.quiz-head p{margin:0;color:#d2c1df;font-size:13px}.quiz-eyebrow{color:#e5a4ff;font-size:11px;font-weight:800;letter-spacing:2px}.quiz-prize{flex-shrink:0;background:#48315c;border:1px solid #a77bca;padding:11px 15px;border-radius:13px;color:#fff;font-weight:800}
.quiz-stats{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.quiz-stats span{padding:7px 10px;border-radius:10px;background:#ffffff0c;color:#dbcfe6;font-size:12px}.quiz-stats b{color:#fff}.quiz-question,.quiz-locked{padding:18px;background:#160f2480;border:1px solid #ffffff1c;border-radius:16px}.quiz-question h3{font-size:19px;line-height:1.45;color:#fff;margin:10px 0 18px}.quiz-meta{font-size:12px;color:#e0a9fc}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-answers button{display:flex;align-items:center;gap:10px;text-align:left;border-radius:12px;padding:13px;background:#3d2b51;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #8c6aa6;cursor:pointer;transition:.15s}.quiz-answers button:hover{background:#644080;border-color:#edb0fa;transform:translateY(-1px)}.quiz-answers button span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:8px;background:#a35dd3;color:#fff}.quiz-note{color:#a99cb8;font-size:12px;margin:13px 0 0}.quiz-locked{text-align:center}.quiz-locked strong{color:#f2c3ff;font-size:19px}.quiz-locked p{color:#d4c6e0}.quiz-locked span{color:#d8a4f6}.quiz-locked b{color:#fff;font-variant-numeric:tabular-nums}
@media(max-width:520px){.quiz-panel{padding:15px}.quiz-answers{grid-template-columns:1fr}.quiz-head h2{font-size:18px}.quiz-prize{padding:9px}}

.quiz-switch.kps-graphic-tabs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto;gap:6px 12px!important;align-items:center;padding:12px!important;margin:12px 0 16px!important;border:1px solid #694187!important;border-radius:22px!important;background:linear-gradient(140deg,#251832,#21162e)!important}
.quiz-switch.kps-graphic-tabs .kps-tab{display:block!important;min-width:0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;line-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:18px!important;overflow:visible!important;cursor:pointer;transform:translateY(0);transition:transform .2s ease,filter .2s ease;filter:saturate(.85) brightness(.9)}
.quiz-switch.kps-graphic-tabs .kps-tab img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.quiz-switch.kps-graphic-tabs .kps-tab-quiz{grid-column:1;grid-row:1}.quiz-switch.kps-graphic-tabs .kps-tab-mascot{grid-column:1;grid-row:2}.quiz-switch.kps-graphic-tabs .kps-tab-wheel{grid-column:2;grid-row:1/span 2}
.quiz-switch.kps-graphic-tabs .kps-tab:hover{filter:saturate(1.12) brightness(1.12) drop-shadow(0 0 10px #b744d6aa);transform:translateY(-3px) scale(1.015)}
.quiz-switch.kps-graphic-tabs .kps-tab.active{filter:saturate(1.2) brightness(1.12) drop-shadow(0 0 12px #f17affb8)}
.quiz-switch.kps-graphic-tabs .kps-tab:focus-visible{outline:3px solid #ffb8ff!important;outline-offset:1px}
@media(max-width:520px){.quiz-switch.kps-graphic-tabs{gap:3px 5px!important;padding:7px!important;border-radius:13px!important}}
@media(prefers-reduced-motion:reduce){.quiz-switch.kps-graphic-tabs .kps-tab{transition:none}}

/* K-POP SOCIAL restrained mini-game navigation — consistent sizing, localized live text */
.quiz-switch.kps-graphic-tabs{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:1fr!important;
 gap:10px!important;
 padding:12px!important;
 border:1px solid #6d4a83!important;
 border-radius:20px!important;
 background:#251a33!important;
 align-items:stretch!important;
}
.quiz-switch.kps-graphic-tabs .kps-tab,
.quiz-switch.kps-graphic-tabs .kps-tab-quiz,
.quiz-switch.kps-graphic-tabs .kps-tab-wheel,
.quiz-switch.kps-graphic-tabs .kps-tab-mascot{
 grid-column:auto!important;grid-row:auto!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:8px!important;min-width:0!important;min-height:75px!important;
 width:100%!important;height:auto!important;padding:10px 12px!important;
 background:linear-gradient(145deg,#382746,#2b203a)!important;
 border:1px solid #84649b!important;border-radius:15px!important;
 box-shadow:inset 0 1px 0 #ffffff12!important;
 color:#f8f0ff!important;line-height:1.2!important;
 text-align:left!important;font-weight:800!important;font-size:14px!important;
 filter:none!important;overflow:hidden!important;
 transition:background .2s,box-shadow .2s,transform .2s,border-color .2s!important;
}
.quiz-switch.kps-graphic-tabs .kps-tab img{
 flex:0 0 48px!important;width:48px!important;height:52px!important;
 object-fit:contain!important;filter:drop-shadow(0 0 5px #e7a3ff50);
}
.quiz-switch.kps-graphic-tabs .kps-tab span{
 display:block!important;min-width:0;line-height:1.2!important;
 overflow-wrap:normal;white-space:normal;
}
.quiz-switch.kps-graphic-tabs .kps-tab.active{
 background:linear-gradient(135deg,#6b3e83,#422c5d)!important;
 border-color:#e6a0f3!important;
 box-shadow:0 0 15px #a958c64d,inset 0 1px 0 #ffffff24!important;
}
.quiz-switch.kps-graphic-tabs .kps-tab:hover{
 transform:translateY(-2px)!important;
 border-color:#c99ade!important;
 background:linear-gradient(145deg,#513566,#342545)!important;
 box-shadow:0 5px 15px #130a2060!important;
}
.quiz-switch.kps-graphic-tabs .kps-tab:focus-visible{outline:2px solid #efb9ff!important;outline-offset:2px!important}
@media(max-width:620px){
 .quiz-switch.kps-graphic-tabs{gap:6px!important;padding:7px!important}
 .quiz-switch.kps-graphic-tabs .kps-tab{flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:3px!important;padding:7px 3px!important;min-height:87px!important;font-size:11px!important}
 .quiz-switch.kps-graphic-tabs .kps-tab img{width:38px!important;height:42px!important;flex-basis:42px!important}
}
@media(prefers-reduced-motion:reduce){.quiz-switch.kps-graphic-tabs .kps-tab{transition:none!important}}


/* KpopCollector v13 — redesigned daily K-pop quiz */
.quiz-panel{position:relative;isolation:isolate;overflow:hidden;padding:26px!important;border:1px solid #9567b8!important;border-radius:22px!important;background:radial-gradient(ellipse at 96% 3%,rgba(154,73,197,.17),transparent 48%),linear-gradient(145deg,#30203f,#21182f 78%)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 32px #10082038!important}
.quiz-panel:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 82% 18%,#e3b7ff55 0 1px,transparent 2px),radial-gradient(circle at 95% 45%,#e3b7ff44 0 1px,transparent 2px),linear-gradient(120deg,transparent 20%,#d787fa09 60%,transparent 90%)}
.quiz-head{align-items:center!important;gap:20px!important}
.quiz-head h2{display:flex;align-items:center;gap:11px;font-size:23px!important;line-height:1.3!important;margin:10px 0 7px!important}
.quiz-head h2>.quiz-v13-icon{width:31px;height:31px;color:#e7b0ff;filter:drop-shadow(0 0 7px #b862ec80)}
.quiz-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#e7b3fa!important;letter-spacing:.14em!important}
.quiz-eyebrow .quiz-v13-icon{width:13px;height:13px}
.quiz-prize{display:flex;align-items:center;gap:8px;padding:13px 16px!important;border-radius:14px!important;border-color:#b27bce!important;background:linear-gradient(135deg,#563369,#402852)!important;box-shadow:0 3px 15px #180a2840}
.quiz-prize .quiz-v13-icon{color:#ffd27b;width:22px;height:22px}
.quiz-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;margin:22px 0!important}
.quiz-stats span{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:59px;border:1px solid #6e5088!important;border-radius:12px!important;background:#3b2a4d!important;padding:9px 11px!important;font-size:11px!important;color:#d4bfe3!important}
.quiz-stats b{font-size:19px!important;color:#fff!important;font-variant-numeric:tabular-nums}
.quiz-question,.quiz-locked{padding:22px!important;border:1px solid #62487d!important;border-radius:17px!important;background:linear-gradient(145deg,#1d152c,#241a35)!important}
.quiz-meta{display:inline-flex;align-items:center;border:1px solid #7d569b;border-radius:20px;padding:5px 10px;color:#edbafa!important;background:#4c2c6340;font-size:11px!important;font-weight:700}
.quiz-question h3{font-size:21px!important;line-height:1.45!important;margin:16px 0 21px!important}
.quiz-answers{gap:12px!important}
.quiz-answers button{min-height:64px!important;gap:12px!important;padding:12px 15px!important;border:1px solid #785b96!important;border-radius:13px!important;background:linear-gradient(120deg,#39294c,#342545)!important;transition:background .18s,border-color .18s,transform .18s!important}
.quiz-answers button span{width:34px!important;height:34px!important;flex:none;border:1px solid #d18aef;border-radius:10px!important;background:linear-gradient(145deg,#b26bdc,#7f43b4)!important;font-weight:800}
.quiz-answers button:hover{background:#55336d!important;border-color:#e5a7f9!important;transform:translateY(-2px)}
.quiz-answers button:focus-visible{outline:2px solid #f3c2ff;outline-offset:3px}
.quiz-note{margin:17px 0 0!important;color:#c8b5d7!important}
.quiz-locked{padding:28px!important}.quiz-locked strong{font-size:21px!important}
.quiz-v13-icon{display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle}
@media(max-width:700px){.quiz-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-panel{padding:17px!important}}
@media(max-width:520px){.quiz-head h2{font-size:19px!important}.quiz-head h2>.quiz-v13-icon{width:25px;height:25px}.quiz-prize{padding:10px!important;font-size:13px}.quiz-answers{grid-template-columns:1fr!important}.quiz-question{padding:16px!important}.quiz-question h3{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.quiz-answers button{transition:none!important}}


/* ==== [19] kiki.css ==== */
/* KIKI mini-game */
.kiki-game{max-width:740px;margin:18px auto 30px;padding:24px 20px;border:1px solid #9855c5;border-radius:24px;background:radial-gradient(circle at 50% 36%,#613080 0,#302044 46%,#1b132b 100%);box-shadow:0 10px 34px #0d061a66;color:#fff;text-align:center}
.kiki-eyebrow{font-size:11px;letter-spacing:.12em;color:#e8a4ff;font-weight:800}.kiki-game-heading h2{font-size:25px;margin:8px 0}.kiki-game-heading p{color:#d6c5e7;font-size:13px;margin:4px}
.kiki-stage{position:relative;margin:15px auto 5px;width:min(100%,430px);min-height:310px;display:flex;justify-content:center;align-items:center}
.kiki-stage:before{content:'';position:absolute;left:12%;right:12%;bottom:5%;height:36px;border:3px solid #f18aff;border-radius:50%;box-shadow:0 0 24px #e969f5,0 0 55px #a755ff55}
.kiki-tap-target{position:relative;z-index:2;display:block;width:min(82%,340px);padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 12px 18px #0d0525aa);animation:kiki-breathe 2.8s ease-in-out infinite;touch-action:manipulation}
.kiki-tap-target img{display:block;width:100%;border-radius:18px;pointer-events:none;user-select:none}
.kiki-tap-target:active{transform:scale(.94);animation:none}.kiki-tap-target:disabled{cursor:default;opacity:.93}
.kiki-bubble{position:absolute;z-index:3;top:5%;right:0;padding:10px 14px;background:#fff0ff;color:#8325ae;font-weight:900;border:2px solid #edb8ff;border-radius:23px;box-shadow:0 4px 20px #b13ed5aa;transform:rotate(5deg);pointer-events:none}
.kiki-sparkles{position:absolute;left:3%;top:20%;font-size:24px;color:#f6a5ff;text-shadow:0 0 15px #ff8aff}
.kiki-progress{max-width:420px;margin:8px auto}.kiki-count{font-size:13px;margin-bottom:8px}.kiki-pips{display:flex;gap:5px}.kiki-pips span{flex:1;height:13px;border:1px solid #bd81db;border-radius:6px;background:#21152d}.kiki-pips span.filled{background:linear-gradient(90deg,#f9a4ff,#b76cf3);box-shadow:0 0 10px #d77aff}
.kiki-prizes{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px auto}.kiki-prizes span{padding:10px 14px;background:#2b1a3d;border:1px solid #7954a1;border-radius:12px;font-size:14px}
.kiki-action{display:block;width:min(100%,390px);margin:12px auto;border:0;border-radius:14px;padding:13px 20px;background:linear-gradient(90deg,#a960dd,#d36ed9);color:white;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 6px 20px #b15cda55}
.kiki-finished{padding:13px;border:1px solid #ad69d2;border-radius:15px;background:#3d2459;font-weight:800}.kiki-finished div{margin-top:7px;font-weight:400}.kiki-last{margin:12px auto;padding:10px;background:#281938;border-radius:12px;font-size:13px}.kiki-disclaimer{color:#bca5cb;font-size:11px;line-height:1.5;margin:16px 0 0}
@keyframes kiki-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:540px){.kiki-game{padding:18px 12px}.kiki-stage{min-height:240px}.kiki-bubble{font-size:12px;padding:7px 10px}.kiki-game-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.kiki-tap-target{animation:none}}

.kiki-stage{overflow:visible;isolation:isolate}
.kiki-tap-target{width:min(88%,360px);transform-origin:50% 78%;animation:kiki-idle 2.4s ease-in-out infinite}
.kiki-tap-target img{width:100%;height:auto;aspect-ratio:418/406;object-fit:contain;border-radius:22px;box-shadow:0 10px 28px #13082099}
.kiki-stage.kiki-mood-happy .kiki-tap-target{animation:kiki-idle 2.4s ease-in-out infinite}
.kiki-stage.kiki-mood-tickle .kiki-tap-target{animation:kiki-giggle .45s ease-in-out infinite}
.kiki-stage.kiki-mood-tired .kiki-tap-target{animation:kiki-tired 2.5s ease-in-out infinite}
.kiki-stage.kiki-mood-sleep .kiki-tap-target{animation:kiki-sleep 4s ease-in-out infinite;filter:saturate(.75) brightness(.85)}
.kiki-stage .kiki-tap-target:active{animation:kiki-pop .2s ease-out!important}
.kiki-emote{position:absolute;left:2%;top:30%;font-size:30px;filter:drop-shadow(0 0 12px #ef7fff);animation:kiki-float 1.7s ease-in-out infinite;pointer-events:none}
.kiki-mood-sleep .kiki-emote{font-size:42px;left:auto;right:3%;top:19%}
.kiki-mood-tickle .kiki-bubble{animation:kiki-bubble-shake .45s ease-in-out infinite}
@keyframes kiki-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes kiki-giggle{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
@keyframes kiki-tired{0%,100%{transform:rotate(-3deg) translateY(3px)}50%{transform:rotate(2deg) translateY(8px)}}
@keyframes kiki-sleep{0%,100%{transform:translateY(3px) scale(1)}50%{transform:translateY(6px) scale(.985)}}
@keyframes kiki-pop{0%{transform:scale(1)}50%{transform:scale(.9) rotate(-4deg)}100%{transform:scale(1.04)}}
@keyframes kiki-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes kiki-bubble-shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.kiki-stage .kiki-tap-target,.kiki-emote,.kiki-bubble{animation:none!important}}

/* Fix: sleeping Zzz must stay visible above the mascot image and speech bubble. */
.kiki-stage.kiki-mood-sleep .kiki-emote{
  position:absolute;
  z-index:10;
  top:31%;
  right:3%;
  left:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:94px;
  min-height:74px;
  padding:8px 12px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(61,24,103,.9),rgba(104,38,143,.88));
  border:1px solid rgba(250,176,255,.8);
  box-shadow:0 0 18px rgba(223,119,255,.6),inset 0 0 16px rgba(241,164,255,.15);
  color:#fff;
  font-size:43px;
  line-height:1;
  text-shadow:0 0 12px #e59cff;
  pointer-events:none;
  animation:kiki-zzz-visible 2.5s ease-in-out infinite;
}
.kiki-stage.kiki-mood-sleep .kiki-bubble{z-index:4;right:0;top:2%}
@keyframes kiki-zzz-visible{
  0%,100%{transform:translateY(0) rotate(-7deg);opacity:.92}
  50%{transform:translateY(-13px) rotate(5deg);opacity:1}
}
@media(max-width:480px){
  .kiki-stage.kiki-mood-sleep .kiki-emote{
    right:1%;top:39%;min-width:66px;min-height:56px;
    padding:6px 8px;font-size:31px
  }
}
@media(prefers-reduced-motion:reduce){
  .kiki-stage.kiki-mood-sleep .kiki-emote{animation:none!important}
}

/* Overlay repair: all floating reactions are ABOVE the mascot, never behind its image. */
.kiki-stage{position:relative;isolation:isolate;overflow:visible}
.kiki-stage::before{z-index:0}
.kiki-stage .kiki-tap-target{position:relative;z-index:1}
.kiki-stage .kiki-sparkles{
 position:absolute;z-index:7;top:23%;left:6%;right:auto;
 display:block;pointer-events:none;color:#ffb8ff;
 font-size:30px;line-height:1.5;
 text-shadow:0 0 8px #ff7de7,0 0 18px #f17cfc;
 animation:kiki-sparkle-float 2.2s ease-in-out infinite;
}
.kiki-stage .kiki-bubble{position:absolute;z-index:8}
.kiki-stage .kiki-emote{
 position:absolute;z-index:9;
 left:4%;right:auto;top:45%;
 display:block;min-width:0;min-height:0;
 padding:0;border:0;border-radius:0;background:transparent;
 box-shadow:none;filter:none;pointer-events:none;
 font-size:36px;line-height:1.1;
 text-shadow:0 0 9px #f88bff,0 0 20px #a858ff;
 animation:kiki-float 1.7s ease-in-out infinite;
}
.kiki-stage.kiki-mood-tickle .kiki-emote{left:3%;top:38%}
.kiki-stage.kiki-mood-tired .kiki-emote{left:auto;right:5%;top:39%}
.kiki-stage.kiki-mood-sleep .kiki-emote{
 position:absolute;z-index:11;
 left:auto;right:4%;top:37%;
 display:block;min-width:0;min-height:0;
 padding:0;border:0;border-radius:0;background:none;
 box-shadow:none;filter:none;
 font-size:46px;line-height:1.1;
 text-shadow:0 0 8px #6deaff,0 0 18px #4caeff,0 0 26px #bc8cff;
 animation:kiki-zzz-visible 2.5s ease-in-out infinite;
}
@keyframes kiki-sparkle-float{
 0%,100%{transform:translateY(0) rotate(-8deg);opacity:.85}
 50%{transform:translateY(-12px) rotate(7deg);opacity:1}
}
@media(max-width:480px){
 .kiki-stage .kiki-sparkles{left:2%;top:21%;font-size:24px}
 .kiki-stage .kiki-emote{left:1%;top:45%;font-size:28px}
 .kiki-stage.kiki-mood-sleep .kiki-emote{
  left:auto;right:1%;top:42%;font-size:38px;
  min-width:0;min-height:0;padding:0;border:0;background:transparent;box-shadow:none
 }
}
@media(prefers-reduced-motion:reduce){
 .kiki-stage .kiki-sparkles,.kiki-stage .kiki-emote{animation:none!important}
}

/* Special sleeping Kiki asset at the 10th tap. */
.kiki-stage.kiki-mood-sleep .kiki-tap-target img{aspect-ratio:900/583;object-fit:contain}
.kiki-stage.kiki-mood-sleep .kiki-tap-target{width:min(95%,410px)}

/* Branded KIKI header and reward artwork */
.kiki-game .kiki-title{display:flex;align-items:center;justify-content:center;margin:9px auto 5px;min-height:50px}
.kiki-title-art{display:block;width:min(100%,470px);max-height:90px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(227,121,255,.28))}
.kiki-paw-icon{width:44px;height:42px;overflow:hidden;display:inline-flex;align-items:center;justify-content:flex-start;margin-right:10px}
.kiki-paw-icon img{height:45px;width:auto;max-width:none}
.kiki-game .kiki-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:510px;gap:12px;margin:18px auto}
.kiki-game .kiki-prize{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:6px 5px 10px;border-radius:17px;background:linear-gradient(180deg,rgba(83,39,117,.5),rgba(36,18,56,.92));border:1px solid rgba(198,127,245,.6);box-shadow:inset 0 0 14px rgba(223,118,255,.09);overflow:hidden}
.kiki-game .kiki-prize img{display:block;width:100%;max-width:145px;height:90px;object-fit:contain;filter:drop-shadow(0 3px 9px rgba(0,0,0,.3));pointer-events:none}
.kiki-game .kiki-prize b{display:block;margin-top:-2px;padding:5px 13px;border-radius:999px;background:#251538;border:1px solid rgba(243,184,255,.5);font-size:15px;white-space:nowrap;color:#fff}
.kiki-game .kiki-prize-coins{border-color:#e6b665}.kiki-game .kiki-prize-coins b{box-shadow:0 0 12px #e7a64c44}
.kiki-game .kiki-prize-crystals{border-color:#70baff}.kiki-game .kiki-prize-crystals b{box-shadow:0 0 12px #67c6ff44}
.kiki-game .kiki-prize-card{border-color:#e880e7}.kiki-game .kiki-prize-card b{box-shadow:0 0 12px #ee81e544}
@media(max-width:540px){
 .kiki-game .kiki-title{min-height:36px}
 .kiki-title-art{max-height:65px}
 .kiki-game .kiki-prizes{gap:6px}
 .kiki-game .kiki-prize{padding:4px 2px 8px;border-radius:12px}
 .kiki-game .kiki-prize img{height:66px}
 .kiki-game .kiki-prize b{font-size:12px;padding:4px 8px}
}

/* Branded transparent KIKI UI — image-only controls, no duplicate CSS frames */
.kiki-game .kiki-branded-heading{display:block;width:min(100%,640px);height:auto;margin:0 auto 6px;object-fit:contain;filter:drop-shadow(0 0 8px #ad60e044)}
.kiki-game .kiki-art-prizes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:510px;margin:14px auto}
.kiki-game .kiki-art-prizes>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #0b061a55)}
.kiki-game .kiki-art-action{display:block;width:min(100%,580px);height:auto;min-height:0;margin:12px auto;padding:0!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;cursor:pointer;line-height:0;overflow:visible}
.kiki-game .kiki-art-action>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;transition:filter .2s,transform .2s}
.kiki-game .kiki-art-action:hover>img{filter:brightness(1.13) drop-shadow(0 0 12px #d46ff988);transform:translateY(-2px)}
.kiki-game .kiki-art-action:active>img{transform:scale(.98)}
.kiki-game .kiki-art-action>span{display:block;line-height:1.3;padding:13px 20px;background:linear-gradient(90deg,#7c42a3,#b45bd0);border:1px solid #e8a8ff;border-radius:999px;color:white;font-size:20px;font-weight:800}
.kiki-game .kiki-art-action:focus-visible{outline:3px solid #f6c0ff;outline-offset:3px}
@media(max-width:480px){.kiki-game .kiki-art-prizes{gap:4px}.kiki-game .kiki-branded-heading{width:100%}}
@media(prefers-reduced-motion:reduce){.kiki-game .kiki-art-action>img{transition:none}}


/* ==== [20] lucky-wheel.css ==== */
/* KpopCollector premium wheel visual refresh */
.quiz-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0;padding:5px;background:#211a30;border:1px solid #4a3a5c;border-radius:16px}
.quiz-switch button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 9px;border-radius:11px;border:1px solid transparent;background:transparent;color:#bcaacb;cursor:pointer;font-weight:750;transition:background .2s,border-color .2s,color .2s}
.quiz-switch button.active{background:linear-gradient(120deg,#604078,#765196);color:#fff;border-color:#a97ac3;box-shadow:0 4px 16px #09051355}
.quiz-switch button:hover:not(.active){background:#352740;color:#fff}
.kc-icon{display:inline-block;vertical-align:middle;flex:none;width:19px;height:19px}
.quiz-switch+.quiz-panel{margin-top:14px}
.lucky-panel{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 22%,#3a284a 0%,#291f37 56%,#231a30 100%);border:1px solid #795b92;border-radius:22px;padding:26px 22px 22px}
.lucky-panel:before{content:'';position:absolute;top:0;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#d5a9ff,transparent)}
.lucky-panel .quiz-head{text-align:left;position:relative;z-index:1}
.lucky-panel .quiz-head h2{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.5px}
.wheel-heading-icon{color:#e5b4ff;width:27px;height:27px}
.wheel-odds{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 16px;border:1px solid #82659b;border-radius:13px;background:#3d2d50;color:white}
.wheel-odds strong{font-size:18px}.wheel-odds small{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#bfaad0}
.wheel-explainer{margin:17px auto 4px;color:#bdaaca;font-size:12px;letter-spacing:.2px}.wheel-explainer strong{color:#e6c0ff}
.wheel-stage{position:relative;display:grid;place-items:center;min-height:390px;margin:4px auto 4px;isolation:isolate}
.wheel-aura{position:absolute;z-index:-1;width:min(96%,440px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a86ace35 0%,#714aab1a 40%,transparent 70%);filter:blur(12px)}
.wheel-wrap{width:min(100%,350px);aspect-ratio:1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 18px 28px #07030c90)}
.wheel-wrap:before{content:'';position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 5deg,#caa0ee,#fff0dc,#a278d0,#f1c5f9,#9770ba,#caa0ee);box-shadow:0 0 0 4px #382647,0 0 26px #b778d63a}
.wheel-disc{position:absolute;inset:1px;border-radius:50%;border:5px solid #342443;background:conic-gradient(from 0deg,#7851a1 0% 14.2857%,#47376e 14.2857% 28.5714%,#a15b91 28.5714% 42.8571%,#51417f 42.8571% 57.1428%,#8c537e 57.1428% 71.4285%,#554579 71.4285% 85.7142%,#9d6baf 85.7142% 100%);transition:transform 4.4s cubic-bezier(.12,.7,.12,1);overflow:hidden}
.wheel-disc:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 23%,#ffffff20,transparent 50%),radial-gradient(circle,transparent 58%,#09030f30 100%);pointer-events:none}
.wheel-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 51.1deg,#e5c5ff33 51.1deg 51.43deg);pointer-events:none}
.wheel-pointer{position:absolute;z-index:5;top:-21px;width:32px;height:45px;background:linear-gradient(110deg,#fff2d6,#e1ad73 70%,#b97e46);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 5px 4px #0008)}
.wheel-hub{z-index:3;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#f8dca8;background:radial-gradient(circle at 30% 25%,#594273,#261a35 70%);border:5px solid #d4a9ed;box-shadow:0 0 0 3px #3b2851,0 5px 18px #000a}.wheel-hub .kc-icon{width:28px;height:28px}
.wheel-segment-label{position:absolute;inset:0;transform:rotate(var(--angle));text-align:center;padding-top:29px;color:white;font-weight:850;pointer-events:none}
.wheel-label-content{display:inline-flex;align-items:center;flex-direction:column;gap:6px;filter:drop-shadow(0 2px 2px #1a0c2599)}
.wheel-sector-icon{width:28px;height:28px;stroke-width:1.8;filter:drop-shadow(0 1px 3px #170b2866)}
.wheel-segment-label:nth-child(1) .kc-icon{color:#f7d58d}.wheel-segment-label:nth-child(2) .kc-icon{color:#9deaff}.wheel-segment-label:nth-child(n+3) .kc-icon{color:#ffda9a}
.wheel-segment-label small{font-size:12px;font-weight:900;letter-spacing:.4px;color:#fff}
.wheel-prizes{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:10px auto 22px;max-width:750px}
.wheel-prize-item{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #624b77;border-radius:10px;background:#332640;color:#f1e6f9;font-size:12px}
.wheel-prize-item .kc-icon{width:15px;height:15px;color:#ffd49b}.wheel-prize-gems .kc-icon{color:#8de8fa}.wheel-prize-card .kc-icon{color:#f6d48d}
.wheel-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:250px;min-height:53px;border:1px solid #dfb0f3;background:linear-gradient(110deg,#9863c3,#6d439a);box-shadow:0 7px 20px #13071e66,inset 0 1px #ffffff4a;padding:14px 25px;color:white;font-weight:850;font-size:14px;border-radius:13px;cursor:pointer;transition:filter .2s,transform .2s}
.wheel-controls button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.wheel-controls button:disabled{opacity:.72;cursor:default}.wheel-history{font-size:13px;color:#e0c8ee;margin-top:14px}.lucky-panel .quiz-note{font-size:11px;color:#a995b7;margin-top:15px}
@media(max-width:480px){.quiz-switch button{font-size:12px;gap:5px;padding:10px 4px}.quiz-switch .kc-icon{width:16px;height:16px}.lucky-panel{padding:20px 12px}.lucky-panel .quiz-head h2{font-size:20px}.wheel-stage{min-height:320px}.wheel-wrap{width:min(100%,285px)}.wheel-segment-label{padding-top:21px}.wheel-sector-icon{width:24px;height:24px}.wheel-prizes{gap:5px}.wheel-prize-item{font-size:11px;padding:7px 8px}}


/* ==== [21] lucky-card.css?v=1 ==== */

/* Lucky Card: isolated mini-game and four-item mini-game navigation */
.quiz-switch.kps-graphic-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:8px!important}
.quiz-switch.kps-graphic-tabs .kps-tab-luck{display:flex!important;align-items:center;justify-content:center;gap:9px;min-width:0!important;grid-column:auto!important;grid-row:auto!important;border:1px solid #82629b!important;border-radius:13px!important;background:#352443!important;color:#fff!important;min-height:74px!important;padding:10px!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;cursor:pointer}
.quiz-switch.kps-graphic-tabs .kps-tab-luck img{width:46px!important;height:46px!important;object-fit:contain!important;flex:none}
.quiz-switch.kps-graphic-tabs .kps-tab-luck span{display:block!important;line-height:1.3!important}
.quiz-switch.kps-graphic-tabs .kps-tab-luck.active{background:#624076!important;border-color:#d3a2e8!important}
.klc-panel{overflow:hidden;position:relative;background:linear-gradient(140deg,#30213f,#22182f)!important}
.klc-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.klc-heading h2{font-size:clamp(22px,3vw,29px);margin:8px 0!important;color:#fff}
.klc-heading p{font-size:13px;line-height:1.55;color:#c9b9d7;max-width:520px;margin:0}
.klc-clock{flex:none;min-width:125px;padding:10px 13px;border-radius:13px;background:#ffffff0a;color:#cbb8dc;font-size:11px;text-align:center}
.klc-clock strong{display:block;margin-top:5px;font-size:18px;color:#f5d9ff;font-variant-numeric:tabular-nums}
.klc-stage{display:flex;align-items:flex-end;gap:10px;margin:22px 0 16px}
.klc-kiki{width:clamp(85px,17%,155px);max-height:240px;object-fit:contain;object-position:bottom;flex:none;filter:drop-shadow(0 10px 16px #0005)}
.klc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1vw,13px);flex:1;min-width:0}
.klc-card{border:0!important;background:transparent!important;padding:0!important;aspect-ratio:0.69;min-width:0;perspective:850px;cursor:pointer;position:relative}
.klc-card:disabled{cursor:default}
.klc-card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.25,.7,.2,1)}
.klc-card.flipped .klc-card-inner{transform:rotateY(180deg)}
.klc-card-back,.klc-card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden}
.klc-card-back img{width:100%;height:100%;object-fit:contain}
.klc-card-front{transform:rotateY(180deg);background:#372648;border:1px solid #85639e}
.klc-card-front img{width:78%;height:73%;object-fit:contain}
.klc-card-front small{font-size:clamp(8px,1vw,12px);color:#f2e5ff;text-align:center;padding:0 2px}
.klc-card.chosen .klc-card-front{box-shadow:inset 0 0 0 2px #d3a7ef}
.klc-card:not(:disabled):hover{transform:translateY(-5px)}
.klc-card:focus-visible{outline:3px solid #f0c1ff;outline-offset:4px}
.klc-result{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 15px;border-radius:13px;background:#8a62b026;margin:10px 0;color:#f2e7fc}
.klc-result strong{font-size:13px}.klc-result span{font-weight:800}.klc-result>img{width:48px;height:55px;object-fit:cover;border-radius:6px}
.klc-result>div{margin-left:auto}
.klc-result button{background:#604078;border:0;border-radius:9px;color:#fff;padding:9px 13px;cursor:pointer}
.klc-result button:disabled{opacity:.55}
.klc-prizes{display:grid;grid-template-columns:1.2fr repeat(5,minmax(0,1fr));gap:8px;align-items:center;background:#1c1426a8;border-radius:16px;padding:14px 10px}
.klc-prizes>strong{font-size:12px;color:#f0d8fa}
.klc-prizes>div{text-align:center;min-width:0}
.klc-prizes img{height:52px;width:100%;object-fit:contain}
.klc-prizes small{display:block;color:#d2c2df;font-size:10px;line-height:1.3}
@media(max-width:760px){
.quiz-switch.kps-graphic-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quiz-switch.kps-graphic-tabs .kps-tab-luck{min-height:64px!important}
.klc-heading{flex-direction:column}.klc-clock{align-self:flex-start}
.klc-kiki{display:block;width:55px;max-height:120px}.klc-stage{margin-top:18px;gap:3px}
.klc-prizes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.klc-prizes>strong{grid-column:1/-1;text-align:center}
.klc-prizes img{height:44px}
}
@media(max-width:380px){.klc-card-front small{font-size:8px}.klc-panel{padding:12px!important}.klc-prizes small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.klc-card-inner{transition:none!important}.klc-card:not(:disabled):hover{transform:none}}


/* v3 — actual supplied card art, complete border and visible crown */
.klc-panel .klc-kiki{display:none!important}
.klc-panel .klc-stage{display:block!important;width:100%!important;margin:20px 0 16px!important;padding:0!important;min-height:0!important;overflow:visible!important}
.klc-panel .klc-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(5px,1.3vw,14px)!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;overflow:visible!important}
.klc-panel button.klc-card{display:block!important;position:relative!important;min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:0.65!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important;flex:none!important}
.klc-panel .klc-card-inner{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.klc-panel .klc-card-back,.klc-panel .klc-card-front{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;overflow:visible!important}
.klc-panel .klc-card-back{background:transparent url("assets/luck/card-back.webp?v=3") center center / contain no-repeat!important;border:0!important;box-shadow:none!important}
.klc-panel .klc-card-back img{display:none!important}
.klc-panel .klc-card-front{overflow:hidden!important}
@media(max-width:760px){.klc-panel .klc-grid{gap:3px!important}.klc-panel .klc-stage{margin:12px 0!important}}


/* ==== [22] <style id=pack20-style> (head) ==== */

.pack20-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 20px 8px;color:#c4a2ff;font-size:11px;letter-spacing:2px;font-weight:800}.pack20-toolbar button{background:#2a1d42;border:1px solid #8e63ce;color:#f2e4ff;border-radius:12px;padding:10px 14px;cursor:pointer;letter-spacing:0;font-weight:700}.pack20-toolbar button:hover{background:#523577}.packs .pack{position:relative;overflow:hidden;background:linear-gradient(145deg,#2b2044,#1b142e)!important;border:1px solid #64458b!important;box-shadow:0 10px 28px #100b2080}.packs .pack>img{filter:drop-shadow(0 12px 16px #070413a8);transition:transform .4s ease,filter .4s ease;object-fit:contain}.packs .pack:hover>img{transform:translateY(-9px) rotate(-3deg) scale(1.045);filter:drop-shadow(0 18px 25px #c365ff65)}.pack20-confirm-art{height:240px;max-width:95%;object-fit:contain;filter:drop-shadow(0 15px 22px #b050ff66);animation:pack20-float 2.5s ease-in-out infinite}.pack20-opening{position:relative;height:100%;display:grid;place-items:center;isolation:isolate}.pack20-opening .bigpack{position:relative;z-index:2;filter:drop-shadow(0 0 22px #ba5cff99);animation:pack20-float 2s ease-in-out infinite}.pack20-shine{position:absolute;z-index:3;inset:10% 28%;transform:translateX(-170%) skewX(-18deg);background:linear-gradient(90deg,transparent,#fff8,transparent);pointer-events:none;animation:pack20-scan 2.2s ease-in-out infinite}.pack20-reveal{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#5a278e66,#1a102c 70%)}.pack20-burst{position:absolute;inset:-50%;pointer-events:none;background:repeating-conic-gradient(from 15deg,#b95cff22 0deg 8deg,transparent 8deg 24deg);animation:pack20-rotate 12s linear infinite}.pack20-result .claim-result-card{filter:drop-shadow(0 0 25px #d36aff88)}.pack20-result-tag{font-size:11px;letter-spacing:3px;color:#dcaaff;font-weight:900;margin:10px 0}.pack20-history{max-height:65vh;overflow-y:auto}.pack20-history-row{display:flex;justify-content:space-between;gap:12px;text-align:left;border-bottom:1px solid #ffffff22;padding:12px 2px}.pack20-history-row>div:first-child{min-width:115px}.pack20-history-row small{display:block;opacity:.65;margin-top:5px}.pack20-history-row span{display:block;font-size:12px;margin-bottom:5px}@keyframes pack20-float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes pack20-scan{60%,100%{transform:translateX(170%) skewX(-18deg)}}@keyframes pack20-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pack20-confirm-art,.pack20-opening .bigpack,.pack20-shine,.pack20-burst{animation:none!important}}@media(max-width:560px){.pack20-toolbar{margin:12px 10px;font-size:9px}.pack20-toolbar button{font-size:12px}}

/* KpopCollector curated packaging 3.0 */
.packs .pack>img{object-fit:contain;filter:drop-shadow(0 14px 15px #05021180);animation:kpc-pack-float 4.2s ease-in-out infinite;transition:transform .35s ease,filter .35s ease}
.packs .pack:hover>img{transform:translateY(-7px) rotate(-3deg) scale(1.055);filter:drop-shadow(0 17px 18px #9c4ae666)}
.packs .special-pack>img{height:154px;animation-duration:4.8s}
.packs .concept-pack{border-color:#d188e6;background:linear-gradient(145deg,#4a2858,#261d3c)}
.packs .theme-pack{border-color:#b88b61;background:linear-gradient(145deg,#493047,#261d37)}
.packs .pack:not(.special-pack):last-child{background:linear-gradient(110deg,#49305f,#292142 70%,#44335b)}
.pack20-confirm-art,.pack20-opening .bigpack{object-fit:contain;filter:drop-shadow(0 12px 24px #9a55d666)}
@keyframes kpc-pack-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.packs .pack>img{animation:none}}


/* ==== [23] <style id=kpc-polish-v4> (head) ==== */

/* Product artwork has its own rarity caption removed from the PNG assets. */
.packs .pack>img{object-fit:contain!important;object-position:center!important;}
.packs .pack.special-pack>img{height:139px!important;max-width:86%!important;margin:0 auto 7px!important;flex:0 0 auto!important;}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:126px!important;max-width:76%!important;margin:5px auto 14px!important;}
.packs .pack.special-pack{overflow:hidden!important;padding-top:17px!important;}
.packs .pack.special-pack .pack-info{justify-content:flex-end!important;}
.packs .pack.special-pack .pack-info h2{margin-top:3px!important;}
.packs .pack:not(.special-pack)>img{object-fit:contain!important;}
/* A clean cinematic card-reveal stage, without the rectangular burst and spokes. */
#modal-root .overlay{padding:16px!important;overflow-y:auto;align-items:center;}
#modal-root .modal{width:min(100%,510px);max-height:min(92dvh,790px);overflow-x:hidden!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#74529b transparent;background:radial-gradient(ellipse at 50% 28%,#3e275e 0%,#241b38 62%,#171327 100%);border:1px solid #795d9b;box-shadow:0 26px 90px #070311c7,inset 0 1px #ffffff20;}
#modal-root .modal:has(.pack20-reveal){padding:23px 20px 24px;}
#modal-root .pack20-reveal{overflow:hidden!important;isolation:isolate;min-height:325px!important;height:325px!important;width:100%;max-width:100%;margin:4px auto 0;border:0!important;border-radius:24px!important;background:radial-gradient(ellipse at 50% 48%,#7346a14a 0%,#3c28544a 36%,transparent 72%)!important;box-shadow:none!important;}
#modal-root .pack20-reveal::before{content:"";position:absolute;inset:8% 12%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#ad71e02e,transparent 68%);filter:blur(22px);pointer-events:none}
#modal-root .pack20-burst{display:none!important}
#modal-root .kpc-reveal-halo{position:absolute;z-index:0;left:50%;top:48%;width:265px;height:265px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#bb89f236 0%,#8b5dc025 38%,transparent 68%);filter:blur(11px);pointer-events:none;animation:kpc-halo-breathe 3s ease-in-out infinite alternate}
#modal-root .kpc-reveal-orbit{position:absolute;z-index:0;left:50%;top:48%;width:250px;height:250px;transform:translate(-50%,-50%);border:1px solid #cda4fa35;border-radius:50%;box-shadow:0 0 28px #a476d81a,inset 0 0 28px #cba5ef10;pointer-events:none}
#modal-root .kpc-reveal-orbit::before,#modal-root .kpc-reveal-orbit::after{content:"";position:absolute;inset:13px;border:1px solid #e2bfff1c;border-radius:50%}
#modal-root .kpc-reveal-orbit::after{inset:-13px;border-style:dashed;border-color:#ca9ff51d;animation:kpc-orbit-spin 30s linear infinite}
#modal-root .kpc-reveal-stars{position:absolute;inset:0;pointer-events:none;z-index:1}
#modal-root .kpc-reveal-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f7e7ff;box-shadow:0 0 9px 3px #b67bff70;animation:kpc-spark 2.7s ease-in-out infinite alternate}
#modal-root .kpc-reveal-stars i:nth-child(1){left:18%;top:19%}#modal-root .kpc-reveal-stars i:nth-child(2){left:78%;top:26%;animation-delay:.4s}#modal-root .kpc-reveal-stars i:nth-child(3){left:12%;top:65%;animation-delay:.8s}#modal-root .kpc-reveal-stars i:nth-child(4){left:86%;top:74%;animation-delay:1.2s}#modal-root .kpc-reveal-stars i:nth-child(5){left:28%;top:88%;animation-delay:1.6s}#modal-root .kpc-reveal-stars i:nth-child(6){left:70%;top:12%;animation-delay:2s}
#modal-root .pack20-reveal .animated-reveal{position:relative!important;z-index:2!important;inset:auto!important;min-height:315px!important;width:100%;display:flex;align-items:center;justify-content:center;padding:6px 0!important}
#modal-root .pack20-reveal .single-reveal .flip-slot{max-width:185px;max-height:268px;filter:drop-shadow(0 14px 26px #0b061aa8)}
#modal-root .pack20-reveal .flip-front .reward{background:linear-gradient(155deg,#594076,#241b3d 65%,#171328)!important;box-shadow:0 0 16px color-mix(in srgb,var(--rare),transparent 68%),inset 0 1px #fff3!important}
#modal-root .pack20-reveal+.hint{margin:4px 0 12px!important;position:relative;z-index:2}
#modal-root .modal .primary{width:min(100%,390px);border-radius:14px;background:linear-gradient(110deg,#ad72e8,#9663d6);color:white;box-shadow:0 7px 22px #8c50c64a}
#modal-root .pack20-result{position:relative;isolation:isolate}
#modal-root .pack20-result::before{content:"";position:absolute;z-index:-1;left:50%;top:70px;transform:translateX(-50%);width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#ab6be82b,transparent 68%);filter:blur(10px)}
#modal-root .pack20-result .claim-result-card{margin:12px auto 18px;filter:drop-shadow(0 12px 24px #080413aa)}
#modal-root .pack20-result .reward{border-radius:15px;background:linear-gradient(160deg,#4b366b,#21192f)!important}
#modal-root .pack20-result-tag{font-size:10px;letter-spacing:2px;font-weight:850;color:#e6c5ff}
@keyframes kpc-halo-breathe{to{opacity:.65;transform:translate(-50%,-50%) scale(1.1)}}
@keyframes kpc-orbit-spin{to{transform:rotate(360deg)}}
@keyframes kpc-spark{to{opacity:.25;transform:scale(.55)}}
@media(max-width:560px){.packs .pack.special-pack>img{height:115px!important}.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:102px!important;margin:5px auto 12px!important}#modal-root .modal{max-height:90dvh;padding:18px 14px!important}#modal-root .pack20-reveal{height:305px!important;min-height:305px!important}#modal-root .pack20-reveal .animated-reveal{min-height:295px!important}}
@media(prefers-reduced-motion:reduce){#modal-root .kpc-reveal-halo,#modal-root .kpc-reveal-orbit::after,#modal-root .kpc-reveal-stars i{animation:none!important}}


/* ==== [24] <style id=kpc-album-dreampop-v2> (head) ==== */

/* Dream Pop styling scoped to the two album packs only. */
.packs .pack.concept-pack,.packs .pack.theme-pack{overflow:hidden!important;min-height:310px}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:123px!important;max-width:66%!important;margin:8px auto 10px!important;object-fit:contain!important;filter:drop-shadow(0 13px 12px #090514aa)}
.packs .pack.concept-pack::after,.packs .pack.theme-pack::after,.packs .pack.concept-pack .pack-info::before,.packs .pack.theme-pack .pack-info::before{display:none!important}
.kpc-dream-decor{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.kpc-dream-decor span{position:absolute;display:block;line-height:1;font-size:var(--fs,18px);color:var(--ink,#ffc7f8);opacity:.85;filter:drop-shadow(0 0 7px var(--ink,#ffc7f8));animation:kpc-dream-float var(--dur,4s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);left:var(--x);top:var(--y);transform:rotate(var(--rot,0deg))}
.kpc-dream-decor span:nth-child(3n){animation-name:kpc-dream-sway}
.kpc-dream-decor span:nth-child(4n){animation-name:kpc-dream-pulse}
@keyframes kpc-dream-float{0%{opacity:.28;translate:0 9px;scale:.75;rotate:-12deg}100%{opacity:1;translate:6px -13px;scale:1.14;rotate:18deg}}
@keyframes kpc-dream-sway{0%{opacity:.3;translate:-7px 5px;rotate:-20deg;scale:.85}100%{opacity:.95;translate:9px -8px;rotate:23deg;scale:1.05}}
@keyframes kpc-dream-pulse{0%{opacity:.25;scale:.65}100%{opacity:1;scale:1.25}}
#modal-root .kpc-album-dialog{gap:12px;padding:6px 0 8px}
#modal-root .kpc-album-scene{height:340px;width:min(100%,430px);background:radial-gradient(ellipse at 50% 48%,#5d3d8180,transparent 65%),linear-gradient(155deg,#291d3b,#191527);border:1px solid #9b6dbb66;box-shadow:inset 0 0 35px #ab74cf1a;overflow:hidden}
#modal-root .kpc-album-scene::before{content:"";position:absolute;inset:20px;border:1px solid #ddaeff30;border-radius:18px;pointer-events:none}
#modal-root .kpc-album-scene .kpc-dream-decor span{font-size:calc(var(--fs,18px) * 1.35)}
#modal-root .kpc-album-book{width:202px;height:238px;filter:drop-shadow(0 20px 18px #09030ecc);transition:transform .85s cubic-bezier(.16,.8,.2,1)}
#modal-root .kpc-album-inside{inset:8px -8px 8px 9px;border-radius:9px;background:linear-gradient(115deg,#ffeaf9 0%,#e5c6f7 47%,#a17ed0 100%);border:2px solid #f9dafa;box-shadow:inset 13px 0 15px #80539d60,0 0 35px #efb8ff40}
#modal-root .kpc-album-inside::after{content:"";position:absolute;top:9px;bottom:9px;left:48%;width:1px;background:#8b62a466;box-shadow:2px 0 9px #76539e66}
#modal-root .kpc-album-photo{position:relative;z-index:2;transform:translateX(20px) rotate(-7deg);height:145px;width:99px;background:linear-gradient(145deg,#f7d2ff,#9862d1 48%,#5b3899);border:3px solid #fff9;box-shadow:0 10px 20px #4d277d77;transition:transform .9s .35s cubic-bezier(.2,.85,.2,1),box-shadow .7s}
#modal-root .kpc-album-cover{transition:transform .95s cubic-bezier(.18,.72,.2,1),opacity .75s;transform-origin:8% 50%}
#modal-root .kpc-album-scene.is-opening .kpc-album-book{transform:translate(-45%,-50%) rotate(-3deg) scale(1.05)}
#modal-root .kpc-album-scene.is-opening .kpc-album-cover{transform:perspective(900px) rotateY(-155deg);opacity:.52}
#modal-root .kpc-album-scene.is-opening .kpc-album-photo{transform:translate(105px,-24px) rotate(7deg) scale(1.24);box-shadow:0 20px 38px #2b0b56c0,0 0 40px #f9bcffb0;animation:none}
#modal-root .kpc-album-scene.is-opening .kpc-dream-decor span{animation-duration:.8s;filter:drop-shadow(0 0 13px #ffd6ff)}
#modal-root .kpc-album-scene.is-opening::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle,#f4b3ff6b,transparent 45%);animation:kpc-dream-flash 1.7s ease-out both}
@keyframes kpc-dream-flash{0%,25%{opacity:0;scale:.5}65%{opacity:.75;scale:1.2}100%{opacity:0;scale:1.6}}
@media(max-width:560px){.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:108px!important;max-width:66%!important}#modal-root .kpc-album-scene{height:295px}#modal-root .kpc-album-book{transform:translate(-50%,-50%) scale(.85)}#modal-root .kpc-album-scene.is-opening .kpc-album-book{transform:translate(-45%,-50%) rotate(-3deg) scale(.9)}}
@media(prefers-reduced-motion:reduce){.kpc-dream-decor span{animation:none!important}#modal-root .kpc-album-book,#modal-root .kpc-album-photo,#modal-root .kpc-album-cover{transition:none!important}}


/* ==== [25] <style id=kpc-album-experience-v1> (head) ==== */

/* Only the concept and theme album packs are affected. */
.packs .pack.concept-pack,.packs .pack.theme-pack{position:relative;isolation:isolate;overflow:hidden!important}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:134px!important;max-width:78%!important;object-fit:contain!important;margin:0 auto 9px!important;position:relative;z-index:2;filter:drop-shadow(0 12px 13px #07030b77)}
.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{content:"";position:absolute;left:22%;right:22%;top:21px;height:115px;border-radius:50%;background:radial-gradient(ellipse,#e48de72a,transparent 68%);filter:blur(16px);pointer-events:none}
.packs .pack.concept-pack::after,.packs .pack.theme-pack::after{content:"✦";position:absolute;left:16%;top:35px;color:#f6d7ff;font-size:19px;text-shadow:0 0 14px #e5a2ff;animation:kpc-album-twinkle 2.7s ease-in-out infinite alternate;pointer-events:none}
.packs .pack.theme-pack::after{content:"✧";left:auto;right:18%;top:57px;animation-delay:.6s}
.packs .pack.concept-pack .pack-info::before,.packs .pack.theme-pack .pack-info::before{content:"✧";position:absolute;right:19%;top:87px;color:#ffcfeb;font-size:15px;text-shadow:0 0 12px #f8a7ef;animation:kpc-album-twinkle 3.3s ease-in-out infinite alternate;pointer-events:none}
@keyframes kpc-album-twinkle{0%{opacity:.3;transform:translateY(4px) scale(.75)}100%{opacity:1;transform:translateY(-5px) scale(1.15)}}
#modal-root .kpc-album-dialog{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;overflow:hidden;padding:8px 0 6px}
#modal-root .kpc-album-heading{text-align:center}
#modal-root .kpc-album-heading>span{font-size:10px;letter-spacing:2.2px;color:#db9cfa;font-weight:800}
#modal-root .kpc-album-heading h2{margin:9px 0 5px;font-size:25px}
#modal-root .kpc-album-heading p{font-size:13px;color:#dac8ed;margin:0}
#modal-root .kpc-album-scene{display:block;position:relative;width:min(100%,400px);height:315px;border:0;border-radius:22px;background:radial-gradient(ellipse at 50% 53%,#68438c77,transparent 66%),linear-gradient(155deg,#302244,#1d172d);cursor:pointer;perspective:1000px;overflow:hidden;isolation:isolate}
#modal-root .kpc-album-scene:focus-visible{outline:2px solid #edb5ff;outline-offset:3px}
#modal-root .kpc-album-glow{position:absolute;inset:18% 20%;background:#d97df342;filter:blur(44px);border-radius:50%;animation:kpc-album-glow 3s ease-in-out infinite alternate}
#modal-root .kpc-album-book{position:absolute;left:50%;top:50%;width:205px;height:230px;transform:translate(-50%,-50%);transform-style:preserve-3d;filter:drop-shadow(0 18px 14px #09030e80)}
#modal-root .kpc-album-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:17% 50%;backface-visibility:hidden;z-index:3;transition:transform 1.05s cubic-bezier(.2,.65,.18,1),opacity .6s}
#modal-root .kpc-album-inside{position:absolute;inset:17px 12px 17px 20px;border-radius:10px;background:linear-gradient(130deg,#fff3fa,#ead4f4 52%,#a77ac9);border:3px solid #e5c8f6;box-shadow:inset 10px 0 16px #7a4e9666,0 0 24px #d39bff55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
#modal-root .kpc-album-inside-label{font-size:9px;letter-spacing:2px;color:#714885;font-weight:900}
#modal-root .kpc-album-photo{height:135px;width:93px;border-radius:10px;background:linear-gradient(140deg,#bb81ef,#6e4caa);border:3px solid #fff9;box-shadow:0 8px 18px #4c277f66;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;font-size:53px}
#modal-root .kpc-album-photo small{font-size:8px;letter-spacing:1.5px;font-weight:900}
#modal-root .kpc-album-stars{position:absolute;inset:0;pointer-events:none;color:#ffddfa}
#modal-root .kpc-album-stars i{position:absolute;font-size:19px;font-style:normal;text-shadow:0 0 12px #fa9aff;animation:kpc-album-twinkle 2s ease-in-out infinite alternate}
#modal-root .kpc-album-stars i:nth-child(1){left:14%;top:18%}#modal-root .kpc-album-stars i:nth-child(2){right:16%;top:25%;animation-delay:.3s}#modal-root .kpc-album-stars i:nth-child(3){left:23%;bottom:19%;animation-delay:.8s}#modal-root .kpc-album-stars i:nth-child(4){right:19%;bottom:18%;animation-delay:1.1s}#modal-root .kpc-album-stars i:nth-child(5){right:31%;top:10%;animation-delay:.5s}
#modal-root .kpc-album-instruction{font-size:11px;letter-spacing:1.6px;font-weight:850;color:#e9b9ff}
#modal-root .kpc-album-scene.is-opening .kpc-album-cover{transform:rotateY(-115deg) translateX(-12px);opacity:.65}
#modal-root .kpc-album-scene.is-opening .kpc-album-photo{animation:kpc-album-card-rise 1.1s .2s ease-out both}
#modal-root .kpc-album-scene.is-opening .kpc-album-glow{background:#f4b2ff88;filter:blur(26px)}
@keyframes kpc-album-card-rise{0%{transform:translateY(25px) scale(.78);opacity:.4}100%{transform:translateY(-7px) scale(1.08);opacity:1}}
@keyframes kpc-album-glow{to{opacity:.55;transform:scale(1.16)}}
#modal-root .kpc-album-reveal-host{width:100%;min-height:315px}
@media(max-width:560px){.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:112px!important;margin:2px auto 9px!important}#modal-root .kpc-album-scene{height:280px}#modal-root .kpc-album-book{transform:translate(-50%,-50%) scale(.86)}}
@media(prefers-reduced-motion:reduce){.packs .pack.concept-pack::after,.packs .pack.theme-pack::after,.packs .pack.concept-pack .pack-info::before,.packs .pack.theme-pack .pack-info::before,#modal-root .kpc-album-stars i{animation:none!important}#modal-root .kpc-album-cover{transition:none!important}}


/* ==== [26] <style id=kpc-reference-album-match-v1> (head) ==== */

/* Screenshot-matched album presentation; only the concept and theme packs. */
.packs .pack.concept-pack,.packs .pack.theme-pack{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;min-height:350px!important;padding:12px 14px 16px!important;border-radius:21px!important;background:radial-gradient(ellipse at 50% 20%,#35204e,#20162f 72%)!important;border:1px solid #70409d!important;overflow:hidden!important;isolation:isolate;position:relative!important}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{position:absolute!important;top:4px!important;left:0!important;width:100%!important;max-width:100%!important;height:236px!important;margin:0!important;object-fit:contain!important;opacity:0!important;pointer-events:none!important}
.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 auto!important;width:100%!important;height:252px!important;border:0!important;border-radius:0!important;filter:none!important;background:url('assets/kpc-reference-concept.webp') center top / 100% 100% no-repeat!important;pointer-events:none!important;z-index:0!important}
.packs .pack.theme-pack::before{background-image:url('assets/kpc-reference-theme.webp')!important}
.packs .pack.concept-pack::after,.packs .pack.theme-pack::after{display:none!important}
.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;position:relative!important;z-index:5!important;width:100%!important;flex:0 0 auto!important;padding:0!important;margin-top:248px!important;text-align:center!important;background:none!important}
.packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{font-size:clamp(17px,2.1vw,21px)!important;font-weight:850!important;line-height:1.2!important;margin:0 0 8px!important;color:#fff!important}
.packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{font-size:12px!important;color:#d9c7e8!important;margin:0 0 14px!important;min-height:16px!important}
.packs .pack.concept-pack .buy,.packs .pack.theme-pack .buy{width:min(100%,245px)!important;min-height:43px!important;border-radius:12px!important;background:linear-gradient(115deg,#8249a8,#67408c)!important;border:1px solid #b05be3!important;font-size:15px!important;font-weight:850!important;box-shadow:inset 0 1px #ffffff20,0 4px 14px #12071d55!important}
.packs .pack.concept-pack .info,.packs .pack.theme-pack .info{position:absolute!important;right:13px!important;top:12px!important;z-index:9!important}
.packs .pack.concept-pack .kpc-dream-decor,.packs .pack.theme-pack .kpc-dream-decor{z-index:2!important;inset:8px 0 100px!important;opacity:.68;mix-blend-mode:screen}
.packs .pack.concept-pack:hover,.packs .pack.theme-pack:hover{border-color:#c274f6!important;box-shadow:0 10px 35px #a44dca35!important}
.packs .pack.concept-pack:hover::before,.packs .pack.theme-pack:hover::before{animation:kpc-reference-hover 3.2s ease-in-out infinite alternate}
@keyframes kpc-reference-hover{from{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.025)}}
@media(max-width:600px){.packs .pack.concept-pack,.packs .pack.theme-pack{min-height:320px!important;padding:10px 10px 13px!important}.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{height:205px!important}.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{margin-top:202px!important}.packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{font-size:16px!important}.packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.packs .pack.concept-pack:hover::before,.packs .pack.theme-pack:hover::before{animation:none!important}}


/* ==== [27] <style id=kpc-album-compact-fit-v2> (head) ==== */

/* Fit both album cases into narrow two-column layouts without hiding names. */
.packs .pack.concept-pack,.packs .pack.theme-pack{min-width:0!important;min-height:0!important;padding:10px 9px 13px!important;justify-content:flex-start!important}
.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{height:clamp(115px,19vw,205px)!important;background-size:contain!important;background-position:center center!important;top:4px!important}
.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{margin-top:clamp(120px,19vw,210px)!important;min-width:0!important;width:100%!important;flex:1!important;justify-content:flex-end!important}
.packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{font-size:clamp(12px,1.65vw,19px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;white-space:normal!important;max-width:100%!important;margin-bottom:6px!important}
.packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{font-size:clamp(10px,1.05vw,12px)!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;min-height:0!important;margin-bottom:10px!important}
.packs .pack.concept-pack .buy,.packs .pack.theme-pack .buy{width:min(100%,210px)!important;min-height:38px!important;padding:7px 8px!important;flex-shrink:0!important}
@media(max-width:600px){
.packs .pack.concept-pack,.packs .pack.theme-pack{padding:8px 7px 11px!important;min-height:255px!important}
.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{height:clamp(105px,34vw,154px)!important;top:5px!important}
.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{margin-top:clamp(113px,35vw,160px)!important}
.packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{font-size:clamp(11px,3.2vw,15px)!important}
.packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{font-size:10px!important;margin-bottom:8px!important}
.packs .pack.concept-pack .buy,.packs .pack.theme-pack .buy{min-height:35px!important;font-size:13px!important}
}
@media(max-width:370px){.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{height:108px!important}.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{margin-top:112px!important}}


/* ==== [28] <style id=kpc-album-artwork-fix> (head) ==== */

/* Album artwork fix: show actual transparent PNG instead of outdated reference screenshot */
.packs .pack.concept-pack::before,.packs .pack.theme-pack::before{background:none!important;display:none!important;content:none!important}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{
  display:block!important;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
  width:100%!important;max-width:86%!important;height:139px!important;
  opacity:1!important;visibility:visible!important;object-fit:contain!important;
  margin:0 auto 7px!important;flex:0 0 auto!important;pointer-events:none!important;
  filter:drop-shadow(0 9px 13px #13071c77)!important;
}
.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{
  margin-top:0!important;flex:1 1 auto!important;justify-content:flex-end!important;
}
.packs .pack.concept-pack,.packs .pack.theme-pack{min-height:255px!important;justify-content:flex-start!important}
@media(max-width:540px){
 .packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:115px!important}
 .packs .pack.concept-pack,.packs .pack.theme-pack{min-height:235px!important}
}


/* ==== [29] <style id=kpc-album-visibility-and-scale-v3> (head) ==== */

/* Final overrides: album artwork 2x and reserved readable text area. */
.packs .pack.concept-pack,.packs .pack.theme-pack{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  min-height:425px!important;height:auto!important;padding:13px 12px 17px!important;gap:0!important;overflow:hidden!important;
}
.packs .pack.concept-pack>img,.packs .pack.theme-pack>img{
  display:block!important;position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;
  width:100%!important;max-width:100%!important;height:278px!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;flex:0 0 278px!important;
  margin:0 auto 5px!important;mix-blend-mode:normal!important;z-index:3!important;
}
.packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  position:relative!important;z-index:6!important;flex:1 0 auto!important;align-self:stretch!important;
  margin:0!important;padding:0 0 52px!important;width:100%!important;min-height:113px!important;
  text-align:center!important;overflow:visible!important;
}
.packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{
  display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;
  font-size:clamp(15px,2.1vw,19px)!important;line-height:1.25!important;
  margin:0 0 7px!important;padding:0!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:normal!important;color:#fff!important;z-index:7!important;
}
.packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{
  display:block!important;visibility:visible!important;opacity:1!important;
  font-size:clamp(10px,1.35vw,12px)!important;line-height:1.35!important;
  margin:0 0 9px!important;min-height:0!important;max-width:100%!important;
}
.packs .pack.concept-pack .pack-info .buy,.packs .pack.theme-pack .pack-info .buy{
  position:absolute!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;
  transform:translateX(-50%)!important;z-index:8!important;min-height:40px!important;height:40px!important;
  margin:0!important;width:min(100%,210px)!important;
}
/* The two arcade cabinets only: slightly larger artwork. */
.packs .pack.event-pack>img,.packs .pack.ultra-pack>img{height:166px!important;max-width:94%!important;margin:0 auto 5px!important;}
@media(max-width:600px){
  .packs .pack.concept-pack,.packs .pack.theme-pack{min-height:356px!important;padding:10px 8px 13px!important;}
  .packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:218px!important;flex-basis:218px!important;margin-bottom:6px!important;}
  .packs .pack.concept-pack .pack-info,.packs .pack.theme-pack .pack-info{min-height:112px!important;padding-bottom:44px!important;}
  .packs .pack.concept-pack .pack-info h2,.packs .pack.theme-pack .pack-info h2{font-size:clamp(12px,3vw,16px)!important;line-height:1.22!important;}
  .packs .pack.concept-pack .pack-info p,.packs .pack.theme-pack .pack-info p{font-size:10px!important;line-height:1.25!important;}
  .packs .pack.concept-pack .pack-info .buy,.packs .pack.theme-pack .pack-info .buy{height:37px!important;min-height:37px!important;}
  .packs .pack.event-pack>img,.packs .pack.ultra-pack>img{height:133px!important;}
}
@media(max-width:370px){
  .packs .pack.concept-pack,.packs .pack.theme-pack{min-height:328px!important;}
  .packs .pack.concept-pack>img,.packs .pack.theme-pack>img{height:188px!important;flex-basis:188px!important;}
}


/* ==== [30] <style id=arcade-drop-1> (head) ==== */

#modal-root .arcade3{--ac:#ff70e8;text-align:center;max-width:510px;margin:auto}
#modal-root .arcade3-gold{--ac:#ffcc70}
#modal-root .arcade3-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--ac);margin-bottom:10px}
#modal-root .arcade3 h2{font-size:clamp(19px,4vw,27px);margin:6px 0}
#modal-root .arcade3-stage{height:clamp(270px,52vh,400px);position:relative;display:grid;place-items:center;overflow:hidden;border-radius:22px;border:1px solid #a36dd266;background:radial-gradient(ellipse at 50% 65%,#71368b99,transparent 65%),#1c122c}
#modal-root .arcade3-gold .arcade3-stage{background:radial-gradient(ellipse at 50% 65%,#9c643d88,transparent 65%),#1c122c}
#modal-root .arcade3-machine{height:86%;width:86%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 14px 14px #0008);animation:arcade3-float 3s ease-in-out infinite}
#modal-root .arcade3-pixels{position:absolute;inset:0;z-index:3;pointer-events:none}
#modal-root .arcade3-pixels i{position:absolute;font-style:normal;color:var(--ac);font-size:17px;animation:arcade3-float 2.4s ease-in-out infinite alternate}
#modal-root .arcade3-pixels i:nth-child(1){left:10%;top:22%}#modal-root .arcade3-pixels i:nth-child(2){right:12%;top:16%;animation-delay:-.6s}#modal-root .arcade3-pixels i:nth-child(3){left:16%;top:55%;animation-delay:-1.1s}#modal-root .arcade3-pixels i:nth-child(4){right:9%;top:50%;animation-delay:-1.7s}#modal-root .arcade3-pixels i:nth-child(5){left:19%;bottom:17%;animation-delay:-.4s}#modal-root .arcade3-pixels i:nth-child(6){right:18%;bottom:18%;animation-delay:-1.4s}#modal-root .arcade3-pixels i:nth-child(7){left:48%;top:8%;animation-delay:-.9s}#modal-root .arcade3-pixels i:nth-child(8){right:24%;top:30%;animation-delay:-2s}
#modal-root .arcade3-slots{position:absolute;z-index:4;top:35%;left:17%;right:17%;display:flex;gap:8px;justify-content:center;opacity:0;transform:scale(.65);transition:.4s}
#modal-root .arcade3-slots b{display:grid;place-items:center;width:25%;aspect-ratio:3/4;background:linear-gradient(135deg,#6b35a6,#21112f);border:2px solid var(--ac);border-radius:9px;color:white;font-size:28px;box-shadow:0 0 14px var(--ac)}
#modal-root .arcade3-progress{position:absolute;z-index:5;bottom:14px;left:24%;right:24%;height:7px;border-radius:10px;background:#120a20;opacity:0;overflow:hidden}
#modal-root .arcade3-progress span{display:block;width:0;height:100%;background:var(--ac)}
#modal-root .arcade3-status{font-weight:800;color:var(--ac);margin:12px 0;min-height:24px}
#modal-root .arcade3-start{width:min(100%,340px);border-radius:14px;background:linear-gradient(110deg,#8446c7,#c14ac5);border:1px solid var(--ac);padding:13px}
#modal-root .arcade3-gold .arcade3-start{background:linear-gradient(110deg,#7147aa,#b37b37)}
#modal-root .arcade3.running .arcade3-machine{animation:none;transform:scale(1.06)}
#modal-root .arcade3.spin .arcade3-machine{opacity:.45;transform:scale(.9)}
#modal-root .arcade3.spin .arcade3-slots,#modal-root .arcade3.jackpot .arcade3-slots{opacity:1;transform:scale(1)}
#modal-root .arcade3.spin .arcade3-slots b{animation:arcade3-spin .25s ease-in-out infinite alternate}
#modal-root .arcade3.spin .arcade3-slots b:nth-child(2){animation-delay:-.12s}
#modal-root .arcade3.spin .arcade3-progress{opacity:1}
#modal-root .arcade3.spin .arcade3-progress span{animation:arcade3-meter 1.1s linear forwards}
#modal-root .arcade3.jackpot .arcade3-stage{box-shadow:inset 0 0 60px #bb7fff55}
#modal-root .arcade3-reveal{overflow:visible!important;max-height:none!important;height:auto!important}
@keyframes arcade3-float{50%{transform:translateY(-9px)}}@keyframes arcade3-spin{to{transform:translateY(-9px);filter:brightness(1.7)}}@keyframes arcade3-meter{to{width:100%}}
@media(max-width:480px){#modal-root .arcade3-stage{height:290px}}
@media(prefers-reduced-motion:reduce){#modal-root .arcade3 *{animation:none!important;transition:none!important}}


/* ==== [31] lightstick-drop.css ==== */
/* LIGHTSTICK DROP 1.0 — isolated to the concert pack */
#modal-root .kpc-concert{--concert-pink:#ff83f4;--concert-violet:#b478ff;text-align:center;max-width:540px;margin:0 auto;isolation:isolate}
#modal-root .kpc-concert-eyebrow{font-size:10px;font-weight:900;letter-spacing:2.2px;color:#f6a6ff;margin-bottom:10px}
#modal-root .kpc-concert h2{font-size:clamp(20px,4.4vw,28px);margin:5px 0 8px;color:#fff;letter-spacing:.5px}
#modal-root .kpc-concert>.hint{margin:0 0 12px}
#modal-root .kpc-concert-stage{height:clamp(300px,53vh,430px);position:relative;overflow:hidden;border:1px solid #c38cf766;border-radius:24px;background:radial-gradient(ellipse at 50% 72%,#44206699,transparent 60%),linear-gradient(165deg,#1e1434,#090a1c 78%);perspective:950px;isolation:isolate}
#modal-root .kpc-concert-stage:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,#a77ae90b 25px 26px);opacity:.65;pointer-events:none}
#modal-root .kpc-concert-spotlight{position:absolute;top:-90px;width:60%;height:115%;background:linear-gradient(180deg,#d68aff77,transparent 75%);filter:blur(16px);clip-path:polygon(48% 0,53% 0,100% 100%,0 100%);opacity:.16;transform-origin:50% 0;transition:opacity .7s,transform 1.5s}
#modal-root .kpc-concert-spotlight.a{left:-10%;transform:rotate(-18deg)}
#modal-root .kpc-concert-spotlight.b{right:-10%;transform:rotate(18deg);background:linear-gradient(180deg,#78bcff88,transparent 75%)}
#modal-root .kpc-concert-stick{position:absolute;z-index:5;inset:5% 12% 17%;display:grid;place-items:center;transform-origin:50% 80%;animation:kpc-concert-float 3s ease-in-out infinite}
#modal-root .kpc-concert-stick img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #0009);transition:filter .6s}
#modal-root .kpc-concert-floor{position:absolute;z-index:2;bottom:-15px;left:15%;right:15%;height:65px;border-radius:50%;background:radial-gradient(ellipse,#b77fff66,transparent 70%);filter:blur(9px)}
#modal-root .kpc-concert-lights{position:absolute;inset:0;z-index:3;pointer-events:none}
#modal-root .kpc-concert-lights i{position:absolute;bottom:9%;left:calc(3% + var(--i) * 3.2%);width:5px;height:5px;border-radius:50%;background:#7b649f;opacity:.5;transition:background .5s,box-shadow .5s;animation:kpc-concert-crowd 1.7s ease-in-out var(--delay) infinite alternate}
#modal-root .kpc-concert-rings{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}
#modal-root .kpc-concert-rings i{position:absolute;width:130px;height:130px;border:2px solid #ef9dff;border-radius:50%;opacity:0}
#modal-root .kpc-concert-photocard{position:absolute;z-index:8;top:28%;left:calc(50% - 48px);width:96px;height:140px;opacity:0;transform:translateY(100px) rotateY(90deg) scale(.4);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .6s;pointer-events:none}
#modal-root .kpc-concert-photocard span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;color:#f5d9ff;border:2px solid #e5adff;border-radius:12px;background:linear-gradient(150deg,#6f43a9,#241637);box-shadow:0 0 35px #ba74ff66}
#modal-root .kpc-concert-photocard small{font-size:9px;letter-spacing:1px;margin-top:8px}
#modal-root .kpc-concert-confetti{position:absolute;inset:0;z-index:9;pointer-events:none}
#modal-root .kpc-concert-confetti i{position:absolute;top:-15px;left:calc(5% + var(--n)*5%);width:7px;height:12px;background:#f7b4ff;opacity:0;transform:rotate(25deg)}
#modal-root .kpc-concert-confetti i:nth-child(3n){background:#ffe7a2}
#modal-root .kpc-concert-confetti i:nth-child(4n){background:#92cfff}
#modal-root .kpc-concert-status{min-height:24px;margin:12px 0 10px;color:#f5b1ff;font-weight:800}
#modal-root .kpc-concert-ignite{display:block;width:min(100%,360px);margin:0 auto;padding:14px 18px;border-radius:15px;border:1px solid #f5b5ff;background:linear-gradient(120deg,#8244d1,#ce4eb9);font-weight:900;cursor:pointer}
#modal-root .kpc-concert-ignite:disabled{opacity:.65;cursor:default}
#modal-root .kpc-concert-note{margin:11px 0 0;font-size:11px;opacity:.7}
#modal-root .kpc-concert.concert-lit .kpc-concert-spotlight{opacity:.55}
#modal-root .kpc-concert.concert-lit .kpc-concert-spotlight.a{transform:rotate(13deg)}
#modal-root .kpc-concert.concert-lit .kpc-concert-spotlight.b{transform:rotate(-13deg)}
#modal-root .kpc-concert.concert-lit .kpc-concert-stick img{filter:drop-shadow(0 0 25px #d78cffbb) drop-shadow(0 10px 18px #0009)}
#modal-root .kpc-concert.concert-lit .kpc-concert-rings i{animation:kpc-concert-wave 1.8s ease-out infinite}
#modal-root .kpc-concert.concert-lit .kpc-concert-rings i:nth-child(2){animation-delay:.6s}
#modal-root .kpc-concert.concert-lit .kpc-concert-rings i:nth-child(3){animation-delay:1.2s}
#modal-root .kpc-concert.concert-fanchant .kpc-concert-lights i{background:#eeb2ff;box-shadow:0 0 9px #d78cff;animation-duration:.45s}
#modal-root .kpc-concert.concert-encore .kpc-concert-stick{animation:kpc-concert-exit .8s ease-in forwards}
#modal-root .kpc-concert.concert-encore .kpc-concert-photocard{opacity:1;transform:translateY(0) rotateY(0) scale(1.25)}
#modal-root .kpc-concert.concert-encore .kpc-concert-confetti i{animation:kpc-concert-fall 1.2s ease-in var(--delay) both}
#modal-root .kpc-concert-reveal{height:auto!important;min-height:310px!important;overflow:visible!important}
@keyframes kpc-concert-float{50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes kpc-concert-crowd{to{opacity:1;transform:translateY(-7px)}}
@keyframes kpc-concert-wave{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(3)}}
@keyframes kpc-concert-exit{to{transform:translateY(-60px) scale(.55);opacity:.22}}
@keyframes kpc-concert-fall{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(450px) rotate(480deg)}}
@media(max-width:480px){#modal-root .kpc-concert-stage{height:310px}#modal-root .kpc-concert-stick{inset:6% 8% 18%}}
@media(prefers-reduced-motion:reduce){#modal-root .kpc-concert *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ==== [32] <style id=kpc-nav-neon-2026> (head) ==== */
.nav{background:linear-gradient(180deg,#2c173cfa,#1e1730fb)!important;border-top:1px solid #b56bc9!important;box-shadow:0 -7px 26px #e557ba16!important}.nav button{transition:background .2s,transform .2s,box-shadow .2s!important}.nav button.selected{background:linear-gradient(150deg,#713276aa,#4c2a6e99)!important;box-shadow:inset 0 0 0 1px #e58ad77a,0 0 18px #e85ac729!important}.nav button.selected:after{content:"";position:absolute;bottom:4px;width:44%;height:3px;border-radius:6px;background:#ff8cdd;box-shadow:0 0 9px #ff75e9}.nav button .nav-icon img{filter:drop-shadow(0 0 5px #f66ad0a8)!important}.nav button.selected .nav-icon img{filter:drop-shadow(0 0 9px #f46acb)!important}.nav button:hover{transform:translateY(-2px)}@media(max-width:540px){.nav button .nav-icon{width:36px!important;height:36px!important}.nav button{gap:4px!important}.nav button .nav-label{font-size:10px!important}}

/* ==== [33] <style id=kpc-lootbox-hero-overflow-fix> (head) ==== */

/* Keep the lootbox hero's artwork and filter controls inside its rounded outline. */
.hero.lootbox-hero{position:relative;overflow:hidden!important;clip-path:inset(0 round 20px);isolation:isolate;contain:paint}
.hero.lootbox-hero .lootbox-hero-art{inset:0 0 0 auto!important;height:100%!important;max-height:100%;pointer-events:none}
.hero.lootbox-hero .filters{position:relative;z-index:2;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}
.hero.lootbox-hero .filters::-webkit-scrollbar{display:none}
.hero.lootbox-hero .filters button{flex-shrink:0}
/* Header must not reveal content scrolling behind its lower edge. */
#app>.top{position:relative;z-index:3;background:#251c3c!important;isolation:isolate}
@media(max-width:620px){.hero.lootbox-hero{clip-path:inset(0 round 20px)}}


/* ==== [34] <style id=kpc-future-auth-styles> (head) ==== */

.kpc-signup-promo{display:flex;align-items:center;gap:15px;margin:16px 0 22px;padding:17px 19px;border:1px solid #ae69d4;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#7e397e55,transparent 60%),linear-gradient(110deg,#392148,#281c3f);box-shadow:inset 0 1px 0 #e5a8ff38,0 8px 24px #100b2050}
.kpc-signup-icon{width:58px;height:58px;flex:none;border-radius:17px;background:linear-gradient(135deg,#61357d,#372150);display:grid;place-items:center;color:#e5a8ff;box-shadow:0 0 18px #da70ff33}
.kpc-signup-icon svg{width:37px;height:37px;filter:drop-shadow(0 0 6px #db82f7)}
.kpc-signup-copy{flex:1;min-width:0}.kpc-signup-copy strong{display:block;color:#fff;font-size:16px;margin:3px 0 5px}.kpc-signup-copy p{margin:0;color:#dbc5e9;font-size:12px;line-height:1.5}
.kpc-signup-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#e5a0f9}
.kpc-signup-cta{flex:none;display:flex;align-items:center;gap:7px;border:1px solid #f7b0ff;border-radius:16px;padding:13px 16px;color:#fff;font-weight:800;font-size:12px;background:linear-gradient(115deg,#c454c9,#8655d5);box-shadow:0 0 17px #cf61d54f;cursor:pointer}.kpc-signup-cta:hover{filter:brightness(1.12)}
.kpc-auth-overlay{position:fixed;inset:0;z-index:999999;background:#0b0619d9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}
.kpc-auth-dialog{position:relative;width:min(420px,100%);border:1px solid #bd79e9;border-radius:25px;padding:27px 24px 24px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,#693a80,#291c40 70%);box-shadow:0 20px 70px #0009,0 0 35px #d56cff35}
.kpc-auth-dialog h2{font-size:24px;margin:6px 0 8px}.kpc-auth-dialog p{color:#e0c9ed;font-size:13px;line-height:1.6;margin:0 0 17px}
.kpc-auth-close{position:absolute;right:14px;top:12px;border:0;border-radius:50%;background:#ffffff19;color:#fff;width:34px;height:34px;font-size:22px;cursor:pointer}
.kpc-auth-logo{font-size:34px;color:#f4a8ff;text-shadow:0 0 14px #f29aff}
.kpc-auth-provider{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid #9966b4;border-radius:14px;padding:12px;background:#49315e;color:#f6e9ff;font-size:14px;font-weight:750;margin:9px 0;cursor:pointer}
.kpc-auth-provider span{font-size:19px;font-weight:900}.kpc-auth-provider:hover{background:#5d3b77}
.kpc-auth-soon{display:block;margin:15px 0 0;color:#efb9ff;font-size:12px;font-weight:700}
@media(max-width:650px){.kpc-signup-promo{flex-wrap:wrap;padding:14px;gap:10px}.kpc-signup-icon{width:46px;height:46px}.kpc-signup-copy{flex:1 1 calc(100% - 60px)}.kpc-signup-cta{width:100%;justify-content:center}.kpc-signup-copy strong{font-size:14px}.kpc-signup-copy p{font-size:11px}}


/* ==== [35] <style id=kpc-full-card-reveal-style> (head) ==== */

#modal-root .pack20-reveal .kpc-reveal-layout{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:4px 0}
#modal-root .pack20-reveal .kpc-reveal-layout .animated-reveal{min-height:0!important;display:flex;justify-content:center;align-items:center}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-slot{width:clamp(155px,43vw,205px)!important;height:287px!important;max-width:205px!important;max-height:287px!important;filter:drop-shadow(0 8px 16px #100a2399)}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-front{padding:0!important}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-front .reward{width:100%!important;height:100%!important;padding:0!important;margin:0!important;display:flex!important;position:relative;overflow:hidden;border-radius:12px}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-front .reward .person{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:block!important;overflow:hidden!important}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-front .reward .person img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
#modal-root .pack20-reveal .kpc-reveal-layout .flip-front .reward>strong,#modal-root .pack20-reveal .kpc-reveal-layout .flip-front .reward>small{display:none!important}
#modal-root .pack20-reveal .kpc-reveal-info{width:min(100%,300px);padding:10px 16px;text-align:center;border:1px solid color-mix(in srgb,var(--rare),transparent 48%);border-radius:14px;background:linear-gradient(145deg,#3a2858ee,#211830ee);box-shadow:0 6px 18px #100b2444}
#modal-root .pack20-reveal .kpc-reveal-info-title{font-size:16px;font-weight:800;line-height:1.35;color:#fff}
#modal-root .pack20-reveal .kpc-reveal-info-rarity{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;font-size:12px;font-weight:700;color:var(--rare)}
#modal-root .pack20-reveal .kpc-rarity-dot{width:9px;height:9px;border-radius:50%;background:var(--rare);box-shadow:0 0 9px var(--rare)}
@media(max-width:480px){#modal-root .pack20-reveal .kpc-reveal-layout .flip-slot{width:min(47vw,190px)!important;height:266px!important}}


/* ==== [36] <style id=kpc-subtitle-ui> (head) ==== */
.collect-card .kpc-card-subtitle{display:block;font-size:12px;font-weight:650;line-height:1.35;color:#eac8ff;margin:4px 0 5px;overflow-wrap:anywhere}.kpc-theme-card>small{color:#eac8ff}.kpc-theme-preview-dialog small{line-height:1.5}

/* ==== [37] <style id=kpc-collection-layouts> (head) ==== */

.kpc-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0}
.kpc-collection-toolbar .collection-sort-bar{margin:0;flex:1 1 270px;min-width:0}
.kpc-view-picker{display:flex;align-items:center;gap:4px;padding:4px;background:#291c3e;border:1px solid #75518f;border-radius:13px;flex-shrink:0}
.kpc-view-picker button{border:0;border-radius:9px;background:transparent;color:#e9d8fa;padding:9px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.kpc-view-picker button:hover{background:#63417f}.kpc-view-picker button.is-active{background:linear-gradient(120deg,#ac62d5,#7c46b1);color:#fff;box-shadow:0 2px 8px #12091e55}
.collection.kpc-collection-view{display:grid;align-items:start;gap:14px}
.collection.kpc-view-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.collection.kpc-view-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.collection.kpc-view-six .collect-card{padding:6px;border-radius:13px}
.collection.kpc-view-six .collect-card .art{border-radius:9px}
.collection.kpc-view-six .collect-card strong{font-size:11px;overflow-wrap:anywhere}
.collection.kpc-view-six .collect-card .kpc-card-subtitle,.collection.kpc-view-six .collect-card small{font-size:10px}
.collection.kpc-view-six .collect-card .favorite{font-size:10px;padding:6px 4px;max-width:100%}
.collection.kpc-view-six .collect-card .rank-pill{transform:scale(.8);transform-origin:top left}
.collection.kpc-view-horizontal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.collection.kpc-view-horizontal .collect-card{display:grid;grid-template-columns:minmax(85px,36%) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:12px;align-items:start;padding:10px;min-width:0}
.collection.kpc-view-horizontal .collect-card .art{grid-column:1;grid-row:1 / span 5;align-self:stretch;max-width:100%;aspect-ratio:3/4.45}
.collection.kpc-view-horizontal .collect-card strong{grid-column:2;grid-row:1;margin-top:3px;font-size:14px;overflow-wrap:anywhere}
.collection.kpc-view-horizontal .collect-card .kpc-card-subtitle{grid-column:2;grid-row:2;margin-top:5px;font-size:12px;overflow-wrap:anywhere}
.collection.kpc-view-horizontal .collect-card small{grid-column:2;grid-row:3;margin-top:7px}
.collection.kpc-view-horizontal .collect-card .favorite{grid-column:2;grid-row:5;justify-self:start;max-width:100%;white-space:normal}
.collection.kpc-view-horizontal .collect-card .dust-choice{grid-column:2;grid-row:4;font-size:11px}
.collection.kpc-view-horizontal .collect-card .dust-card-reward{grid-column:2;grid-row:4;justify-self:end;font-size:11px}
@media(max-width:700px){.collection.kpc-view-six{grid-template-columns:repeat(3,minmax(0,1fr))}.collection.kpc-view-four{grid-template-columns:repeat(2,minmax(0,1fr))}.collection.kpc-view-horizontal{grid-template-columns:1fr}}
@media(max-width:390px){.kpc-view-picker{width:100%;justify-content:space-around}.kpc-view-picker button{flex:1;padding:8px 4px}.collection.kpc-view-six{gap:5px}.collection.kpc-view-six .collect-card{padding:4px}}


/* ==== [38] <style id=kpc-home-latest-album-css> (head) ==== */

.kpc-home-social .kpc-home-latest-album{position:relative;overflow:hidden;display:flex;align-items:stretch;gap:22px;padding:18px;border-radius:22px;border:1px solid #ad70d8;background:radial-gradient(circle at 12% 8%,#8444a66e,transparent 46%),linear-gradient(115deg,#3d2858,#271b40 78%);box-shadow:0 8px 28px #12092048,inset 0 1px #ffffff21;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}
.kpc-home-social .kpc-home-latest-album:hover{transform:translateY(-3px);border-color:#e7a0f8;box-shadow:0 13px 34px #160b356e,0 0 20px #e38cff28}
.kpc-home-latest-cover{flex:0 0 156px;min-height:192px;border-radius:16px;overflow:hidden;background:#482765;box-shadow:0 9px 22px #13092090,0 0 0 1px #ffffff24;display:grid;place-items:center;color:#f0a7ff;font-size:48px}
.kpc-home-latest-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.kpc-home-latest-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex:1;min-width:0;gap:9px}
.kpc-home-latest-body .kpc-home-latest-tag{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#f4aaf5;text-align:left}
.kpc-home-latest-body>strong{font-size:clamp(20px,3vw,29px);font-weight:900;line-height:1.2;color:white;text-align:left;margin:0}
.kpc-home-latest-body>small{font-size:13px;color:#e3d0f0;text-align:left;margin:0 0 5px}
.kpc-home-latest-progress{display:flex;justify-content:space-between;gap:8px;color:#e5d0f1;font-size:12px;font-weight:700}
.kpc-home-latest-track{height:8px;border-radius:99px;background:#1c102b;border:1px solid #9165aa;overflow:hidden}
.kpc-home-latest-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb5f0,#a86ef6);box-shadow:0 0 12px #ed90fa}
.kpc-home-latest-body .kpc-home-latest-link{display:flex;align-items:center;justify-content:space-between;margin-top:6px;color:#ffc0fa;font-size:12px;font-weight:800;text-align:left}
.kpc-home-latest-empty{padding:24px;background:#302141;border:1px solid #76559b;border-radius:16px;color:#d7c4e8}
@media(max-width:560px){.kpc-home-social .kpc-home-latest-album{gap:12px;padding:12px}.kpc-home-latest-cover{flex-basis:112px;min-height:155px}.kpc-home-latest-body>strong{font-size:19px}.kpc-home-latest-body>small{font-size:11px}.kpc-home-latest-body .kpc-home-latest-tag{font-size:9px;letter-spacing:.4px}}


/* ==== [39] <style id=kpc-global-card-back-2026> (head) ==== */

/* Universal K-POP SOCIAL card reverse: one asset across every lootbox. */
.flip-slot .flip-face.flip-back,
.modal .animated-ultra-grid .flip-face.flip-back{
  background:transparent url('assets/kpop-social-card-back.webp') center center / 100% 100% no-repeat!important;
  border:0!important;box-shadow:none!important;gap:0!important;
}
.flip-slot .flip-face.flip-back::after{display:none!important}
.flip-slot .flip-back-crown,.flip-slot .flip-back-brand,.flip-slot .flip-back-stars{display:none!important}


/* ==== [40] alpha-polish.css?v=alpha1 ==== */

/*
 K-POP SOCIAL — Alpha 1 visual consistency and accessibility pass.
 CSS-only: does not alter collections, rewards, case odds, saved state, or admin data.
 */
:root {
 --alpha-text:#f7f0ff;
 --alpha-muted:#d7c6e8;
 --alpha-outline:#9270b0;
 --alpha-focus:#f1b8ff;
 --alpha-surface:#2c203e;
 --alpha-surface-raised:#39294e;
 --alpha-shadow:0 10px 28px #0a061a45;
}
html{scroll-padding-top:20px;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;line-height:1.48}
.app{width:100%;min-width:0}
img,svg,video{max-width:100%}
button,input,select,textarea{font-family:inherit}
button{touch-action:manipulation}
button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.65}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{
 outline:2px solid var(--alpha-focus)!important;outline-offset:3px!important;
}
:where(input,select,textarea){
 max-width:100%;min-width:0;color:#fff;
}
:where(input,textarea)::placeholder{color:#bba8d1;opacity:1}
:where(p,small,.hint,.mission-note){line-height:1.5}
:where(.page,.extra-page,.admin-panel,.p2-panel,.quiz-panel,.kiki-game,.pack-info){min-width:0}
:where(.page,.extra-page,.p2-panel,.quiz-panel,.admin-panel) h1,
:where(.page,.extra-page,.p2-panel,.quiz-panel,.admin-panel) h2{
 overflow-wrap:break-word;text-wrap:balance;
}
:where(.page,.extra-page,.p2-panel,.quiz-panel,.admin-panel) p{
 overflow-wrap:break-word;
}
/* Header and navigation: preserve density while keeping labels readable */
.top{min-width:0}
.top .user{min-width:0}
.top .user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wallet{font-variant-numeric:tabular-nums;flex-shrink:0}
.nav{isolation:isolate}
.nav button{transition:background-color .16s,border-color .16s,filter .16s}
.nav button:hover{filter:brightness(1.2)}
.nav .nav-label{line-height:1.25;white-space:normal;overflow-wrap:normal}
.nav .nav-icon img{object-fit:contain}
.app{padding-bottom:max(110px,calc(95px + env(safe-area-inset-bottom)))}
/* Common surfaces: coherent corners, separation and contrast */
:where(.stats-panel,.stats-grid>div,.level-box,.friends-panel,.task,.collect-card,
       .p2-panel,.kpc-home-news,.kpc-home-tile,.kpc-home-latest-album){
 box-shadow:var(--alpha-shadow);
}
:where(.pack,.collect-card,.kpc-theme-album,.kpc-home-tile,.kpc-home-latest-album){
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media(hover:hover){
 :where(.collect-card,.kpc-theme-album,.kpc-home-tile):hover{
  transform:translateY(-2px);
  border-color:#bc91dd;
  box-shadow:0 10px 30px #09041660;
 }
}
:where(.hint,.pack p,.quiz-note,.mission-note,.kpc-home-news p){color:var(--alpha-muted)}
:where(.task,.friends-panel,.level-box){border-color:#806398}
/* Home: cards, featured album and small text */
.kpc-home-social .kpc-home-head{gap:10px;align-items:baseline}
.kpc-home-social .kpc-home-head h2{line-height:1.25}
.kpc-home-latest-body,.kpc-home-latest-cover{min-width:0}
.kpc-home-latest-body>strong{line-height:1.24;overflow-wrap:break-word}
.kpc-home-latest-body>small{line-height:1.45;color:#e0d0ee}
.kpc-home-latest-cover img{width:100%;height:100%;object-fit:cover}
.kpc-home-latest-progress,.kpc-home-latest-track{overflow:hidden}
.kpc-home-news,.kpc-home-personal{min-width:0}
/* Packs: prevent long titles and cost labels from overlapping the info icon */
.pack-info{min-width:0}
.pack-info h2{line-height:1.22;overflow-wrap:break-word;padding-right:14px}
.pack-info p{line-height:1.42}
.pack .buy{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pack .info{z-index:2}
.filters button{white-space:nowrap;min-height:40px}
.rarities{overflow-x:auto;scrollbar-width:thin}
.rarities>div{min-width:0}
.odds h3{line-height:1.4}
/* Collections and card gallery: fit artwork, protect long subtitles */
.kpc-theme-grid,.kpc-theme-cards,.collection{min-width:0}
.kpc-theme-album,.kpc-theme-card,.collect-card{min-width:0}
.kpc-theme-info,.kpc-theme-detail-head{min-width:0}
.kpc-theme-card img,.collect-card img{max-width:100%}
.kpc-theme-card{overflow-wrap:break-word}
.kpc-theme-card-art img{object-fit:contain}
.kpc-theme-toolbar,.collection-sort-bar,.kpc-collection-toolbar{
 min-width:0;gap:10px;
}
:where(.collection-sort-bar,.kpc-theme-toolbar,.kpc-collection-toolbar) select{
 max-width:100%;min-width:0;
}
.kpc-theme-preview-dialog{max-height:min(92dvh,900px);overflow:auto;overscroll-behavior:contain}
/* Tasks and mini-games: readable progress and reward controls */
.task{min-width:0}
.task button{min-height:38px}
.quiz-panel{box-shadow:var(--alpha-shadow)}
.quiz-head{min-width:0}
.quiz-head>div:first-child{min-width:0}
.quiz-head h2{line-height:1.25;overflow-wrap:break-word}
.quiz-stats span{line-height:1.4;border:1px solid #71568466}
.quiz-question h3{line-height:1.4;overflow-wrap:break-word}
.quiz-answers button{
 min-height:54px;line-height:1.4;
 overflow-wrap:anywhere;
}
.quiz-answers button span{flex:0 0 29px}
.quiz-note{color:#d4c3e5}
.quiz-switch.kps-graphic-tabs .kps-tab{min-width:0}
.quiz-switch.kps-graphic-tabs .kps-tab span{overflow-wrap:break-word}
.kiki-game .kiki-art-prizes img{object-fit:contain}
.kiki-game .kiki-art-action{max-width:100%}
/* Profile, friends, stats and settings */
.p2-page,.p2-column,.p2-grid,.p2-stats{min-width:0}
.p2-panel,.p2-cover{overflow-wrap:break-word}
.p2-panel p,.p2-panel small{color:#d8c9e8}
.p2-friends-list,.friends-list{min-width:0}
.friend{min-width:0}
.friend>div{min-width:0}
.friend strong,.p2-friend strong{overflow-wrap:anywhere}
.stats-grid{min-width:0}
.stats-grid strong{font-variant-numeric:tabular-nums}
:where(.settings-panel,.friends-panel,.p2-panel) input,
:where(.settings-panel,.friends-panel,.p2-panel) select{max-width:100%}
/* Admin: inputs must remain usable on desktop and narrow screens */
.admin-shell{color:var(--alpha-text)}
.admin-wrap,.admin-panel,.admin-form,.admin-grid,.admin-row{min-width:0}
.admin-form :where(input,select,textarea){width:100%;max-width:100%;min-width:0}
.admin-form label{min-width:0;overflow-wrap:break-word;line-height:1.4}
.admin-form textarea{min-height:84px;resize:vertical}
.admin-panel p,.admin-panel small,.admin-panel .mission-note{line-height:1.5}
.admin-side button{min-height:42px;line-height:1.35}
.admin-pack-checks{overscroll-behavior:contain}
.admin-head{min-width:0}
.admin-head h1{overflow-wrap:anywhere}
/* Overlays: no clipped close buttons, no content below viewport */
.overlay{overscroll-behavior:contain}
.modal{max-height:min(92vh,92dvh);overscroll-behavior:contain;scrollbar-width:thin}
.modal .close{min-width:36px;min-height:36px}
.toast{width:max-content;max-width:min(90vw,600px);line-height:1.45;overflow-wrap:break-word}
/* Consistent scrollbar on desktop; leave native mobile scrolling */
@media(hover:hover){
 :where(.modal,.admin-shell,.admin-pack-checks,.filters,.rarities){
  scrollbar-color:#81609f #271c38;scrollbar-width:thin;
 }
}
@media(max-width:700px){
 .page,.extra-page{max-width:100%}
 .quiz-panel{margin:14px 0 22px}
 .quiz-head{align-items:flex-start}
 .quiz-prize{padding:9px 11px}
 .quiz-stats{gap:6px;margin:14px 0}
 .quiz-stats span{padding:7px 9px}
 .kpc-theme-toolbar,.collection-sort-bar,.kpc-collection-toolbar{flex-wrap:wrap}
 .admin-head{flex-wrap:wrap;gap:8px}
}
@media(max-width:520px){
 .app{padding-bottom:max(100px,calc(90px + env(safe-area-inset-bottom)))}
 .top{gap:6px}
 .top .user strong{font-size:12px}
 .wallet{font-size:11px}
 .nav button{min-height:52px}
 .nav .nav-label{font-size:10px}
 .pack-info h2{padding-right:16px}
 .pack .buy{min-height:36px}
 .quiz-panel{padding:14px}
 .quiz-head{gap:8px}
 .quiz-head h2{font-size:17px}
 .quiz-prize{font-size:12px}
 .quiz-question,.quiz-locked{padding:13px}
 .quiz-question h3{font-size:17px}
 .quiz-answers{grid-template-columns:1fr;gap:8px}
 .quiz-answers button{min-height:48px;padding:11px}
 .quiz-switch.kps-graphic-tabs .kps-tab span{font-size:11px;line-height:1.2}
 .kpc-home-latest-album{min-width:0}
 .kpc-home-latest-body>strong{font-size:17px}
 .kpc-theme-preview-dialog{max-height:90dvh}
 .modal{border-radius:20px;padding:20px 13px}
 .admin-side button{min-height:40px}
}
@media(max-width:360px){
 .top{padding-left:7px;padding-right:7px}
 .wallet{padding:4px;gap:2px}
 .nav button{padding-left:2px!important;padding-right:2px!important}
 .nav .nav-label{font-size:9px}
 .quiz-head{flex-wrap:wrap}
 .quiz-prize{margin-left:auto}
 .quiz-switch.kps-graphic-tabs{gap:4px!important}
 .quiz-switch.kps-graphic-tabs .kps-tab{padding:5px 2px!important}
 .quiz-switch.kps-graphic-tabs .kps-tab img{width:34px!important;height:38px!important;flex-basis:38px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{
  scroll-behavior:auto!important;
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important;
 }
}


/* ==== [41] kiki-banner.css?v=3 ==== */

/* KIKI homepage banner — Alpha 1; all text and the CTA remain live/localized HTML. */
.kpc-home-social .feature-banner.kpc-kiki-feature{
 isolation:isolate;min-height:255px;
 background:radial-gradient(ellipse at 78% 62%,#623078 0%,#392049 42%,#21192f 84%);
 border:1px solid #8e65b2;
 box-shadow:inset 0 1px 0 #e6b7ff29,0 12px 34px #100b1d52;
}
.kpc-home-social .kpc-kiki-feature::before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
 background:linear-gradient(145deg,transparent 0 83%,#a75acb33 83.3% 84%,transparent 84.3%);
}
.kpc-home-social .kpc-kiki-feature .banner-copy{z-index:2;width:56%;padding:28px 20px 24px 26px}
.kpc-home-social .kpc-kiki-feature .banner-brand{
 font-size:clamp(29px,5.1vw,49px);line-height:.97;
 letter-spacing:-.025em;text-shadow:0 2px 17px #a450ba75;
}
.kpc-home-social .kpc-kiki-feature .banner-copy p{
 max-width:310px;margin:16px 0 15px;color:#f3e5fa;
 font-size:13px;line-height:1.55;text-shadow:0 1px 3px #160d1b;
}
.kpc-home-social .kpc-kiki-feature .pink-button{
 min-height:43px;border-radius:22px;padding:10px 19px;
 background:linear-gradient(125deg,#f3a1ee,#c58bee);
 box-shadow:0 5px 15px #e876e53b;color:#32183b;
 transition:transform .15s ease,filter .15s ease;
}
.kpc-home-social .kpc-kiki-feature .pink-button:hover{filter:brightness(1.09);transform:translateY(-1px)}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
 z-index:1;right:0;top:0;bottom:0;width:52%;
 display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;
}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art img{
 width:100%;height:100%;object-fit:contain;object-position:right bottom;
 filter:drop-shadow(0 10px 13px #10091b60);
}
@media(max-width:650px){
 .kpc-home-social .feature-banner.kpc-kiki-feature{min-height:224px}
 .kpc-home-social .kpc-kiki-feature .banner-copy{width:63%;padding:20px 8px 19px 17px}
 .kpc-home-social .kpc-kiki-feature .banner-brand{font-size:clamp(25px,6vw,39px)}
 .kpc-home-social .kpc-kiki-feature .banner-copy p{font-size:11px;line-height:1.45;margin:12px 0}
 .kpc-home-social .kpc-kiki-feature .pink-button{min-height:37px;padding:8px 13px;font-size:12px}
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{width:46%;right:-1%;top:7%;bottom:2%}
}
@media(max-width:410px){
 .kpc-home-social .feature-banner.kpc-kiki-feature{min-height:202px}
 .kpc-home-social .kpc-kiki-feature .banner-copy{width:66%;padding:17px 4px 14px 14px}
 .kpc-home-social .kpc-kiki-feature .banner-brand{font-size:26px}
 .kpc-home-social .kpc-kiki-feature .banner-copy p{font-size:10px}
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{width:42%;right:-2%;top:12%}
}

/* KIKI-only artwork: remove collage decorations, scale mascot beyond upper banner edge */
.kpc-home-social .feature-banner.kpc-kiki-feature{overflow:visible!important}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
 overflow:visible!important;top:-17%!important;bottom:-2%!important;
 right:1%!important;width:55%!important;
 pointer-events:none;
}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 object-position:right bottom!important;max-width:none;
}
@media(max-width:650px){
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
  top:-12%!important;bottom:-1%!important;right:-1%!important;width:48%!important;
 }
}
@media(max-width:410px){
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
  top:-8%!important;bottom:0!important;right:-2%!important;width:45%!important;
 }
}

/* Alpha banner placement v3: keep character within the banner/nav safe area. */
.kpc-home-social .feature-banner.kpc-kiki-feature{
 position:relative!important;overflow:visible!important;
}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
 position:absolute!important;
 left:auto!important;right:1.5%!important;
 top:-7px!important;bottom:7px!important;
 width:51%!important;height:auto!important;
 display:flex!important;align-items:flex-end!important;
 justify-content:flex-end!important;
 overflow:visible!important;
 transform:none!important;pointer-events:none!important;
}
.kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;object-fit:contain!important;
 object-position:center bottom!important;
 filter:drop-shadow(0 8px 12px #160d2270);
}
.kpc-home-social .kpc-kiki-feature .banner-copy{
 position:relative!important;z-index:3!important;
}
@media(max-width:650px){
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
  top:0!important;bottom:6px!important;right:0!important;width:45%!important;
 }
}
@media(max-width:410px){
 .kpc-home-social .kpc-kiki-feature .kpc-kiki-feature-art{
  top:0!important;bottom:5px!important;right:0!important;width:42%!important;
 }
}


/* ==== [42] kiki-collections-responsive.css?v=3 ==== */
/* KpopCollector · Kiki Collections Designer v2
   Scoped to Collections hero only. No scripts or saved data modified. */
.extra-page .collection-hero{
  position:relative;isolation:isolate;overflow:hidden!important;min-width:0;
  border:1px solid rgba(217,151,255,.35);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 77% 45%,rgba(174,79,222,.35),transparent 47%),
    radial-gradient(ellipse at 15% 95%,rgba(109,59,177,.26),transparent 57%),
    linear-gradient(113deg,#21172f 0%,#302044 52%,#371b53 100%);
  box-shadow:0 13px 30px rgba(18,8,37,.19),inset 0 1px rgba(255,255,255,.1);
}
/* Subtle fan of light rays behind the mascot */
.extra-page .collection-hero::before{
  content:"";position:absolute;inset:-80% -20% -85% 26%;z-index:0;pointer-events:none;
  background:repeating-conic-gradient(from -11deg at 65% 50%,
    transparent 0deg 13deg,rgba(236,163,255,.075) 14deg 16deg,transparent 17deg 29deg);
  -webkit-mask-image:radial-gradient(ellipse at 65% 50%,#000 8%,transparent 66%);
  mask-image:radial-gradient(ellipse at 65% 50%,#000 8%,transparent 66%);
  transform:rotate(-9deg);
}
/* Thin illuminated top edge and a few tiny glints */
.extra-page .collection-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(circle at 64% 18%,rgba(255,238,255,.8) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 76%,rgba(255,238,255,.72) 0 1.5px,transparent 3px),
    radial-gradient(circle at 45% 69%,rgba(255,225,255,.55) 0 1px,transparent 2px),
    linear-gradient(90deg,transparent 8%,rgba(255,255,255,.17) 53%,transparent 92%) top/100% 1px no-repeat;
  opacity:.78;
}
.extra-page .collection-hero-art{
  position:absolute!important;inset:auto 1.2% 0 auto!important;
  width:min(53%,440px)!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;object-fit:contain!important;object-position:right center!important;
  mask-image:none!important;-webkit-mask-image:none!important;
  opacity:1!important;pointer-events:none;z-index:1!important;
  filter:drop-shadow(0 8px 17px rgba(12,4,30,.34));
}
.extra-page .collection-hero-content{position:relative;z-index:2;min-width:0}
.extra-page .collection-hero-content .section-title{max-width:55%}
.extra-page .collection-hero-content .section-title h1{
  text-shadow:0 2px 14px rgba(218,146,255,.16);
}
.extra-page .collection-hero-content .tabs{position:relative;z-index:3}
@media(max-width:700px){
  .extra-page .collection-hero{border-radius:18px}
  .extra-page .collection-hero-art{width:49%!important;right:1%!important}
  .extra-page .collection-hero-content .section-title{max-width:55%}
}
@media(max-width:440px){
  .extra-page .collection-hero-art{width:46%!important;right:0!important;opacity:.96!important}
  .extra-page .collection-hero-content .section-title{max-width:57%}
  .extra-page .collection-hero::before{opacity:.62}
}
@media(max-width:340px){
  .extra-page .collection-hero-art{width:42%!important}
  .extra-page .collection-hero-content .section-title{max-width:59%}
}
@media(prefers-reduced-motion:reduce){
  .extra-page .collection-hero,.extra-page .collection-hero *{animation:none!important}
}

/* Kiki collections: reward copy below hero subtitle */
.extra-page.kpc-themes .kiki-collections-reward-copy{position:relative;z-index:2;max-width:min(52%,420px);margin:7px 0 12px;color:#f5e7ff;font-size:clamp(12px,1.35vw,15px);font-weight:500;line-height:1.45;text-wrap:pretty;text-shadow:0 1px 7px rgba(22,8,38,.35)}
@media(max-width:440px){.extra-page.kpc-themes .kiki-collections-reward-copy{max-width:56%;font-size:12px;line-height:1.35;margin:5px 0 9px}}


/* ==== [43] kpc-album-counter-fix.css?v=4 ==== */
/* KpopCollector v4: album progress stays below the cover, never on the image. */
.kpc-themes .kpc-theme-album{
  display:flex!important;flex-direction:column!important;
  height:auto!important;overflow:hidden!important;
}
.kpc-themes .kpc-theme-cover{
  position:relative!important;flex:0 0 auto!important;
  height:auto!important;aspect-ratio:1 / 1!important;
  min-height:0!important;overflow:hidden!important;
}
.kpc-themes .kpc-theme-cover>img{
  display:block!important;width:100%!important;height:100%!important;
  position:absolute!important;inset:0!important;object-fit:cover!important;
}
.kpc-themes .kpc-theme-info{
  position:relative!important;inset:auto!important;transform:none!important;
  z-index:1!important;display:flex!important;flex-direction:column!important;
  gap:8px!important;flex:0 0 auto!important;
  padding:12px 13px 13px!important;margin:0!important;
  background:#2c2144!important;min-height:55px!important;
}
.kpc-themes .kpc-theme-info small{
  display:block!important;position:static!important;
  margin:0!important;line-height:1.35!important;
  white-space:normal!important;
}
.kpc-themes .kpc-theme-info .meter,
.kpc-themes .kpc-theme-info .progress-bar{margin:0!important}
.kpc-themes .kpc-theme-badge{z-index:2!important}


/* ==== [44] kiki-dual-banners-v5.css?v=5 ==== */
/* KpopCollector v5: matched 3:1 Kiki hero illustrations. */
.hero.lootbox-hero,.extra-page .collection-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-color:#220b38!important;background-repeat:no-repeat!important;
  background-size:cover!important;background-position:center center!important;
  border:1px solid rgba(191,108,242,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(16,5,28,.14)!important;
}
.hero.lootbox-hero{background-image:linear-gradient(90deg,rgba(22,9,36,.96) 0%,rgba(22,9,36,.83) 29%,rgba(22,9,36,.25) 53%,transparent 75%),url('assets/kiki-lootbox-banner.webp')!important}
.extra-page .collection-hero{background-image:linear-gradient(90deg,rgba(22,9,36,.97) 0%,rgba(22,9,36,.85) 28%,rgba(22,9,36,.32) 53%,transparent 75%),url('assets/kiki-collections-album-banner.webp')!important}
.hero.lootbox-hero .lootbox-hero-art,.extra-page .collection-hero-art{display:none!important}
.hero.lootbox-hero:before,.extra-page .collection-hero:before,.extra-page .collection-hero:after{
 content:none!important;display:none!important;
}
.hero.lootbox-hero h1,.hero.lootbox-hero p,.hero.lootbox-hero .filters,
.extra-page .collection-hero-content{position:relative!important;z-index:2!important}
.hero.lootbox-hero .filters{max-width:100%;display:flex;flex-wrap:wrap}
.extra-page .collection-hero-content .section-title{max-width:60%!important}
@media(max-width:700px){
 .hero.lootbox-hero,.extra-page .collection-hero{background-position:61% center!important}
 .hero.lootbox-hero{background-image:linear-gradient(90deg,rgba(22,9,36,.98),rgba(22,9,36,.84) 38%,rgba(22,9,36,.23) 80%),url('assets/kiki-lootbox-banner.webp')!important}
 .extra-page .collection-hero{background-image:linear-gradient(90deg,rgba(22,9,36,.98),rgba(22,9,36,.84) 38%,rgba(22,9,36,.23) 80%),url('assets/kiki-collections-album-banner.webp')!important}
 .hero.lootbox-hero h1{font-size:clamp(23px,5vw,34px)!important}
 .hero.lootbox-hero p{max-width:65%!important}
 .extra-page .collection-hero-content .section-title{max-width:65%!important}
}
@media(max-width:420px){
 .hero.lootbox-hero,.extra-page .collection-hero{background-position:64% center!important}
 .hero.lootbox-hero{padding:20px 14px 14px!important}
 .hero.lootbox-hero p{max-width:72%!important;font-size:12px!important}
 .hero.lootbox-hero .filters{gap:5px!important}
 .hero.lootbox-hero .filters button{padding:7px 10px!important;font-size:11px!important}
 .extra-page .collection-hero-content .section-title{max-width:72%!important}
 .extra-page .collection-hero-content{padding:17px 12px 12px!important}
}


/* ==== [45] kpc-max-card-effects-v8.css?v=8 ==== */
/* KpopCollector v8 · tasteful premium foil for level-five cards */
.kpc-v7-upgrade.kpc-max-level{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,211,114,.78)!important;background:linear-gradient(135deg,#46315f,#241c39 75%)!important;box-shadow:0 0 0 1px #efb65b22,0 0 17px #c66aff35!important}
.kpc-v7-upgrade.kpc-max-level:before{content:"";position:absolute;inset:-80% -100%;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 44%,#fff8d644 49%,#eebaff66 51%,transparent 56%);animation:kpc-foil-sweep 7s ease-in-out infinite}
.kpc-v7-upgrade.kpc-max-level img{position:relative;z-index:2;border:2px solid #f6c979!important;box-shadow:0 0 12px #f6a7ff88,0 0 4px #ffd786!important}
.kpc-v7-upgrade.kpc-max-level strong{color:#ffe4a0!important;text-shadow:0 0 8px #f3a9ff66}
.kpc-v7-upgrade.kpc-max-level small{color:#f6dba3!important}
.kpc-v7-upgrade.kpc-max-level:after{content:"✦ MAX";position:absolute;right:7px;top:6px;font-weight:900;font-size:10px;letter-spacing:.07em;color:#ffe7a2;text-shadow:0 0 8px #ffc36d;pointer-events:none}
.kpc-v8-max-art{position:relative!important;isolation:isolate;box-shadow:0 0 0 2px #ffda8c,0 0 16px #cc71ff88!important;border-radius:9px!important}
.kpc-v8-max-art:after{content:"✦ 5";position:absolute;top:4px;right:4px;z-index:4;background:linear-gradient(125deg,#ffedaa,#f3aeff);color:#392045;padding:2px 5px;border-radius:5px;font-size:10px;font-weight:900;pointer-events:none}
.kpc-v8-max-art img{border-radius:inherit}
@keyframes kpc-foil-sweep{0%,20%{transform:translateX(-75%)}45%,100%{transform:translateX(75%)}}
@media(prefers-reduced-motion:reduce){.kpc-v7-upgrade.kpc-max-level:before{animation:none!important;opacity:.15}}


/* ==== [46] kpc-max-foil-v9.css?v=9 ==== */
/* MAX 5/5 effects, only for upgraded cards. GPU-friendly opacity/transform. */
.kpc-max-foil{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid rgba(249,213,255,.8)!important;box-shadow:0 0 0 1px rgba(228,164,255,.35),0 0 17px rgba(202,119,252,.32)!important}
.kpc-max-foil::before{content:"";position:absolute;z-index:3;inset:-90%;pointer-events:none;background:linear-gradient(108deg,transparent 43%,rgba(255,255,255,.02) 46%,rgba(255,255,255,.38) 50%,rgba(244,191,255,.11) 53%,transparent 57%);animation:kpc-v9-shine 8s ease-in-out infinite}
.kpc-max-foil::after{content:"✦ MAX";position:absolute;top:5px;right:5px;z-index:5;pointer-events:none;padding:3px 6px;border-radius:7px;background:linear-gradient(120deg,#fff0b4,#d58fff);color:#302042;font-size:10px;font-weight:900;letter-spacing:.05em;box-shadow:0 1px 9px #2a124d77}
.kpc-max-foil[data-max-fx="pearl"]{border-color:#e6d7ff!important;background-image:linear-gradient(135deg,rgba(255,213,241,.14),rgba(181,229,255,.08),rgba(255,243,206,.13))!important;box-shadow:0 0 15px #d6c0ff66,0 0 3px #fff7e0!important}
.kpc-max-foil[data-max-fx="pearl"]::before{background:linear-gradient(110deg,transparent 39%,rgba(255,218,245,.28) 44%,rgba(190,244,255,.43) 50%,rgba(255,236,194,.28) 55%,transparent 61%)}
.kpc-max-foil[data-max-fx="sparks"]{border-color:#f9cb8a!important;box-shadow:0 0 18px #ef9c6380,0 0 5px #e9a1ff!important}
.kpc-max-foil[data-max-fx="sparks"]::before{background:radial-gradient(circle at 35% 40%,#fff8c7 0 1px,transparent 2px),radial-gradient(circle at 65% 65%,#ffc4ef 0 1.5px,transparent 3px),linear-gradient(108deg,transparent 44%,#fff0a844 50%,transparent 56%);animation:kpc-v9-shine 9s ease-in-out infinite}
@keyframes kpc-v9-shine{0%,17%{transform:translateX(-65%);opacity:0}24%{opacity:.7}47%{transform:translateX(65%);opacity:.7}55%,100%{transform:translateX(65%);opacity:0}}
@media(prefers-reduced-motion:reduce){.kpc-max-foil::before{animation:none!important;opacity:.13!important}}


/* ==== [47] kpc-upgrade-modal-v10.css?v=10 ==== */
/* KpopCollector v10: custom card upgrade dialog */
.kpc-upgrade-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;background:rgba(10,5,24,.78);backdrop-filter:blur(7px)}
.kpc-upgrade-dialog{position:relative;width:min(100%,475px);max-height:90dvh;overflow-y:auto;padding:25px;border-radius:22px;border:1px solid #bb72ec;background:radial-gradient(circle at 95% 0%,#56306c 0%,transparent 48%),linear-gradient(145deg,#342046,#1c152f);color:#fff;box-shadow:0 25px 80px #090313c9,0 0 30px #a550d52b;outline:none}
.kpc-upgrade-x{position:absolute;right:14px;top:10px;background:transparent;color:#d9b8ef;border:0;font-size:29px;cursor:pointer}
.kpc-upgrade-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#e6a8ff;margin-bottom:9px}
.kpc-upgrade-dialog h2{font-size:24px;margin:0 0 19px;line-height:1.2}
.kpc-upgrade-main{display:flex;gap:17px;align-items:center}
.kpc-upgrade-preview{width:120px;max-width:38%;aspect-ratio:5/7;object-fit:cover;flex:none;border:2px solid #d88eff;border-radius:13px;box-shadow:0 0 18px #ba6cff65}
.kpc-upgrade-fallback{display:grid;place-items:center;background:#412956;font-size:45px}
.kpc-upgrade-details{min-width:0;flex:1}.kpc-upgrade-details strong{font-size:18px;overflow-wrap:anywhere}
.kpc-upgrade-levels{display:flex;align-items:center;gap:11px;margin:12px 0;font-weight:900;font-size:23px;color:#f6d5ff}
.kpc-upgrade-levels span:last-child{color:#ffdc8e}.kpc-upgrade-arrow{font-size:19px;color:#bb8ed9}
.kpc-upgrade-details p{font-size:12px;color:#d5c0e5;line-height:1.55;margin:0 0 10px}
.kpc-upgrade-cost{padding:9px;border-radius:10px;background:#4a2b62;font-size:12px}.kpc-upgrade-cost b{color:#ffe1a3}
.kpc-upgrade-details small{display:block;margin-top:9px;color:#bba8d2}
.kpc-upgrade-actions{display:flex;gap:10px;margin-top:23px}.kpc-upgrade-actions button{flex:1;min-height:43px;border-radius:11px;cursor:pointer;font-weight:800;border:1px solid #8b61ab}
.kpc-upgrade-cancel{background:#302342;color:#eee}.kpc-upgrade-accept{background:linear-gradient(115deg,#d76be8,#a75bd8);color:white;border-color:#d88cf2!important}
@media(max-width:380px){.kpc-upgrade-dialog{padding:17px}.kpc-upgrade-main{gap:10px}.kpc-upgrade-preview{width:93px}.kpc-upgrade-dialog h2{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.kpc-upgrade-dialog{animation:kpc-upgrade-enter .18s ease-out}@keyframes kpc-upgrade-enter{from{opacity:.3;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}}


/* ==== [48] kpc-milestone-rewards-v11.css?v=11 ==== */
/* KpopCollector v11 - refined milestone tiles and reward dialog */
.kpc-v11-progress{border:1px solid #75549a!important;border-radius:19px!important;padding:20px!important;background:linear-gradient(140deg,#332043,#271a3b)!important}
.kpc-v11-progress h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:20px}
.kpc-v11-icon{display:inline-block;width:19px;height:19px;flex:none;vertical-align:middle}
.kpc-v11-progress h2 .kpc-v11-icon{width:23px;height:23px;color:#e2a7ff}
.kpc-v11-progress .kpc-v7-milestones{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
.kpc-v11-progress .kpc-v7-milestone{min-width:0;display:flex!important;flex-direction:column;gap:9px!important;padding:14px!important;border-radius:13px!important;border:1px solid #76518f!important;background:linear-gradient(155deg,#47305c,#36254e)!important}
.kpc-v11-milestone-top{display:flex;justify-content:space-between;align-items:center}
.kpc-v11-milestone-top strong{font-size:19px;color:#f6c9ff}.kpc-v11-milestone-top svg{color:#d8a9e9}
.kpc-v11-progress small{font-size:12px;color:#cdb8df}
.kpc-v11-reward-values{display:flex;flex-wrap:wrap;gap:8px;min-height:29px;align-items:center}
.kpc-v11-value{display:inline-flex;align-items:center;gap:5px;font-size:13px}
.kpc-v11-value.coin{color:#ffd37d}.kpc-v11-value.gem{color:#86e0ff}.kpc-v11-value svg{width:19px;height:19px}
.kpc-v11-progress .kpc-v7-milestone button{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;min-height:37px;border-radius:9px!important;padding:7px!important;font-weight:700!important;font-size:12px!important;border:1px solid #a96cd0!important;background:linear-gradient(120deg,#b45cdb,#8c46c5)!important;color:#fff!important}
.kpc-v11-progress .kpc-v7-milestone button:disabled{opacity:1!important;background:#53366b!important;color:#c7afd4!important;border-color:#694780!important;cursor:default}
.kpc-v11-progress .kpc-v7-milestone.is-claimed{border-color:#85659a!important}
.kpc-v11-progress .kpc-v7-milestone.is-ready{border-color:#dca1ff!important;box-shadow:0 0 14px #a84fdd33}
.kpc-v11-overlay{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:18px;background:#10091dcc;backdrop-filter:blur(7px)}
.kpc-v11-dialog{position:relative;width:min(100%,410px);max-height:90dvh;overflow:auto;text-align:center;border:1px solid #bb79e8;border-radius:22px;padding:29px 23px 23px;background:radial-gradient(ellipse at 50% 0%,#603176 0%,transparent 65%),linear-gradient(155deg,#322046,#20182e);color:#fff;box-shadow:0 20px 70px #090411a8,0 0 30px #ad62d52c;outline:0}
.kpc-v11-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#e1c7ed;font-size:27px;cursor:pointer}
.kpc-v11-emblem{display:grid;place-items:center;margin:0 auto 12px;width:68px;height:68px;border-radius:19px;background:linear-gradient(145deg,#c47aec,#8040b4);box-shadow:0 0 23px #d583f988}
.kpc-v11-emblem svg{width:38px;height:38px;color:#fff}
.kpc-v11-overline{font-size:10px;letter-spacing:.15em;font-weight:800;color:#e5a8ff}
.kpc-v11-dialog h2{font-size:25px;margin:9px 0}.kpc-v11-dialog p{color:#d9c4e9;font-size:13px;line-height:1.55}
.kpc-v11-earned-list{display:flex;justify-content:center;gap:10px;margin:20px 0}
.kpc-v11-earned{display:flex;align-items:center;gap:7px;background:#48305c;border:1px solid #8356a0;border-radius:12px;padding:12px 15px}
.kpc-v11-earned svg{width:23px;height:23px}.kpc-v11-earned.coin svg{color:#ffd27b}.kpc-v11-earned.gem svg{color:#88e0ff}
.kpc-v11-earned b{font-size:20px}.kpc-v11-earned span{font-size:12px;color:#dbc8eb}
.kpc-v11-ok{width:100%;border:0;border-radius:11px;padding:13px;background:linear-gradient(110deg,#d273e8,#a454d3);color:white;font-weight:800;cursor:pointer}
@media(max-width:620px){.kpc-v11-progress .kpc-v7-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.kpc-v11-progress{padding:13px!important}}
@media(max-width:360px){.kpc-v11-progress .kpc-v7-milestone{padding:10px!important}.kpc-v11-earned-list{flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.kpc-v11-dialog{animation:kpc-v11-appear .2s ease-out}@keyframes kpc-v11-appear{from{opacity:.2;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}}


/* ==== [49] kpc-kiki-racer-v12.css?v=12 ==== */
/* KpopCollector v12 — album-specific Kiki premium reward */
.kpc-v7-reward{position:relative;isolation:isolate;overflow:hidden!important;display:flex!important;align-items:center;gap:22px!important;padding:21px!important;border:1px solid rgba(191,127,244,.65)!important;border-radius:21px!important;background:radial-gradient(ellipse at 0% 0%,rgba(141,65,205,.23),transparent 65%),linear-gradient(120deg,#352046,#261a39)!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 26px rgba(10,4,22,.13)}
.kpc-v7-reward:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-100% -30% -100% 40%;background:repeating-conic-gradient(from 8deg at 70% 50%,transparent 0deg 17deg,rgba(199,128,249,.06) 18deg 20deg,transparent 21deg 35deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.kpc-v7-reward>img{width:132px!important;height:184px!important;max-width:35%!important;flex:none!important;object-fit:cover!important;border:2px solid #d887ff!important;border-radius:13px!important;box-shadow:0 0 0 3px rgba(207,119,255,.1),0 0 21px rgba(191,97,243,.28)!important;background:#241333}
.kpc-v7-reward>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kpc-v7-reward h2{display:flex;align-items:center;gap:9px;margin:0!important;font-size:21px!important}
.kpc-v12-crown{width:24px;height:24px;flex:none;color:#edb8ff;filter:drop-shadow(0 0 5px #ba72ed)}
.kpc-v7-reward p{margin:0!important;color:#d8c4e8!important;font-size:13px;line-height:1.5}
.kpc-v7-reward strong{font-size:17px;color:#f8d9ff}
.kpc-v7-reward small{color:#cdb8e2}
.kpc-v7-reward button{min-height:38px!important;border:1px solid #bb78df!important;border-radius:10px!important;padding:9px 16px!important;background:linear-gradient(115deg,#bd63dc,#8c45b9)!important;color:#fff!important;font-weight:700!important}
.kpc-v7-reward button:disabled{opacity:.7!important;background:#543768!important;color:#e0c7e9!important;cursor:default}
@media(max-width:440px){.kpc-v7-reward{gap:12px!important;padding:13px!important}.kpc-v7-reward>img{width:104px!important;height:148px!important}.kpc-v7-reward h2{font-size:16px!important}.kpc-v7-reward strong{font-size:14px}.kpc-v7-reward p{font-size:12px}}


/* ==== [50] kpc-collections-edge-fix-v14.css?v=14 ==== */
/* KpopCollector v14 — remove legacy edge glow from Collections banner only. */
.extra-page .collection-hero {
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#1c102d!important;
  background-image:linear-gradient(90deg,rgba(22,9,36,.96) 0%,rgba(22,9,36,.84) 28%,rgba(22,9,36,.32) 53%,rgba(22,9,36,0) 75%),url("assets/kiki-collections-album-banner.webp")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  box-shadow:none!important;
  filter:none!important;
}
.extra-page .collection-hero::before,.extra-page .collection-hero::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.extra-page .collection-hero .collection-hero-art{display:none!important}
@media(max-width:700px){.extra-page .collection-hero{background-image:linear-gradient(90deg,rgba(22,9,36,.98),rgba(22,9,36,.84) 38%,rgba(22,9,36,.23) 80%),url("assets/kiki-collections-album-banner.webp")!important;background-position:61% center!important}}
@media(max-width:420px){.extra-page .collection-hero{background-position:64% center!important}}


/* ==== [51] kpc-collections-edge-fix-v15.css?v=15 ==== */
/* v15: isolate artwork on right; no image/light leak on left edge. */
.extra-page .collection-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:#1a0d2b!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;
}
.extra-page .collection-hero::before{
  content:""!important;display:block!important;position:absolute!important;
  inset:0!important;z-index:0!important;pointer-events:none!important;
  transform:none!important;rotate:none!important;scale:none!important;
  background-image:url("assets/kiki-collections-album-banner.webp")!important;
  background-repeat:no-repeat!important;background-position:center center!important;
  background-size:100% 100%!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 9%,rgba(0,0,0,.4) 25%,black 53%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 9%,rgba(0,0,0,.4) 25%,black 53%)!important;
  box-shadow:none!important;filter:none!important;
}
.extra-page .collection-hero::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,#1a0d2b 0%,rgba(26,13,43,.9) 20%,rgba(26,13,43,.28) 49%,transparent 75%)!important;
  box-shadow:none!important;filter:none!important;
}
.extra-page .collection-hero .collection-hero-content{position:relative!important;z-index:2!important}
.extra-page .collection-hero .collection-hero-art{display:none!important}
@media(max-width:700px){
 .extra-page .collection-hero::before{background-position:center center!important}
 .extra-page .collection-hero::after{background:linear-gradient(90deg,#1a0d2b 0%,rgba(26,13,43,.87) 36%,rgba(26,13,43,.25) 78%)!important}
}


/* ==== [52] kpc-collection-audio-v16.css?v=16 ==== */
/* v16: audio only; no visual layout changes. */


/* ==== [53] kpc-home-banner-v17.css?v=17 ==== */
/* KpopCollector v17 — main homepage banner only. */
.kpc-home-social .feature-banner.kpc-kiki-feature{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-color:#180824!important;
  background-image:linear-gradient(90deg,rgba(19,7,31,.68) 0%,rgba(19,7,31,.32) 32%,rgba(19,7,31,0) 62%),url("assets/home/kiki-home-banner-v17.webp")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,right center!important;
  background-size:cover,cover!important;
  border-color:#713090!important;
}
.kpc-home-social .feature-banner.kpc-kiki-feature::before,
.kpc-home-social .feature-banner.kpc-kiki-feature::after{content:none!important;display:none!important}
.kpc-home-social .feature-banner.kpc-kiki-feature .kpc-kiki-feature-art{display:none!important}
.kpc-home-social .feature-banner.kpc-kiki-feature .banner-copy{position:relative!important;z-index:2!important;width:50%!important;max-width:50%!important;text-shadow:0 2px 12px #16051e}
.kpc-home-social .feature-banner.kpc-kiki-feature .banner-brand{filter:drop-shadow(0 2px 7px #2d0837)}
@media(max-width:650px){
 .kpc-home-social .feature-banner.kpc-kiki-feature{background-position:center,62% center!important;background-size:cover,auto 100%!important;min-height:220px!important}
 .kpc-home-social .feature-banner.kpc-kiki-feature .banner-copy{width:59%!important;max-width:59%!important;padding:15px 5px 15px 13px!important}
 .kpc-home-social .feature-banner.kpc-kiki-feature .banner-brand{font-size:clamp(23px,6.2vw,37px)!important}
}
@media(max-width:390px){
 .kpc-home-social .feature-banner.kpc-kiki-feature{background-position:center,60% center!important}
 .kpc-home-social .feature-banner.kpc-kiki-feature .banner-copy{width:62%!important;max-width:62%!important}
}


/* ==== [54] kpc-button-design-v18.css?v=18 ==== */
/* KpopCollector v18 — accessible, restrained button refresh.
   Presentation only. No changes to application events, HTML buttons, or game data. */
:root{--kpc-btn-ink:#fff;--kpc-btn-edge:#9470b4;--kpc-btn-muted:#dcd0ed;--kpc-btn-shadow:rgba(13,5,27,.24)}
/* Restrict to text/action buttons; leave icon controls, cards, gallery tiles and navigation intact. */
button.primary,button.secondary,button.buy,button[data-confirm],button[data-close]:not(.close),button[data-again],button[data-collection],button[data-pack-history],button[data-chest-claim],button[data-v7-milestone],button[data-v7-upgrade],button[data-v7-claim],button[data-kpc-confirm],button[data-kpc-cancel],.quiz-answers button,.quiz-prize,.kpc-v11-ok,.kpc-upgrade-accept,.kpc-upgrade-cancel,
.filters button,.tabs button,.tab-buttons button{
  position:relative;border-radius:12px!important;
  font-family:inherit;font-weight:750;line-height:1.3;letter-spacing:.005em;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px #1b0c2980;
  border:1px solid #a06bc2!important;
  background:linear-gradient(165deg,#70468d 0%,#593474 100%)!important;
  box-shadow:inset 0 1px 0 #ffffff23,0 3px 10px var(--kpc-btn-shadow);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
button.primary,button.buy,button[data-confirm],button[data-chest-claim],button[data-kpc-confirm],.kpc-v11-ok,.kpc-upgrade-accept{
  background:linear-gradient(150deg,#b36bd2 0%,#9250ba 100%)!important;
  border-color:#d392ed!important;
  box-shadow:inset 0 1px 0 #ffffff40,0 4px 13px #7d3da044;
}
button.secondary,button[data-close]:not(.close),button[data-kpc-cancel],.kpc-upgrade-cancel{
  background:linear-gradient(155deg,#433252,#332640)!important;
  border-color:#80618e!important;
  color:#f5edfa!important;-webkit-text-fill-color:#f5edfa!important;
}
/* Selected states must stay visibly distinct. */
.filters button.active,.tabs button.active,.tab-buttons button.active,.filters button.selected,.tabs button.selected{
  background:linear-gradient(155deg,#ba73d9,#9148b8)!important;border-color:#e0a3f4!important;
  box-shadow:inset 0 1px #ffffff35,0 0 0 1px #c879e333!important;
}
@media(hover:hover) and (pointer:fine){
 button.primary:not(:disabled):hover,button.secondary:not(:disabled):hover,button.buy:not(:disabled):hover,
 button[data-confirm]:not(:disabled):hover,button[data-close]:not(.close):not(:disabled):hover,
 button[data-again]:not(:disabled):hover,button[data-collection]:not(:disabled):hover,
 button[data-pack-history]:not(:disabled):hover,button[data-chest-claim]:not(:disabled):hover,
 button[data-v7-milestone]:not(:disabled):hover,button[data-v7-upgrade]:not(:disabled):hover,
 button[data-v7-claim]:not(:disabled):hover,button[data-kpc-confirm]:not(:disabled):hover,
 button[data-kpc-cancel]:not(:disabled):hover,.quiz-answers button:not(:disabled):hover,
 .kpc-v11-ok:not(:disabled):hover,.kpc-upgrade-accept:not(:disabled):hover,
 .kpc-upgrade-cancel:not(:disabled):hover,.filters button:not(:disabled):hover,
 .tabs button:not(:disabled):hover,.tab-buttons button:not(:disabled):hover{
  border-color:#e6b1fb!important;box-shadow:inset 0 1px #ffffff55,0 5px 16px #8f49bc55!important;
  filter:brightness(1.08);transform:translateY(-1px);
 }
}
button:focus-visible,[role=button]:focus-visible{outline:2px solid #f3c7ff!important;outline-offset:3px!important}
button:disabled,button[aria-disabled=true]{filter:saturate(.55)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}
/* Don't interfere with correct/incorrect answer colors or other semantic status colors. */
.quiz-answers button.correct,.quiz-answers button.wrong,.quiz-answers button.is-correct,.quiz-answers button.is-wrong{background:revert-layer!important}
@media(max-width:600px){button.primary,button.secondary,button.buy,button[data-confirm],button[data-kpc-confirm],button[data-v7-milestone],.kpc-v11-ok{min-height:40px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important;transform:none!important}}


/* ==== [55] kpc-button-design-v19.css?v=19 ==== */
/* KpopCollector v19: legible dark-plum buttons. Presentation only. */
:root{--kpc19-bg:#342343;--kpc19-bg2:#261a34;--kpc19-edge:#9266ac;--kpc19-text:#fcf8ff;--kpc19-accent:#8551ac;--kpc19-accent2:#68408e}
/* Preserve layout/size from each original component. Never restyle icon-only buttons. */
button:not(.icon-btn):not(.icon-button):not(.close):not(.close-btn):not(.kpc-upgrade-x):not(.kpc-v11-close):not(.nav-icon):not([aria-label]):not(.quiz-answers button),
a.btn,a.button,.btn-primary,.btn-secondary,.kpc-v11-ok,.kpc-upgrade-accept,.kpc-upgrade-cancel{
 color:var(--kpc19-text)!important;-webkit-text-fill-color:var(--kpc19-text)!important;
 background:linear-gradient(160deg,var(--kpc19-bg) 0%,var(--kpc19-bg2) 100%)!important;
 border:1px solid var(--kpc19-edge)!important;border-radius:12px!important;
 text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 3px 9px rgba(9,3,22,.22)!important;
 font-family:inherit;font-weight:750!important;letter-spacing:.005em;line-height:1.35;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
/* Action buttons: still dark enough for white text. */
button.primary:not(:disabled),button.buy:not(:disabled),button[data-confirm]:not(:disabled),button[data-chest-claim]:not(:disabled),button[data-v7-claim]:not(:disabled),button[data-kpc-confirm]:not(:disabled),.kpc-v11-ok:not(:disabled),.kpc-upgrade-accept:not(:disabled),.btn-primary:not(:disabled),
button[data-auth-open]:not(:disabled),button[data-v7-milestone]:not(:disabled):not([disabled]){
 background:linear-gradient(145deg,#8852b1 0%,#633b89 100%)!important;
 border-color:#b587d3!important;
 box-shadow:inset 0 1px rgba(255,255,255,.17),0 4px 13px rgba(64,22,94,.32)!important;
}
/* Filter tabs and segmented choices. */
.filters button,.tabs button,.tab-buttons button,.quiz-stats button,.quiz-filters button{
 background:linear-gradient(160deg,#31223f,#261a34)!important;
 color:#f7edff!important;-webkit-text-fill-color:#f7edff!important;
}
.filters button.active,.tabs button.active,.tab-buttons button.active,
.filters button.selected,.tabs button.selected,.tab-buttons button.selected,
button[aria-pressed="true"],button[aria-selected="true"]{
 background:linear-gradient(145deg,#8852b1,#603b85)!important;
 border-color:#c394e0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px #ffffff28,0 0 0 1px #c394e02c!important;
}
/* Avoid undoing answer feedback or success/error semantic colors. */
.quiz-answers button:not(.correct):not(.wrong):not(.is-correct):not(.is-wrong){
 background:linear-gradient(150deg,#372645,#2a1d38)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #8e6aa9!important;border-radius:13px!important;
 box-shadow:inset 0 1px #ffffff10,0 3px 9px #12081d44!important;
}
/* Disabled must look disabled, but remain readable. */
button:disabled,button[aria-disabled="true"],.btn-primary:disabled{
 background:#3b2d48!important;border-color:#675577!important;
 color:#c9b8d5!important;-webkit-text-fill-color:#c9b8d5!important;
 text-shadow:none!important;box-shadow:none!important;
 opacity:1!important;filter:none!important;cursor:not-allowed!important;transform:none!important;
}
@media(hover:hover) and (pointer:fine){
 button:not(:disabled):not(.icon-btn):not(.icon-button):not(.close):not(.close-btn):not([aria-label]):hover,
 a.btn:hover,a.button:hover,.btn-primary:hover,.btn-secondary:hover{
 border-color:#d1a4ee!important;filter:none!important;
 box-shadow:inset 0 1px #ffffff24,0 5px 16px #8e54b44d!important;
 transform:translateY(-1px);
 }
}
button:focus-visible,a.btn:focus-visible,a.button:focus-visible{outline:2px solid #f2caff!important;outline-offset:3px!important}
button:active:not(:disabled){transform:translateY(0)!important}
@media(prefers-reduced-motion:reduce){button,a.btn,a.button{transition:none!important;transform:none!important}}


/* ==== [56] kpc-bottom-navigation-v20.css?v=20 ==== */
/* v20 - scoped exclusively to five-button bottom navigation */
.nav{--nav-bg:#20162f;--nav-border:#70518c;gap:clamp(4px,1vw,10px)!important;justify-content:space-between!important;align-items:stretch!important;padding:9px clamp(8px,1.6vw,16px) max(12px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#291a3c 0%,#1a132a 100%)!important;border-top:1px solid #8d60ad90!important;box-shadow:0 -8px 28px #12091e66!important;box-sizing:border-box!important}
.nav button{position:relative!important;isolation:isolate;flex:1 1 0;min-width:0!important;min-height:76px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;overflow:hidden;border:1px solid #6d4b87!important;border-radius:15px!important;padding:9px 3px 8px!important;background:linear-gradient(160deg,#352343,#281a39)!important;color:#f4eafa!important;box-shadow:inset 0 1px #ffffff12,0 2px 7px #10091c22!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;cursor:pointer!important}
.nav button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 25%,#f6d8ff18 49%,transparent 68%);opacity:0;transition:opacity .2s ease}
.nav button:hover{background:linear-gradient(145deg,#48305d,#302042)!important;border-color:#c48cdd!important;box-shadow:0 0 16px #bb74e535,inset 0 1px #ffffff22!important;transform:translateY(-2px)}
.nav button:hover::before{opacity:1}
.nav button.selected{background:linear-gradient(150deg,#56336c,#38234d)!important;border-color:#dca7ef!important;color:#fff!important;box-shadow:inset 0 1px #ffffff2e,0 0 16px #b770d93a!important}
.nav button.selected::after{content:"";position:absolute;bottom:0;left:24%;right:24%;height:3px;border-radius:4px 4px 0 0;background:#f0b5ff;box-shadow:0 0 11px #f0a4ff}
.nav button .nav-icon{position:relative;display:grid!important;place-items:center;width:33px;height:33px;margin:0!important;flex:none}
.nav button .nav-icon img{display:block;width:30px!important;height:30px!important;object-fit:contain;filter:drop-shadow(0 0 4px #dc8aff65);transition:transform .2s ease,filter .2s ease}
.nav button:hover .nav-icon img{transform:translateY(-1px) scale(1.07);filter:drop-shadow(0 0 8px #e9a7ffa0)}
.nav button .nav-label{display:block!important;margin:0!important;font-size:clamp(11px,1.55vw,15px)!important;font-weight:750!important;line-height:1.15!important;letter-spacing:0!important;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #10081955}
.nav button .nav-badge{position:absolute;top:-3px;right:-6px;z-index:2;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#cf5ba8;color:white;font-size:10px;font-style:normal;line-height:16px;box-shadow:0 1px 5px #16081c}
.nav button:focus-visible{outline:2px solid #f0c5ff!important;outline-offset:2px}
@media(max-width:420px){.nav{gap:4px!important;padding-left:5px!important;padding-right:5px!important}.nav button{min-height:67px!important;border-radius:11px!important;padding:6px 1px!important}.nav button .nav-icon{width:27px;height:27px}.nav button .nav-icon img{width:25px!important;height:25px!important}.nav button .nav-label{font-size:clamp(9px,2.6vw,11px)!important}}
@media(prefers-reduced-motion:reduce){.nav button,.nav button::before,.nav button .nav-icon img{transition:none!important}.nav button:hover{transform:none!important}}


/* ==== [57] kpc-profile-backgrounds-fix-v21.css?v=21 ==== */
/* v21: restore original profile cover swatches after global button theme v19. */
.p2-page .p9-theme-grid button.p9-theme{background-image:none!important;background-color:#291a40!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 4px #170923,0 1px 1px #170923!important;box-shadow:inset 0 -22px 26px #140b2466!important;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease!important}
.p2-page .p9-theme-grid button.p9-theme-neon{background:linear-gradient(135deg,#32134c,#b52da1,#233e9b)!important}
.p2-page .p9-theme-grid button.p9-theme-sakura{background:radial-gradient(circle at 75% 25%,#ffb6dd,#ba4f9b 40%,#372047)!important}
.p2-page .p9-theme-grid button.p9-theme-cosmos{background:radial-gradient(circle at 70% 25%,#8776fb,#26245f 45%,#10152f)!important}
.p2-page .p9-theme-grid button.p9-theme-gold{background:linear-gradient(125deg,#32203d,#ba7e32,#3e2138)!important}
.p2-page .p9-theme-grid button.p9-theme.active{border:2px solid #f2b6ff!important;box-shadow:inset 0 -22px 26px #140b2466,0 0 0 2px #d17df14d,0 0 13px #e57cff55!important}
@media(hover:hover){.p2-page .p9-theme-grid button.p9-theme:hover{filter:brightness(1.15);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.p2-page .p9-theme-grid button.p9-theme{transition:none!important}}


/* ==== [58] kpc-profile-swatches-v22.css?v=22 ==== */
/* KpopCollector v22: scoped profile theme previews, overriding global button design. */
.extra-page.p2-page .p9-theme-grid button.p9-theme[data-p9-theme]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background-color:#352244!important;background-repeat:no-repeat!important;
  background-size:cover!important;background-position:center!important;
  text-shadow:0 1px 4px #160b24,0 1px 1px #160b24!important;
  border:1px solid #b482cf!important;border-radius:12px!important;
  box-shadow:inset 0 -25px 35px #160a2870,0 2px 8px #130a2244!important;
}
.extra-page.p2-page .p9-theme-grid button.p9-theme[data-p9-theme="neon"]{background-image:linear-gradient(135deg,#32134c,#b52da1,#233e9b)!important}
.extra-page.p2-page .p9-theme-grid button.p9-theme[data-p9-theme="sakura"]{background-image:radial-gradient(circle at 75% 25%,#ffb6dd,#ba4f9b 40%,#372047)!important}
.extra-page.p2-page .p9-theme-grid button.p9-theme[data-p9-theme="cosmos"]{background-image:radial-gradient(circle at 70% 25%,#8776fb,#26245f 45%,#10152f)!important}
.extra-page.p2-page .p9-theme-grid button.p9-theme[data-p9-theme="gold"]{background-image:linear-gradient(125deg,#32203d,#ba7e32,#3e2138)!important}
.extra-page.p2-page .p9-theme-grid button.p9-theme.active{border:2px solid #f2b6ff!important;box-shadow:inset 0 -25px 35px #160a2870,0 0 0 2px #d17df14d,0 0 13px #e57cff55!important}


/* ==== [59] kpc-collector-level-panel-v23.css?v=23 ==== */
/* KpopCollector v23: exclusive collector level card, no game logic changes */
.p2-page .p2-panel.p2-level{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 95% 4%,rgba(94,137,213,.23),transparent 54%),linear-gradient(145deg,#263553 0%,#28304d 43%,#29203e 100%)!important;
 border:1px solid #6e86b2!important;border-radius:20px;
 box-shadow:inset 0 1px rgba(220,235,255,.13),0 12px 26px rgba(12,16,36,.15)!important;
}
.p2-page .p2-panel.p2-level::before{
 content:"";position:absolute;right:-55px;top:-75px;width:210px;height:210px;
 background:radial-gradient(circle,rgba(142,182,245,.12),transparent 70%);pointer-events:none;z-index:-1;
}
.p2-page .p2-level .p2-heading h2{color:#f6f8ff!important;text-shadow:none!important}
.p2-page .p2-level .p2-heading>span{color:#d1e5ff!important;background:rgba(105,151,207,.14);border:1px solid #6682a3;border-radius:30px;padding:5px 10px;font-size:12px}
.p2-page .p2-level .p2-xp>strong{color:#c5ddff!important;text-shadow:0 0 16px rgba(123,177,245,.25)}
.p2-page .p2-level .p2-xp small{color:#d1d8ec!important}
.p2-page .p2-level .p2-progress{height:13px!important;background:#17243b!important;border:1px solid #5f7b9e!important}
.p2-page .p2-level .p2-progress i{background:linear-gradient(90deg,#7d9fdb,#a3c8fa,#d5bcf6)!important;box-shadow:0 0 12px #a3c8fa66!important}
.p2-page .p2-level .p2-next{background:rgba(15,27,49,.52)!important;border:1px solid rgba(121,155,200,.28)!important;border-radius:13px}
.p2-page .p2-level .p2-next>span{color:#f4f7ff!important}
.p2-page .p2-level .p2-next small{color:#bfcce2!important}
.p2-page .p2-level .p2-unclaimed strong{color:#e5edff!important}
.p2-page .p2-level .p2-unclaimed button{
 background:linear-gradient(145deg,#34547e,#293e62)!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;border:1px solid #91b5e7!important;border-radius:12px!important;
 box-shadow:inset 0 1px #ffffff1f,0 3px 12px #09142638!important;
 transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.p2-page .p2-level .p2-unclaimed button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 4px 18px #6b9de844!important}
.p2-page .p2-level .p2-unclaimed button:focus-visible{outline:2px solid #e4f0ff;outline-offset:3px}
@media(max-width:420px){.p2-page .p2-level .p2-unclaimed{flex-wrap:wrap}.p2-page .p2-level .p2-unclaimed button{width:100%}}
@media(prefers-reduced-motion:reduce){.p2-page .p2-level .p2-unclaimed button{transition:none!important}}


/* ==== [60] kpc-profile-wall-v24.css?v=24 ==== */
/* KpopCollector v24 — restrained midnight teal profile wall. */
.extra-page .p2-panel.p10-wall {
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 90% 0%,rgba(83,174,177,.17),transparent 55%),linear-gradient(145deg,#203c47 0%,#263443 50%,#28283f 100%)!important;
 border:1px solid #668b98!important;border-radius:20px!important;
 box-shadow:inset 0 1px rgba(217,252,255,.10),0 10px 26px rgba(8,17,26,.18)!important;
}
.extra-page .p10-wall .p2-heading h2 {color:#f3fcff!important;text-shadow:none!important}
.extra-page .p10-wall .p10-wall-counter {color:#c4e7e8!important;background:rgba(83,157,164,.13);border:1px solid rgba(131,196,198,.32);border-radius:999px;padding:5px 9px}
.extra-page .p10-wall .p10-wall-hint {color:#d1e1e7!important}
.extra-page .p10-wall button.p10-wall-create {
 background:linear-gradient(115deg,#315f70,#315266)!important;background-color:#315566!important;
 color:#f9ffff!important;-webkit-text-fill-color:#f9ffff!important;
 border:1px solid #82b9c1!important;border-radius:12px!important;
 box-shadow:inset 0 1px #ffffff1c,0 4px 14px #071e2c3d!important;
 text-shadow:none!important;min-height:45px;transition:filter .2s,transform .2s,box-shadow .2s!important;
}
.extra-page .p10-wall button.p10-wall-create:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 5px 18px #7ecbd036!important}
.extra-page .p10-wall button.p10-wall-create:focus-visible{outline:2px solid #c8f9ff;outline-offset:3px}
.extra-page .p10-wall .p10-wall-empty{background:rgba(10,33,45,.20);border:1px dashed rgba(139,193,200,.25);border-radius:14px;color:#d8eef0!important}
.extra-page .p10-wall .p10-wall-empty>span{color:#99d9e3!important}
.extra-page .p10-wall .p10-wall-empty small{color:#bdd6db!important}
.extra-page .p10-wall .p10-wall-post{background:rgba(13,34,47,.57)!important;border:1px solid #527985!important}
.extra-page .p10-wall .p10-wall-author time{color:#bfd3d9!important}
@media(prefers-reduced-motion:reduce){.extra-page .p10-wall button.p10-wall-create{transition:none!important}}


/* ==== [61] kpc-action-buttons-v25.css?v=25 ==== */
/* KpopCollector v25 — action-only button accents, loaded after v19–v24. */
:root{--kpc-action-green-a:#246a5c;--kpc-action-green-b:#184a47;--kpc-action-green-line:#64c9ad;--kpc-action-blue-a:#465baf;--kpc-action-blue-b:#303e83;--kpc-action-blue-line:#a0b3ff;--kpc-action-cyan-a:#206d7b;--kpc-action-cyan-b:#164958;--kpc-action-cyan-line:#75cbdc}
/* Claimable rewards: album milestones, daily check-in, collector level and Kiki exclusive */
button[data-v7-milestone]:not(:disabled),button[data-pass-claim]:not(:disabled),button[data-p2-claim-level]:not(:disabled),button[data-v7-claim]:not(:disabled),.kpc-v7-reward button:not(:disabled),.kpc-v11-progress .kpc-v7-milestone button:not(:disabled){
 background:linear-gradient(135deg,var(--kpc-action-green-a),var(--kpc-action-green-b))!important;
 border:1px solid var(--kpc-action-green-line)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px #ffffff24,0 4px 13px #0b3e3255!important;
 border-radius:12px!important;font-weight:750!important;text-shadow:0 1px 1px #102b28!important;
}
/* Upgrade actions */
button[data-v7-upgrade]:not(:disabled),.kpc-v7-upgrades button[data-v7-upgrade]:not(:disabled),button[data-kpc-confirm]:not(:disabled){
 background:linear-gradient(135deg,var(--kpc-action-blue-a),var(--kpc-action-blue-b))!important;
 border:1px solid var(--kpc-action-blue-line)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px #ffffff25,0 4px 12px #20296055!important;
 border-radius:11px!important;font-weight:750!important;text-shadow:0 1px 1px #20244e!important;
}
/* Free daily spin */
#lucky-wheel-spin:not(:disabled){
 background:linear-gradient(135deg,var(--kpc-action-cyan-a),var(--kpc-action-cyan-b))!important;
 border:1px solid var(--kpc-action-cyan-line)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px #ffffff22,0 4px 13px #073c4b55!important;
 border-radius:12px!important;font-weight:750!important;
}
/* Keep locked, used, spinning and unavailable controls clearly inactive. */
button[data-v7-milestone]:disabled,button[data-pass-claim]:disabled,button[data-v7-upgrade]:disabled,#lucky-wheel-spin:disabled{
 background:#30243d!important;color:#c1b4cf!important;-webkit-text-fill-color:#c1b4cf!important;
 border:1px solid #645171!important;box-shadow:none!important;text-shadow:none!important;cursor:not-allowed!important;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 button[data-v7-milestone]:not(:disabled),button[data-pass-claim]:not(:disabled),button[data-p2-claim-level]:not(:disabled),button[data-v7-upgrade]:not(:disabled),button[data-v7-claim]:not(:disabled),#lucky-wheel-spin:not(:disabled),button[data-kpc-confirm]:not(:disabled),.kpc-v7-reward button:not(:disabled){transition:filter .18s ease,transform .18s ease,box-shadow .18s ease!important}
 button[data-v7-milestone]:not(:disabled):hover,button[data-pass-claim]:not(:disabled):hover,button[data-p2-claim-level]:not(:disabled):hover,button[data-v7-upgrade]:not(:disabled):hover,button[data-v7-claim]:not(:disabled):hover,#lucky-wheel-spin:not(:disabled):hover,button[data-kpc-confirm]:not(:disabled):hover,.kpc-v7-reward button:not(:disabled):hover{filter:brightness(1.15)!important;transform:translateY(-2px)}
}
button[data-v7-milestone]:focus-visible,button[data-pass-claim]:focus-visible,button[data-p2-claim-level]:focus-visible,button[data-v7-upgrade]:focus-visible,#lucky-wheel-spin:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}


/* ==== [62] kpc-milestone-claim-v26.css?v=26 ==== */
/* v26 — high-contrast claimable album milestones. Scoped to progress rewards only. */
.kpc-v7-progress.kpc-v11-progress .kpc-v7-milestones .kpc-v7-milestone.is-ready > button[data-v7-milestone]:not(:disabled){
  background:#196c5b!important;background-image:linear-gradient(135deg,#257c65 0%,#165748 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #85e4bc!important;border-radius:10px!important;
  font-size:12px!important;font-weight:800!important;line-height:1.25!important;
  text-shadow:0 1px 2px #103d32!important;
  box-shadow:inset 0 1px 0 #ffffff35,0 3px 12px #0b493a70!important;
  opacity:1!important;cursor:pointer!important;min-height:40px!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.kpc-v7-progress.kpc-v11-progress .kpc-v7-milestones .kpc-v7-milestone.is-ready{
  border-color:#74c9a6!important;
  background:linear-gradient(150deg,#3b3557,#283e46)!important;
  box-shadow:inset 0 1px #c0ffdf12,0 0 0 1px #3c846b38!important;
}
.kpc-v7-progress.kpc-v11-progress .kpc-v7-milestones .kpc-v7-milestone.is-ready .kpc-v11-milestone-top strong{color:#c5ffe1!important}
.kpc-v7-progress.kpc-v11-progress .kpc-v7-milestones .kpc-v7-milestone button[data-v7-milestone]:disabled{
  background:#342840!important;background-image:none!important;border-color:#715982!important;
  color:#c4b3d0!important;-webkit-text-fill-color:#c4b3d0!important;
  box-shadow:none!important;text-shadow:none!important;opacity:.85!important;cursor:default!important;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .kpc-v7-progress.kpc-v11-progress .kpc-v7-milestones .kpc-v7-milestone.is-ready > button[data-v7-milestone]:not(:disabled):hover{
  transform:translateY(-2px)!important;filter:brightness(1.13)!important;box-shadow:0 5px 17px #1e947855!important;
 }
}
.kpc-v7-progress.kpc-v11-progress button[data-v7-milestone]:focus-visible{outline:2px solid #e3fff0!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){.kpc-v7-progress.kpc-v11-progress button[data-v7-milestone]{transition:none!important}}


/* ==== [63] kpc-upgrade-buttons-v27.css?v=27 ==== */
/* KpopCollector v27 — make available card upgrades unmistakable. */
/* The attribute is generated by the existing upgrade logic; disabled is authoritative. */
html body .kpc-v7-upgrades .kpc-v7-upgrade-grid .kpc-v7-upgrade button[data-v7-upgrade]:not(:disabled),
html body button[data-v7-upgrade]:not(:disabled){
  appearance:none!important;
  background:#375a94!important;
  background-image:linear-gradient(135deg,#456eaf 0%,#34538f 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #9dbff5!important;border-radius:10px!important;
  box-shadow:inset 0 1px 0 #ffffff30,0 3px 10px #0e163b55!important;
  text-shadow:0 1px 2px #192e55!important;
  font-weight:750!important;font-size:12px!important;line-height:1.25!important;
  min-height:34px!important;padding:7px 12px!important;
  cursor:pointer!important;opacity:1!important;
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
html body button[data-v7-upgrade]:not(:disabled):hover{
  filter:brightness(1.15)!important;transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 #ffffff40,0 5px 16px #4e7ec34d!important;
}
html body button[data-v7-upgrade]:not(:disabled):focus-visible{outline:2px solid #e3efff!important;outline-offset:3px!important}
html body button[data-v7-upgrade]:disabled{
  background:#30263d!important;background-image:none!important;
  color:#a99bb8!important;-webkit-text-fill-color:#a99bb8!important;
  border:1px solid #655470!important;box-shadow:none!important;
  opacity:.68!important;cursor:not-allowed!important;transform:none!important;
}
@media(prefers-reduced-motion:reduce){html body button[data-v7-upgrade]{transition:none!important}}


/* ==== [64] kpc-mission-claim-v28.css?v=28 ==== */
/* KpopCollector v28 — task rewards: highlight only actionable claims. */
html body .missions-page .mission-card:has(button[data-mission-claim]:not(:disabled)){
  border-color:#76bdac!important;
  box-shadow:inset 3px 0 0 #5ed5b0,0 4px 18px #103d3429!important;
}
html body .missions-page .mission-card button[data-mission-claim]:not(:disabled){
  appearance:none!important;
  background:#176354!important;
  background-image:linear-gradient(135deg,#237d67 0%,#145b4d 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #8de7c4!important;border-radius:11px!important;
  box-shadow:inset 0 1px 0 #ffffff30,0 3px 12px #10382f77!important;
  text-shadow:0 1px 2px #092d24!important;
  font-weight:800!important;font-size:13px!important;
  min-height:40px!important;padding:9px 16px!important;
  opacity:1!important;cursor:pointer!important;
  transition:filter .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
html body .missions-page .mission-card button[data-mission-claim]:not(:disabled):hover{
  filter:brightness(1.14)!important;transform:translateY(-2px)!important;
  box-shadow:0 5px 18px #35b99055!important;
}
html body .missions-page .mission-card button[data-mission-claim]:not(:disabled):focus-visible{
  outline:2px solid #d5ffed!important;outline-offset:3px!important;
}
html body .missions-page .mission-card button[data-mission-claim]:disabled{
  background:#2a2038!important;background-image:none!important;
  color:#c2b4d1!important;-webkit-text-fill-color:#c2b4d1!important;
  border:1px solid #69527d!important;box-shadow:none!important;
  opacity:.82!important;cursor:default!important;
}
@media(max-width:480px){html body .missions-page .mission-card button[data-mission-claim]:not(:disabled){min-height:42px!important;padding:9px 12px!important}}
@media(prefers-reduced-motion:reduce){html body .missions-page .mission-card button[data-mission-claim]{transition:none!important}}


/* ==== [65] kpc-upgrade-action-v29.css?v=29 ==== */
html body .kpc-v7-upgrades .kpc-v7-upgrade button[data-v7-upgrade]:not(:disabled){background:linear-gradient(135deg,#4c7ed0,#31519a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #b2caff!important;box-shadow:0 2px 12px #3263ba80!important;opacity:1!important;font-weight:800!important;border-radius:10px!important;padding:8px 12px!important;min-height:35px!important;cursor:pointer!important}html body .kpc-v7-upgrades .kpc-v7-upgrade button[data-v7-upgrade]:disabled{background:#30253d!important;color:#b7a8c5!important;-webkit-text-fill-color:#b7a8c5!important;border:1px solid #675374!important;box-shadow:none!important;opacity:.7!important}html body .kpc-v7-upgrades button[data-v7-upgrade]:not(:disabled):hover{filter:brightness(1.15)!important}

/* ==== [66] kpc-mission-action-v30.css?v=30 ==== */
/* v30: force claimable mission buttons visible; scoped to missions only. */
html body #app .missions-page .mission-list .mission-card .mission-right button[data-mission-claim]:not(:disabled){
  background:linear-gradient(135deg,#21836b,#125f51)!important;
  background-color:#176a58!important;
  border:1px solid #a0f2cf!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 0 0 1px #2b9a7b55,0 4px 14px #146b5477,inset 0 1px #ffffff40!important;
  opacity:1!important;filter:none!important;font-weight:800!important;
  text-shadow:0 1px 2px #093b30!important;border-radius:11px!important;
  min-height:38px!important;padding:8px 13px!important;
}
html body #app .missions-page .mission-list .mission-card:has(button[data-mission-claim]:not(:disabled)){
  border-color:#80d5b4!important;box-shadow:inset 3px 0 #42c49a,0 3px 16px #124a3c35!important;
}
html body #app .missions-page .mission-list .mission-card .mission-right button[data-mission-claim]:disabled{
  background:#2b2038!important;background-image:none!important;color:#c4b6d1!important;
  -webkit-text-fill-color:#c4b6d1!important;border:1px solid #735b82!important;
  box-shadow:none!important;opacity:.82!important;
}
html body #app .missions-page button[data-mission-claim]:not(:disabled):hover{filter:brightness(1.15)!important}


/* ==== [67] kpc-kiki-compact-v31.css?v=31 ==== */
/* KpopCollector v31 — compact original reward illustrations + matching tap CTA.
   Scoped to Kiki mini-game; existing images, data-kiki-tap and game logic remain intact. */
.kiki-game .kiki-art-prizes{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(5px,1.4vw,12px)!important;
 width:min(84%,425px)!important;max-width:425px!important;
 margin:13px auto 10px!important;align-items:center!important;
}
.kiki-game .kiki-art-prizes>img{
 display:block!important;width:100%!important;height:auto!important;
 max-height:95px!important;object-fit:contain!important;
 filter:drop-shadow(0 3px 5px #0b061a55)!important;
}
/* Restore the actual action button (not an image) to match app-wide button styling. */
.kiki-game button.kiki-action.kiki-art-action[data-kiki-tap]{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:9px!important;width:min(90%,480px)!important;max-width:480px!important;
 min-height:49px!important;margin:15px auto 11px!important;
 padding:11px 20px!important;line-height:1.3!important;
 border-radius:16px!important;border:1px solid #bf91d9!important;
 background:linear-gradient(180deg,#59366d 0%,#382347 100%)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:inset 0 1px 0 #ffffff24,0 4px 13px #150b2647!important;
 font-size:clamp(15px,2vw,18px)!important;font-weight:800!important;
 text-shadow:0 1px 2px #20112c!important;
 line-height:1.35!important;cursor:pointer!important;
 transition:filter .18s ease,transform .18s ease,border-color .18s ease!important;
}
.kiki-game button.kiki-art-action[data-kiki-tap]>img,
.kiki-game button.kiki-art-action[data-kiki-tap]>span{display:none!important}
.kiki-game button.kiki-art-action[data-kiki-tap]::before{content:'✧';font-size:23px;font-weight:400;color:#efc6ff}
.kiki-game button.kiki-art-action[data-kiki-tap]::after{content:'Тапнуть Кики ♡';color:#fff!important;-webkit-text-fill-color:#fff!important}
html[lang="en"] .kiki-game button.kiki-art-action[data-kiki-tap]::after{content:'Tap Kiki ♡'}
.kiki-game button.kiki-art-action[data-kiki-tap]:hover:not(:disabled){
 filter:brightness(1.14)!important;transform:translateY(-2px)!important;
 border-color:#e6bbf9!important;
}
.kiki-game button.kiki-art-action[data-kiki-tap]:active:not(:disabled){transform:translateY(0) scale(.985)!important}
.kiki-game button.kiki-art-action[data-kiki-tap]:focus-visible{outline:2px solid #f5d5ff!important;outline-offset:3px!important}
@media(max-width:540px){
 .kiki-game .kiki-art-prizes{width:min(92%,365px)!important;gap:5px!important;margin:9px auto!important}
 .kiki-game .kiki-art-prizes>img{max-height:75px!important}
 .kiki-game button.kiki-art-action[data-kiki-tap]{width:94%!important;min-height:46px!important;padding:10px 12px!important}
}
@media(prefers-reduced-motion:reduce){.kiki-game button.kiki-art-action[data-kiki-tap]{transition:none!important}}


/* ==== [68] kpc-title-palette-v32.css?v=32 ==== */
/* v32 — title selection palette. Only unlocked buttons get a colored gradient. */
.p2-page .p9-titles .p9-choice-grid{gap:9px}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]{
 display:flex!important;align-items:center;gap:8px;min-height:43px;min-width:0;
 padding:10px 11px!important;text-align:left!important;line-height:1.25;
 border-radius:12px!important;font-size:12px!important;font-weight:750!important;
 color:#fefaff!important;-webkit-text-fill-color:#fefaff!important;
 transition:filter .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.p2-page .p9-titles .p9-choice-grid .kpc-title-label{min-width:0;overflow-wrap:anywhere}
.p2-page .p9-titles .p9-choice-grid .kpc-title-icon{display:inline-flex;flex:0 0 17px;align-items:center;justify-content:center;font-size:16px;line-height:1;color:inherit!important;-webkit-text-fill-color:currentColor!important}
.p2-page .p9-titles .p9-choice-grid .kpc-title-icon svg{width:16px;height:16px;display:block}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="newbie"]:not(:disabled){background:linear-gradient(130deg,#65308e,#43205d)!important;border:1px solid #bb7cf2!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="collector"]:not(:disabled){background:linear-gradient(130deg,#155c82,#243e81)!important;border:1px solid #65c9f2!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="veteran"]:not(:disabled){background:linear-gradient(130deg,#82502c,#6b344e)!important;border:1px solid #e5b279!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="legend"]:not(:disabled){background:linear-gradient(130deg,#86612d,#56385e)!important;border:1px solid #e6c781!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="master"]:not(:disabled){background:linear-gradient(130deg,#1e6b62,#315478)!important;border:1px solid #74d6c6!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title="mythic"]:not(:disabled){background:linear-gradient(130deg,#92316e,#62236e)!important;border:1px solid #f28ddc!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]:not(:disabled).active{outline:2px solid #f4e3ff!important;outline-offset:2px;box-shadow:0 0 15px #c884ee60,inset 0 1px #ffffff3d!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]:not(:disabled):hover{filter:brightness(1.16)!important;transform:translateY(-1px)}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]:disabled{opacity:1!important;cursor:not-allowed!important;background:#2b2038!important;background-image:none!important;border:1px solid #725783!important;color:#b9a7ca!important;-webkit-text-fill-color:#b9a7ca!important;box-shadow:none!important;filter:none!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]:disabled .kpc-title-icon{color:#c2a4d5!important}
.p2-page .p9-titles .p9-choice-grid button[data-p9-title]:focus-visible{outline:2px solid white!important;outline-offset:3px}
@media(max-width:360px){.p2-page .p9-titles .p9-choice-grid button[data-p9-title]{font-size:11px!important;padding:9px 7px!important;gap:5px}}
@media(prefers-reduced-motion:reduce){.p2-page .p9-titles .p9-choice-grid button[data-p9-title]{transition:none!important}}


/* ==== [69] kpc-lootbox-alignment-v36.css?v=36 ==== */
/* KpopCollector v36 — restore original purchase-button layout, no gameplay changes. */
/* Normal horizontal packs: button at right, independently anchored to card. */
html body .packs > article.pack:not(.special-pack){position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
html body .packs > article.pack:not(.special-pack) > .pack-info{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;min-width:0!important;padding-right:clamp(140px,32%,235px)!important;box-sizing:border-box!important}
html body .packs > article.pack:not(.special-pack) .pack-info > button.buy{
 position:absolute!important;left:auto!important;top:auto!important;right:20px!important;bottom:21px!important;
 width:clamp(128px,25%,195px)!important;max-width:calc(100% - 24px)!important;height:51px!important;
 margin:0!important;align-self:auto!important;translate:none!important;transform:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:3!important;
}
/* Special arcade cases: bottom-centered button within the card, never centered relative to the entire page. */
html body .packs > article.pack.special-pack{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
html body .packs > article.pack.special-pack > .pack-info{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0 0 58px!important}
html body .packs > article.pack.special-pack .pack-info > button.buy{
 position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:0!important;
 width:min(88%,210px)!important;max-width:calc(100% - 16px)!important;min-width:0!important;
 margin:0!important;align-self:auto!important;translate:none!important;transform:translateX(-50%)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:4!important;
}
/* Stable geometry in all interaction states; light changes only. */
html body .packs > article.pack:not(.special-pack) .pack-info > button.buy:is(:hover,:active,:focus-visible){transform:none!important;translate:none!important;left:auto!important;right:20px!important}
html body .packs > article.pack.special-pack .pack-info > button.buy:is(:hover,:active,:focus-visible){transform:translateX(-50%)!important;translate:none!important;left:50%!important;right:auto!important}
html body .packs > article.pack button.buy{transition:filter .18s ease,background-color .18s ease,box-shadow .18s ease!important;white-space:nowrap!important}
html body .packs > article.pack button.buy:hover:not(:disabled){filter:brightness(1.12)}
html body .packs > article.pack button.buy:focus-visible{outline:2px solid #e4c6ff;outline-offset:2px}
@media(max-width:650px){
 html body .packs > article.pack:not(.special-pack) > .pack-info{padding-right:clamp(100px,35%,165px)!important}
 html body .packs > article.pack:not(.special-pack) .pack-info > button.buy{right:11px!important;bottom:15px!important;width:clamp(92px,27%,143px)!important;height:39px!important;font-size:15px!important}
 html body .packs > article.pack:not(.special-pack) .pack-info > button.buy:is(:hover,:active,:focus-visible){right:11px!important}
 html body .packs > article.pack.special-pack .pack-info > button.buy{height:38px!important;font-size:15px!important;width:min(91%,210px)!important}
 html body .packs > article.pack.special-pack > .pack-info{padding-bottom:51px!important}
}
@media(max-width:390px){
 html body .packs > article.pack:not(.special-pack) > .pack-info{padding-right:clamp(92px,34%,130px)!important}
 html body .packs > article.pack:not(.special-pack) .pack-info > button.buy{right:8px!important;bottom:13px!important;width:94px!important;height:36px!important;font-size:14px!important}
 html body .packs > article.pack:not(.special-pack) .pack-info > button.buy:is(:hover,:active,:focus-visible){right:8px!important}
}
@media(prefers-reduced-motion:reduce){html body .packs > article.pack button.buy{transition:none!important}}


/* ==== [70] kpc-upgrade-modal-position-v37.css?v=37 ==== */
/* KpopCollector v37 — scoped positioning fix for card upgrade popup */
html body .kpc-upgrade-overlay .kpc-upgrade-dialog{
  position:relative!important;
  box-sizing:border-box!important;
  padding-top:32px!important;
}
html body .kpc-upgrade-overlay .kpc-upgrade-dialog .kpc-upgrade-x{
  position:absolute!important;
  top:14px!important;right:14px!important;
  left:auto!important;bottom:auto!important;
  inset:auto 14px auto auto!important;
  transform:none!important;translate:none!important;
  margin:0!important;padding:0!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #9465af!important;border-radius:10px!important;
  background:#443052!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:25px!important;line-height:1!important;
  box-shadow:none!important;z-index:5!important;
}
html body .kpc-upgrade-overlay .kpc-upgrade-dialog .kpc-upgrade-x:hover{
  background:#5b3970!important;transform:none!important;translate:none!important;
}
html body .kpc-upgrade-overlay .kpc-upgrade-dialog .kpc-upgrade-x:focus-visible{
  outline:2px solid #edc8ff!important;outline-offset:2px!important;
}
html body .kpc-upgrade-overlay .kpc-upgrade-dialog .kpc-upgrade-kicker{
  padding-right:48px!important;min-height:20px!important;
  margin:0 0 10px!important;
}
html body .kpc-upgrade-overlay .kpc-upgrade-dialog h2{
  padding-right:40px!important;
}
@media(max-width:380px){
 html body .kpc-upgrade-overlay .kpc-upgrade-dialog{padding-top:30px!important}
 html body .kpc-upgrade-overlay .kpc-upgrade-dialog .kpc-upgrade-x{top:10px!important;right:10px!important;inset:auto 10px auto auto!important}
}


/* ==== [71] kpc-profile-action-v38.css?v=38 ==== */
/* v38 — limited to two profile actions, no global button overrides */
html body button.kpc-v38-frames,html body a.kpc-v38-frames{background:linear-gradient(135deg,#8e367f,#a63c98)!important;background-color:#8e367f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #ec91dd!important;box-shadow:inset 0 1px #ffffff25,0 3px 12px #aa47a944!important;text-shadow:0 1px 2px #422042!important;}
html body button.kpc-v38-cards,html body a.kpc-v38-cards{background:linear-gradient(135deg,#175b87,#176d9d)!important;background-color:#175b87!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #71c5ed!important;box-shadow:inset 0 1px #ffffff25,0 3px 12px #198ac044!important;text-shadow:0 1px 2px #11364d!important;}
html body .kpc-v38-frames,html body .kpc-v38-cards{border-radius:12px!important;font-weight:750!important;transition:filter .18s ease,box-shadow .18s ease!important;transform:none!important;translate:none!important;max-width:100%;box-sizing:border-box;}
html body .kpc-v38-frames:hover,html body .kpc-v38-cards:hover{filter:brightness(1.12)!important;transform:none!important;translate:none!important;}
html body .kpc-v38-frames:focus-visible,html body .kpc-v38-cards:focus-visible{outline:2px solid #fff;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){html body .kpc-v38-frames,html body .kpc-v38-cards{transition:none!important}}


/* ==== [72] kpc-profile-buttons-fix-v39.css?v=39 ==== */
/* v39: Target stable action attributes, not translated button labels.
   Scoped to extended profile, no impact on other actions. */
html body .p2-page button[data-p8-gallery],
html body button[data-p8-gallery] {
 background:linear-gradient(135deg,#923e88,#ad489b)!important;
 background-color:#923e88!important;
 background-image:linear-gradient(135deg,#923e88,#ad489b)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #f0a6e4!important;
 box-shadow:inset 0 1px #ffffff36,0 3px 13px #ae4ea852!important;
 text-shadow:0 1px 2px #422042!important;
 border-radius:12px!important;font-weight:750!important;
 transform:none!important;translate:none!important;
}
html body .p2-page button[data-p2-pick-cards],
html body button[data-p2-pick-cards] {
 background:linear-gradient(135deg,#175d89,#187ba4)!important;
 background-color:#175d89!important;
 background-image:linear-gradient(135deg,#175d89,#187ba4)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #81d5f3!important;
 box-shadow:inset 0 1px #ffffff36,0 3px 13px #218dc052!important;
 text-shadow:0 1px 2px #12364e!important;
 border-radius:12px!important;font-weight:750!important;
 transform:none!important;translate:none!important;
}
html body button[data-p8-gallery]:hover,html body button[data-p2-pick-cards]:hover {
 filter:brightness(1.12)!important;transform:none!important;translate:none!important;
}
html body button[data-p8-gallery]:focus-visible,html body button[data-p2-pick-cards]:focus-visible {
 outline:2px solid #fff!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
 html body button[data-p8-gallery],html body button[data-p2-pick-cards]{transition:none!important}
}


/* ==== [73] kpc-max-badge-readability-v41.css?v=41 ==== */
/* v41 — readable MAX badge in the card upgrade panel only. */
html body .kpc-v7-upgrade.kpc-max-level::after {
  content:"✦ MAX" !important;
  position:absolute !important;
  top:7px !important;
  right:7px !important;
  left:auto !important;
  width:auto !important;
  min-width:52px !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:5px 9px !important;
  border-radius:9px !important;
  border:1px solid #f4c66b !important;
  background:#392346 !important;
  background-image:linear-gradient(135deg,#563153,#2b203c) !important;
  color:#ffe9a7 !important;
  -webkit-text-fill-color:#ffe9a7 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  line-height:1.25 !important;
  text-align:center !important;
  text-shadow:0 1px 2px #160b24 !important;
  box-shadow:0 2px 8px #160b2480 !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:none !important;
  z-index:5 !important;
}
@media(max-width:420px){
 html body .kpc-v7-upgrade.kpc-max-level::after{
   font-size:11px !important;
   padding:4px 7px !important;
   min-width:48px !important;
 }
}


/* ==== [74] kpc-bingo-claim-v42.css?v=42 ==== */
/* KpopCollector v42 — bingo claimable rewards. Strictly scoped to bingo reward controls. */
html body .kpc-bingo .kpc-bingo-lines button[data-bingo-line]:not(:disabled),
html body .kpc-bingo .kpc-bingo-grand button[data-bingo-full]:not(:disabled){
 background:#176b55!important;
 background-image:linear-gradient(135deg,#23846c,#145946)!important;
 border:1px solid #86e4bc!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 text-shadow:0 1px 2px #103d32!important;
 box-shadow:inset 0 1px 0 #ffffff24,0 3px 12px #12755c55!important;
 opacity:1!important;filter:none!important;
 font-weight:800!important;
 cursor:pointer!important;
 transform:none!important;translate:none!important;
 transition:filter .16s ease,box-shadow .16s ease!important;
}
html body .kpc-bingo .kpc-bingo-lines button[data-bingo-line]:not(:disabled):hover,
html body .kpc-bingo .kpc-bingo-grand button[data-bingo-full]:not(:disabled):hover{
 filter:brightness(1.13)!important;
 box-shadow:0 0 0 1px #8fe8c7,0 4px 17px #28a47c70!important;
 transform:none!important;translate:none!important;
}
html body .kpc-bingo .kpc-bingo-lines button[data-bingo-line]:disabled,
html body .kpc-bingo .kpc-bingo-grand button[data-bingo-full]:disabled{
 background:#2c2038!important;background-image:none!important;
 border:1px solid #76578a!important;
 color:#c5b5d0!important;-webkit-text-fill-color:#c5b5d0!important;
 box-shadow:none!important;opacity:.75!important;
 transform:none!important;translate:none!important;
 cursor:default!important;
}
html body .kpc-bingo .kpc-bingo-lines button[data-bingo-line]:focus-visible,
html body .kpc-bingo .kpc-bingo-grand button[data-bingo-full]:focus-visible{
 outline:2px solid #c3ffde!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
 html body .kpc-bingo .kpc-bingo-lines button[data-bingo-line],
 html body .kpc-bingo .kpc-bingo-grand button[data-bingo-full]{transition:none!important}
}


/* ==== [75] bingo.css?v=43 ==== */
.kpc-bingo{margin:22px 0;padding:20px;border:1px solid #a475d5;border-radius:23px;background:linear-gradient(145deg,#322144,#20172f);box-shadow:0 14px 35px #0d071b55;color:#f8efff}.kpc-bingo-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.kpc-bingo-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#e9a3ff}.kpc-bingo h2{margin:6px 0;font-size:24px}.kpc-bingo p{font-size:12px;color:#d4c2e5;margin:5px 0}.kpc-bingo button{border-radius:12px;background:#7645a6;color:white;border:1px solid #b887df;padding:10px 14px;font-weight:800;cursor:pointer}.kpc-bingo button:disabled{opacity:.52;cursor:default}.kpc-bingo-head button span{margin-left:7px;font-size:12px}.kpc-bingo-progress{height:7px;background:#1b122a;border-radius:9px;margin:15px 0;overflow:hidden}.kpc-bingo-progress span{display:block;height:100%;background:linear-gradient(90deg,#ae68f1,#ff8ecf);border-radius:9px;transition:width .35s}.kpc-bingo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.kpc-bingo-cell{min-width:0;min-height:87px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:linear-gradient(145deg,#46305d,#291b40);border:1px solid #77528f;border-radius:10px;overflow-wrap:anywhere}.kpc-bingo-cell>span{font-size:19px;color:#bd8dea}.kpc-bingo-cell strong{font-size:10px;line-height:1.3;font-weight:750}.kpc-bingo-cell small{font-size:9px;color:#c7b2d7}.kpc-bingo-cell.done{background:linear-gradient(135deg,#7344a4,#633269);border-color:#f4a2fa;box-shadow:inset 0 0 16px #e98cfd22}.kpc-bingo-cell.done>span{color:#fff}.kpc-bingo-cell.center{background:linear-gradient(135deg,#c75cb0,#8e4eb7);border-color:#ffd0f6}.kpc-bingo-prizes h3{margin:20px 0 10px}.kpc-bingo-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpc-bingo-lines button{display:flex;justify-content:space-between;gap:8px;font-size:11px;text-align:left}.kpc-bingo-grand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;margin-top:12px;border:1px solid #d3a0ee;border-radius:14px;background:#4a2d62}.kpc-bingo-grand strong{font-size:13px}.kpc-bingo-foot{margin-top:12px!important}.kpc-bingo-admin{padding:18px}.kpc-bingo-admin form{display:grid;gap:14px}.kpc-bingo-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpc-bingo-admin label{display:block;font-size:13px}.kpc-bingo-admin input[type=number]{width:100%;padding:10px;margin-top:5px;border-radius:9px;background:#23182f;color:white;border:1px solid #74518f}.kpc-bingo-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpc-bingo-admin-list label{padding:7px;border:1px solid #65447d;border-radius:8px}.kpc-bingo-admin button{padding:11px;background:#8c4ab3;color:white;border-radius:10px;border:1px solid #c68add}@media(max-width:460px){.kpc-bingo{padding:12px}.kpc-bingo-cell{min-height:76px;padding:5px 2px}.kpc-bingo-cell strong{font-size:9px}.kpc-bingo h2{font-size:20px}.kpc-bingo-lines{grid-template-columns:1fr}.kpc-bingo-admin-list,.kpc-bingo-admin-fields{grid-template-columns:1fr}}

/* Bingo celebration and help dialog */
.kpc-bingo-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.kpc-bingo .kpc-bingo-help{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;background:#30203f;border:1px solid #a57ac6;font-size:22px;line-height:1}.kpc-bingo-info-overlay{position:fixed;inset:0;z-index:100005;background:#090512d9;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px)}.kpc-bingo-info-dialog{position:relative;width:min(100%,480px);max-height:85vh;overflow:auto;background:linear-gradient(155deg,#38204e,#1d142b);border:1px solid #a675ce;border-radius:22px;box-shadow:0 24px 80px #0009;padding:27px;color:#fff}.kpc-bingo-info-dialog h3{font-size:22px;margin:12px 36px 14px 0}.kpc-bingo-info-dialog ol{padding-left:23px;display:grid;gap:12px;font-size:14px;line-height:1.55}.kpc-bingo-info-dialog p{margin:16px 0!important;font-size:12px!important}.kpc-bingo .kpc-bingo-info-close{position:absolute;right:15px;top:15px;border-radius:50%;width:35px;height:35px;padding:0;font-size:24px}.kpc-bingo-celebration{position:fixed;inset:0;z-index:100006;display:grid;place-items:center;pointer-events:none;background:#1609216b;animation:bingo-overlay 3.3s ease both}.kpc-bingo-celebration-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 28px;text-align:center;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,#7c3999,#2b183d 72%);border:2px solid #efabff;box-shadow:0 0 65px #ce6dff77,0 20px 65px #0008;animation:bingo-pop .6s cubic-bezier(.2,1.5,.35,1) both}.kpc-bingo-celebration-content strong{font-size:clamp(42px,12vw,86px);font-weight:1000;letter-spacing:3px;line-height:1.1;background:linear-gradient(180deg,#fff9cc,#ffd073 48%,#ff91df);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 7px 35px #ff91d866}.kpc-bingo-celebration-star{color:#ffe29a;font-size:29px;letter-spacing:12px;animation:bingo-pulse .8s ease-in-out infinite alternate}.kpc-bingo-celebration-sub{font-size:16px;font-weight:800;color:#fff}.kpc-bingo-celebration-reward{font-size:23px;font-weight:900;color:#ffe5a6}.kpc-bingo-burst{position:absolute;left:50%;top:50%;width:0;height:0}.kpc-bingo-burst i{position:absolute;width:9px;height:16px;border-radius:3px;background:hsl(calc(var(--i)*32) 95% 73%);transform:rotate(var(--angle));animation:bingo-confetti 2.5s ease-out both;animation-delay:calc(var(--i)*35ms)}.kpc-bingo-cell.bingo-winning-cell{animation:bingo-tile .48s ease-in-out 3;border-color:#ffe39a;box-shadow:0 0 18px #ffc9f588,inset 0 0 15px #ffdb9c55}@keyframes bingo-overlay{0%{opacity:0}12%,78%{opacity:1}100%{opacity:0}}@keyframes bingo-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1);opacity:1}}@keyframes bingo-confetti{0%{transform:rotate(var(--angle)) translateY(0) scale(.3);opacity:1}100%{transform:rotate(var(--angle)) translateY(-42vh) rotate(270deg);opacity:0}}@keyframes bingo-pulse{from{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}@keyframes bingo-tile{50%{transform:scale(1.06);filter:brightness(1.5)}}@media(prefers-reduced-motion:reduce){.kpc-bingo-celebration,.kpc-bingo-celebration-content,.kpc-bingo-burst i,.kpc-bingo-cell.bingo-winning-cell,.kpc-bingo-celebration-star{animation:none!important}}@media(max-width:460px){.kpc-bingo-head-actions{gap:5px}.kpc-bingo .kpc-bingo-help{width:32px;height:32px}.kpc-bingo-info-dialog{padding:20px}}


/* KpopCollector v43 — exact selectors from bingo.js; active = enabled, claimed/locked = disabled */
html body .kpc-bingo .kpc-bingo-lines > button[data-bingo-line]:not(:disabled),
html body .kpc-bingo .kpc-bingo-grand > button[data-bingo-full]:not(:disabled) {
  background:linear-gradient(135deg,#207a61,#135744)!important;
  background-color:#176b55!important;
  border:1px solid #9ce8c8!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  opacity:1!important;filter:none!important;
  box-shadow:inset 0 1px 0 #ffffff33,0 2px 10px #0e805b50!important;
  text-shadow:0 1px 2px #0c392d!important;
  font-weight:800!important;cursor:pointer!important;
  transform:none!important;translate:none!important;
}
html body .kpc-bingo .kpc-bingo-lines > button[data-bingo-line]:not(:disabled) span {
  color:#fff8d7!important;-webkit-text-fill-color:#fff8d7!important;
}
html body .kpc-bingo .kpc-bingo-lines > button[data-bingo-line]:disabled,
html body .kpc-bingo .kpc-bingo-grand > button[data-bingo-full]:disabled {
  background:#30223d!important;background-image:none!important;
  border:1px solid #705481!important;color:#baaac9!important;
  -webkit-text-fill-color:#baaac9!important;opacity:.73!important;
  box-shadow:none!important;filter:none!important;
}
html body .kpc-bingo .kpc-bingo-lines > button[data-bingo-line]:not(:disabled):hover,
html body .kpc-bingo .kpc-bingo-grand > button[data-bingo-full]:not(:disabled):hover {
  filter:brightness(1.12)!important;
  box-shadow:0 0 0 1px #b5f6d8,0 3px 15px #36b58b60!important;
  transform:none!important;translate:none!important;
}
html body .kpc-bingo .kpc-bingo-lines > button:focus-visible,
html body .kpc-bingo .kpc-bingo-grand > button:focus-visible {
  outline:2px solid #dcffec!important;outline-offset:2px!important;
}


/* ==== [76] kpc-new-album-opening-v1-1.css?v=1102 ==== */
/* KpopCollector 1.1 — isolated opening, concept: page turn, theme: pop-out */
#modal-root .kpc-new-opening{--kpc-glow:#d86dff;max-width:480px;margin:auto;text-align:center;color:#f9efff}
#modal-root .kpc-opening-theme{--kpc-glow:#ffc56e}
#modal-root .kpc-new-heading span{font-size:10px;letter-spacing:.18em;color:var(--kpc-glow);font-weight:800}
#modal-root .kpc-new-heading h2{font-size:clamp(19px,4vw,25px);margin:8px 0}
#modal-root .kpc-new-heading p{font-size:12px;color:#d9c6e5;margin:0}
#modal-root .kpc-new-scene{height:clamp(255px,48vh,345px);position:relative;perspective:950px;isolation:isolate;overflow:hidden;display:grid;place-items:center}
#modal-root .kpc-new-aura{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kpc-glow) 30%,transparent),transparent 70%);filter:blur(12px);opacity:.8}
#modal-root .kpc-new-book{position:relative;width:clamp(150px,42%,215px);height:80%;transform-style:preserve-3d;filter:drop-shadow(0 15px 15px #10071a)}
#modal-root .kpc-new-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:6;transform-origin:14% 50%;backface-visibility:hidden;filter:drop-shadow(0 0 10px var(--kpc-glow))}
#modal-root .kpc-new-book-pages{position:absolute;inset:12% 15%;background:linear-gradient(110deg,#f3e5ff,#8d68b0);border:3px solid #e5c6f5;border-radius:10px;box-shadow:inset 12px 0 13px #4b275d80}
#modal-root .kpc-opening-theme .kpc-new-book-pages{background:linear-gradient(110deg,#fff2d7,#b98a4f);border-color:#ffe1a0}
#modal-root .kpc-new-page{position:absolute;inset:0;border-radius:8px;background:linear-gradient(120deg,#f7e7ff,#b989e4);transform-origin:0 50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#65307d;box-shadow:inset 10px 0 13px #7e459052}
#modal-root .kpc-new-page i{font-size:50px;font-style:normal}#modal-root .kpc-new-page b{font-size:11px;letter-spacing:.1em}
#modal-root .kpc-new-page.page-a{z-index:3}#modal-root .kpc-new-page.page-b{z-index:2}#modal-root .kpc-new-page.page-c{z-index:1}
#modal-root .kpc-new-flying-card{position:absolute;z-index:7;top:23%;left:24%;width:52%;height:56%;border:2px solid #e6b8ff;border-radius:12px;background:linear-gradient(145deg,#67317e,#2b184c);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:translateY(15px) scale(.7);box-shadow:0 0 23px var(--kpc-glow);color:#fff}
#modal-root .kpc-new-card-crown{font-size:60px;line-height:1.2}#modal-root .kpc-new-flying-card small{font-size:8px;letter-spacing:.08em}
#modal-root .kpc-new-glints i{position:absolute;color:var(--kpc-glow);font-size:24px;font-style:normal;text-shadow:0 0 12px var(--kpc-glow);animation:kpc-glint 2s ease-in-out infinite alternate}
#modal-root .kpc-new-glints i:nth-child(1){top:20%;left:15%}#modal-root .kpc-new-glints i:nth-child(2){top:35%;right:15%;animation-delay:.3s}#modal-root .kpc-new-glints i:nth-child(3){bottom:24%;left:19%;animation-delay:.8s}#modal-root .kpc-new-glints i:nth-child(4){bottom:15%;right:18%;animation-delay:1.2s}
#modal-root .kpc-new-start{width:min(100%,300px);min-height:46px;margin:0 auto;display:block}
#modal-root .kpc-new-status{font-size:12px;color:#dec9ee;min-height:20px;margin:10px 0 0}
#modal-root .kpc-opening-concept.is-playing .kpc-new-cover{animation:kpc-cover-turn 1.15s ease-in-out .12s forwards}
#modal-root .kpc-opening-concept.is-playing .page-a{animation:kpc-page-turn .65s ease-in-out .65s forwards}
#modal-root .kpc-opening-concept.is-playing .page-b{animation:kpc-page-turn .65s ease-in-out 1.1s forwards}
#modal-root .kpc-opening-concept.is-playing .kpc-new-flying-card{animation:kpc-card-rise .85s cubic-bezier(.16,.8,.25,1) 1.5s forwards}
#modal-root .kpc-opening-theme.is-playing .kpc-new-book{animation:kpc-book-shake .65s ease-in-out .12s}
#modal-root .kpc-opening-theme.is-playing .kpc-new-cover{animation:kpc-cover-turn 1s ease-in-out .8s forwards}
#modal-root .kpc-opening-theme.is-playing .kpc-new-flying-card{animation:kpc-card-rise .85s cubic-bezier(.16,.8,.25,1) 1.4s forwards}
#modal-root .kpc-new-opening.is-playing .kpc-new-aura{animation:kpc-aura-burst 1.6s ease-out .7s forwards}
@keyframes kpc-cover-turn{to{transform:rotateY(-155deg);opacity:.65}}
@keyframes kpc-page-turn{to{transform:rotateY(-155deg);opacity:.35}}
@keyframes kpc-card-rise{35%{opacity:1}to{opacity:1;transform:translate(25%,-38%) scale(1.28)}}
@keyframes kpc-book-shake{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
@keyframes kpc-aura-burst{to{transform:scale(1.4);opacity:.25}}
@keyframes kpc-glint{to{transform:translateY(-10px);opacity:.4}}
/* Override the existing auto-flip only in our new reveal */
#modal-root .kpc-new-reveal-host .kpc-interactive-card{cursor:pointer;appearance:none;background:transparent;border:0;padding:0;touch-action:manipulation}
#modal-root .kpc-new-reveal-host .kpc-interactive-card .flip-inner{animation:none!important;transform:rotateY(0deg)!important;transition:transform .72s cubic-bezier(.2,.8,.2,1)!important}
#modal-root .kpc-new-reveal-host .kpc-interactive-card.is-flipped .flip-inner{transform:rotateY(180deg)!important}
#modal-root .kpc-new-reveal-host .kpc-interactive-card:focus-visible{outline:3px solid #ffd8ff;outline-offset:5px}
#modal-root .kpc-new-reveal-host:not(.kpc-card-revealed) .kpc-reveal-info{opacity:0!important;visibility:hidden!important}
#modal-root .kpc-new-reveal-host.kpc-card-revealed .kpc-reveal-info{opacity:1!important;visibility:visible!important;animation:kpc-info-enter .4s ease both}
@keyframes kpc-info-enter{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:450px){#modal-root .kpc-new-scene{height:280px}#modal-root .kpc-new-book{width:175px}#modal-root .kpc-new-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#modal-root .kpc-new-glints i{animation:none}#modal-root .kpc-new-opening.is-playing .kpc-new-cover,#modal-root .kpc-new-opening.is-playing .kpc-new-page,#modal-root .kpc-new-opening.is-playing .kpc-new-flying-card{animation-duration:.01ms;animation-delay:0ms;animation-fill-mode:forwards}}

/* v1.1c: enlarge and center the animated album, keeping its pages aligned */
#modal-root .kpc-new-opening .kpc-new-scene{
  height:clamp(315px,48vh,400px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:8px 12px!important;box-sizing:border-box!important;
}
#modal-root .kpc-new-opening .kpc-new-book{
  flex:none!important;width:clamp(235px,62vw,310px)!important;
  max-width:84%!important;height:88%!important;
  margin:0 auto!important;transform-origin:center center!important;
}
#modal-root .kpc-new-opening .kpc-new-cover{
  object-position:center center!important;
  transform-origin:15% 50%!important;
}
#modal-root .kpc-new-opening .kpc-new-book-pages{
  inset:12% 17%!important;
}
@media(max-width:480px){
  #modal-root .kpc-new-opening .kpc-new-scene{height:clamp(275px,42vh,330px)!important}
  #modal-root .kpc-new-opening .kpc-new-book{width:clamp(215px,68vw,270px)!important;height:88%!important}
}
@media(max-width:350px){
  #modal-root .kpc-new-opening .kpc-new-scene{height:265px!important}
  #modal-root .kpc-new-opening .kpc-new-book{width:210px!important;max-width:85%!important}
}


/* ==== [77] kpc-profile-icons-v1-1d.css?v=11d ==== */

/* v1.1d — unified profile section icons; scoped only to profile headings */
.p2-panel .p2-heading h2.kpc-profile-icon-heading {
 display:flex;align-items:center;gap:9px;min-width:0;
}
.p2-panel .p2-heading .kpc-profile-heading-icon {
 display:inline-flex;align-items:center;justify-content:center;
 width:27px;height:27px;min-width:27px;border-radius:9px;
 background:linear-gradient(145deg,#523065,#332445);
 border:1px solid #9c6ab4;
 color:#efb6ff;
 box-shadow:inset 0 1px 0 #ffffff18,0 0 9px #d375ef16;
 flex-shrink:0;
}
.p2-panel .p2-heading .kpc-profile-heading-icon svg {
 display:block;width:17px;height:17px;overflow:visible;
 filter:drop-shadow(0 0 2px #cf79ed55);
}
@media(max-width:420px) {
 .p2-panel .p2-heading h2.kpc-profile-icon-heading{gap:7px}
 .p2-panel .p2-heading .kpc-profile-heading-icon{width:25px;height:25px;min-width:25px}
}


/* ==== [78] kpc-profile-stats-v1f.css?v=1f ==== */

/* KpopCollector v1.1f — profile counters, restrained violet / slate / plum */
.p2-stats.kpc-profile-stats-v1f {
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:10px;margin:14px 0 16px;
}
.p2-stats.kpc-profile-stats-v1f>div {
 position:relative;isolation:isolate;overflow:hidden;
 min-width:0;min-height:128px;
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 gap:5px;padding:14px 6px 13px;
 border-radius:17px;
 background:linear-gradient(150deg,#392947 0%,#30253e 66%,#382744 100%);
 border:1px solid #80638d;
 box-shadow:inset 0 1px 0 #ffffff14,0 6px 18px #11091d20;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(2),
.p2-stats.kpc-profile-stats-v1f>div:nth-child(4){
 background:linear-gradient(150deg,#333654 0%,#2b304c 68%,#353150 100%);
 border-color:#7777a5;
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(3){
 background:linear-gradient(150deg,#47304f 0%,#37263f 100%);
 border-color:#916a99;
}
.p2-stats.kpc-profile-stats-v1f>div::after{
 content:"";position:absolute;left:12%;right:12%;bottom:-22px;height:40px;
 border-radius:50%;background:#b987c72b;filter:blur(18px);pointer-events:none;z-index:-1;
}
.p2-stats.kpc-profile-stats-v1f .p2-stat-neon-icon{
 display:block!important;width:48px!important;height:48px!important;
 max-width:48px!important;max-height:48px!important;
 object-fit:contain;margin:0 auto 1px!important;filter:none!important;
}
.p2-stats.kpc-profile-stats-v1f strong{
 font-size:clamp(19px,2vw,25px);line-height:1.1;
 color:#fff4ff;font-weight:800;font-variant-numeric:tabular-nums;
 text-shadow:none;
}
.p2-stats.kpc-profile-stats-v1f small{
 font-size:11px;line-height:1.3;color:#e8d7ef;font-weight:500;
 text-align:center;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .p2-stats.kpc-profile-stats-v1f>div:hover{
  transform:translateY(-2px);border-color:#c49bd2;
  box-shadow:inset 0 1px 0 #ffffff20,0 9px 22px #120a2080;
 }
}
@media(max-width:700px){
 .p2-stats.kpc-profile-stats-v1f{gap:7px}
 .p2-stats.kpc-profile-stats-v1f>div{min-height:108px;padding:10px 3px;border-radius:13px}
 .p2-stats.kpc-profile-stats-v1f .p2-stat-neon-icon{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
 .p2-stats.kpc-profile-stats-v1f strong{font-size:19px}
 .p2-stats.kpc-profile-stats-v1f small{font-size:10px;overflow-wrap:anywhere}
}
@media(max-width:390px){
 .p2-stats.kpc-profile-stats-v1f{grid-template-columns:repeat(3,minmax(0,1fr))}
 .p2-stats.kpc-profile-stats-v1f>div{min-height:102px}
}


/* v1.1h — layered illustrated clouds, clipped inside cards */
.p2-stats.kpc-profile-stats-v1f>div{
 --kpc-cloud-art:url("assets/kpc-cloud-pink.svg");
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(2),
.p2-stats.kpc-profile-stats-v1f>div:nth-child(4){
 --kpc-cloud-art:url("assets/kpc-cloud-blue.svg");
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(3){
 --kpc-cloud-art:url("assets/kpc-cloud-rose.svg");
}
.p2-stats.kpc-profile-stats-v1f>div::after{
 content:"";position:absolute;inset:auto 0 0;left:0;right:0;bottom:0;
 width:100%;height:44%;border-radius:0;
 background-image:var(--kpc-cloud-art);
 background-size:100% 100%;background-repeat:no-repeat;background-position:bottom center;
 opacity:.82;filter:none;pointer-events:none;z-index:0;
}
.p2-stats.kpc-profile-stats-v1f>div>*{position:relative;z-index:1}
@media(max-width:700px){
 .p2-stats.kpc-profile-stats-v1f>div::after{height:43%;opacity:.77}
}


/* ==== [79] kpc-profile-particles-v1k.css?v=1k ==== */
/* KpopCollector v1.1k — CSS-only quiet sparkles; no background image or cloud assets. */
.p2-stats.kpc-profile-stats-v1f {
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:10px!important;margin:14px 0 16px!important;align-items:stretch!important;
}
.p2-stats.kpc-profile-stats-v1f>div {
 --glow:#d69ae7;
 box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
 overflow:hidden!important;min-width:0!important;min-height:130px!important;
 border-radius:17px!important;border:1px solid #825b99!important;
 padding:13px 5px 12px!important;gap:5px!important;
 background-image:radial-gradient(ellipse at 50% 110%,#8e4eae35 0%,transparent 70%),linear-gradient(155deg,#3b294c,#2a203a 85%)!important;
 background-color:#30213e!important;background-size:cover!important;
 box-shadow:inset 0 1px #ffffff18,0 4px 14px #130a1c45!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(2),
.p2-stats.kpc-profile-stats-v1f>div:nth-child(4) {
 --glow:#a7b9ff;border-color:#777eb2!important;
 background-image:radial-gradient(ellipse at 50% 110%,#7792d435 0%,transparent 70%),linear-gradient(155deg,#303c5a,#242943 85%)!important;
}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(3){--glow:#f3a2d5;border-color:#a875a1!important;background-image:radial-gradient(ellipse at 50% 110%,#d875ad30 0%,transparent 70%),linear-gradient(155deg,#48304f,#33243d 85%)!important}
.p2-stats.kpc-profile-stats-v1f>div::before,
.p2-stats.kpc-profile-stats-v1f>div::after {
 content:""!important;display:block!important;position:absolute!important;
 width:3px!important;height:3px!important;border:0!important;border-radius:50%!important;
 background:var(--glow)!important;opacity:.75!important;pointer-events:none!important;
 inset:auto!important;filter:none!important;z-index:0!important;
 box-shadow:0 0 5px 1px var(--glow), 31px 22px 0 -0.5px var(--glow),-35px 34px 0 -0.5px var(--glow),42px -24px 0 -1px var(--glow),-40px -23px 0 -1px var(--glow)!important;
}
.p2-stats.kpc-profile-stats-v1f>div::before{top:24%!important;left:25%!important;animation:kpcStatDrift 5.5s ease-in-out infinite alternate!important}
.p2-stats.kpc-profile-stats-v1f>div::after{top:69%!important;left:70%!important;opacity:.45!important;animation:kpcStatDrift 7s ease-in-out -2s infinite alternate-reverse!important}
.p2-stats.kpc-profile-stats-v1f>div:nth-child(2n)::before{animation-delay:-2s!important}
.p2-stats.kpc-profile-stats-v1f>div>*{position:relative!important;z-index:2!important}
.p2-stats.kpc-profile-stats-v1f .p2-stat-neon-icon{display:block!important;width:37px!important;height:37px!important;max-width:37px!important;max-height:37px!important;object-fit:contain!important;filter:drop-shadow(0 0 4px #dcb6ff55)!important;margin:0 auto 2px!important}
.p2-stats.kpc-profile-stats-v1f strong{font-size:clamp(19px,2vw,25px)!important;line-height:1.12!important;color:#fff!important;text-shadow:0 1px 2px #150e24!important;font-weight:800!important}
.p2-stats.kpc-profile-stats-v1f small{font-size:11px!important;line-height:1.25!important;color:#f0e4f7!important;text-shadow:none!important;text-align:center!important;overflow-wrap:anywhere!important}
@keyframes kpcStatDrift {from{transform:translate3d(-4px,5px,0);opacity:.35}to{transform:translate3d(5px,-7px,0);opacity:.85}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.p2-stats.kpc-profile-stats-v1f>div:hover{transform:translateY(-2px)!important;border-color:var(--glow)!important;box-shadow:inset 0 1px #ffffff25,0 7px 18px #10091c70!important}}
@media(max-width:700px){.p2-stats.kpc-profile-stats-v1f{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.p2-stats.kpc-profile-stats-v1f>div{min-height:120px!important;padding:11px 5px!important}}
@media(max-width:430px){.p2-stats.kpc-profile-stats-v1f{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p2-stats.kpc-profile-stats-v1f>div{min-height:118px!important}}
@media(max-width:300px){.p2-stats.kpc-profile-stats-v1f{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.p2-stats.kpc-profile-stats-v1f>div::before,.p2-stats.kpc-profile-stats-v1f>div::after{animation:none!important}.p2-stats.kpc-profile-stats-v1f>div{transition:none!important}}


/* ==== [80] kpc-collection-banner-hover-v1l.css?v=1n ==== */
/* v1.1n: real selector for collection banner navigation: tabs() renders .pill-tabs. */
.extra-page .collection-hero .pill-tabs button {
  transform: none !important;
  translate: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.extra-page .collection-hero .pill-tabs button:hover:not(:disabled),
.extra-page .collection-hero .pill-tabs button:active,
.extra-page .collection-hero .pill-tabs button:focus-visible {
  transform: none !important;
  translate: none !important;
}
@media (hover:hover) and (pointer:fine) {
 .extra-page .collection-hero .pill-tabs button:hover:not(:disabled) {
   border-color: #d9a6ee !important;
   box-shadow: inset 0 1px 0 #ffffff26, 0 0 9px #ad6bd63b !important;
 }
}


/* ==== [81] <style id=kpc-card-pagination-v1o> (head) ==== */

.kpc-card-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px auto 12px;padding:12px 14px;max-width:430px;border:1px solid #79558e;border-radius:17px;background:linear-gradient(135deg,#382748,#2a2039);color:#f9eaff}
.kpc-card-pagination button{display:grid;place-items:center;flex:0 0 45px;width:45px;height:43px;border-radius:12px;border:1px solid #ab7cbb;background:#573669;color:#fff;font-size:30px;line-height:1;cursor:pointer;transform:none!important}
.kpc-card-pagination button:not(:disabled):hover{background:#75508b;border-color:#d8a4ec;box-shadow:0 0 12px #b47bc944;transform:none!important}
.kpc-card-pagination button:disabled{opacity:.35;cursor:not-allowed}
.kpc-page-count{text-align:center;font-size:13px;min-width:120px}
.kpc-page-count strong{color:#f2baff}
.kpc-page-count small{display:block;margin-top:4px;color:#d7bfdc;font-size:11px}
@media(max-width:380px){.kpc-card-pagination{gap:8px;padding:10px}.kpc-card-pagination button{width:39px;height:39px;flex-basis:39px}}


/* ==== [82] coin-icon-fix.css ==== */
.kpc-coin-icon{display:inline-block!important;width:1.12em!important;height:1.12em!important;object-fit:contain!important;vertical-align:-.17em!important;flex:none!important;max-width:none!important;filter:drop-shadow(0 0 2px rgba(255,187,50,.3))}.wallet .kpc-coin-icon{width:22px!important;height:22px!important;vertical-align:middle!important}.wallet .symbol{display:inline-flex;align-items:center;justify-content:center}

/* ==== [83] marketplace.css?v=1 ==== */

.market-page{color:#f8eafd}.market-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0;padding:22px;border-radius:20px;background:linear-gradient(125deg,#352342,#21182d);border:1px solid #67447a}
.market-head h2{font-size:29px;margin:8px 0}.market-head p{font-size:13px;line-height:1.6;color:#c8b5d6;max-width:550px}.market-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#e0a2ef}
.market-wallet{display:flex;gap:9px;flex-wrap:wrap}.market-wallet span{background:#ffffff12;border-radius:12px;padding:11px;font-weight:800;white-space:nowrap}
.market-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.market-actions button,.market-item button{background:#3d2b4c;color:#f9edff;border:1px solid #795b8a;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:750}.market-actions button.active,.market-actions button:last-child{background:#71488c;border-color:#b381d1}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
.market-item{padding:13px;border-radius:16px;background:#30213d;border:1px solid #5d4471;display:flex;flex-direction:column;gap:9px;min-width:0}.market-art{aspect-ratio:3/4;background:#21172c;border-radius:11px;overflow:hidden;display:grid;place-items:center}.market-art img{width:100%;height:100%;object-fit:contain}.market-item strong{font-size:13px;overflow-wrap:anywhere}.market-item small{font-size:11px;color:#c9b6d8}.market-price{font-weight:900;color:#f3d3ff}.market-item button{margin-top:auto}
.market-empty{grid-column:1/-1;padding:42px 18px;text-align:center;background:#ffffff0a;border-radius:16px;color:#cbb6d7}
.market-info{margin:20px 0;padding:19px;border-radius:16px;background:#ffffff09}.market-info p{color:#cdbad9;line-height:1.6;font-size:13px}
@media(max-width:600px){.market-head{flex-direction:column;align-items:flex-start;padding:16px}.market-head h2{font-size:23px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.market-item{padding:9px}.market-actions button{padding:9px 11px;font-size:12px}}

/* v1.1: Match the full-size Collections banner in All Cards, Favorites, Duplicates and Marketplace. */
.extra-page .collection-hero{min-height:328px!important;}
.extra-page .collection-hero-content{min-height:328px!important;box-sizing:border-box!important;padding:28px 24px 20px!important;gap:18px!important;}
.extra-page .collection-hero-content .section-title{max-width:59%;}
.extra-page .collection-hero-content .tabs{margin-top:auto!important;}
@media(max-width:700px){
 .extra-page .collection-hero{min-height:240px!important;}
 .extra-page .collection-hero-content{min-height:240px!important;padding:20px 15px 15px!important;}
}
@media(max-width:440px){
 .extra-page .collection-hero{min-height:220px!important;}
 .extra-page .collection-hero-content{min-height:220px!important;padding:17px 12px 12px!important;}
}

/* v1.3: Slightly taller secondary collection banners; main Collections tab untouched. */
@media (min-width:701px){
 .extra-page .collection-hero{min-height:342px!important;}
 .extra-page .collection-hero-content{min-height:342px!important;}
}


/* ==== [84] social-community.css?v=1 ==== */

.social-page{color:#f8edff}.social-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:22px;background:radial-gradient(circle at 88% 45%,#7c3b87 0,#382044 48%,#20152d 100%);border:1px solid #80538f;overflow:hidden}.social-banner h1{margin:8px 0;font-size:clamp(24px,4vw,36px)}.social-banner p{max-width:480px;color:#dfc8e8;line-height:1.6;font-size:13px}.social-banner-art{font-size:64px;color:#e9a1fa;white-space:nowrap;opacity:.7}.social-eyebrow{font-size:10px;letter-spacing:1.8px;color:#f2a6f5;font-weight:900}.social-demo-alert{padding:11px 15px;margin:14px 0;color:#d8c5e4;background:#ffffff0a;border-radius:12px;font-size:12px}.social-tabs{display:flex;gap:9px;overflow-x:auto;padding:6px 0 12px}.social-tabs button{border:1px solid #75558d;border-radius:13px;background:#342443;padding:12px 14px;color:#f5e8ff;white-space:nowrap;cursor:pointer;font-weight:700}.social-tabs button.active{background:#71458f;border-color:#d78aeb}.social-tabs span{border-radius:20px;padding:2px 6px;background:#ab63d6;color:white;font-size:11px}.social-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0}.social-toolbar h2{font-size:20px;margin:0 0 4px}.social-toolbar small{color:#cdb5dc}.social-toolbar input{border:1px solid #73518b;background:#2d203a;color:white;border-radius:12px;padding:12px;min-width:0;width:min(310px,100%)}.social-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.social-user-card{position:relative;border:1px solid #76518b;background:#2a1d38;border-radius:17px;overflow:hidden;min-width:0}.social-user-cover{height:92px;background:radial-gradient(circle at 70% 10%,hsl(var(--social-hue) 75% 58% / .65),transparent 45%),linear-gradient(120deg,hsl(var(--social-hue) 43% 31%),#24142e)}.social-user-body{display:flex;align-items:center;gap:12px;padding:0 13px;margin-top:-26px;position:relative}.social-avatar{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;border:3px solid #d99bea;background:linear-gradient(135deg,hsl(var(--social-hue) 72% 53%),#2b1943);font-size:22px;font-weight:900;color:white}.social-avatar-button{cursor:pointer}.social-user-info{display:flex;flex-direction:column;gap:3px;padding-top:25px;min-width:0}.social-user-name{background:none;border:0;color:#fff;font-size:15px;font-weight:850;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}.social-user-info small{font-size:11px;color:#d6c1e0}.social-user-actions{display:flex;gap:7px;justify-content:flex-end;padding:14px}.social-user-actions button,.social-foot button{background:#48305e;color:white;border:1px solid #8462a0;border-radius:10px;padding:8px 11px;cursor:pointer;font-size:12px}.social-user-actions .social-primary{background:#8950a9;border-color:#b877d5}.social-empty{grid-column:1/-1;text-align:center;padding:35px;color:#cdb4da}.social-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;color:#bda8ca;font-size:12px}.social-profile-preview .social-muted{font-size:12px;color:#d2bbdd;line-height:1.5}.social-mini-friends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.social-mini-friends button{border:1px solid #674980;border-radius:12px;background:#38284a;padding:12px 4px;color:white;display:grid;justify-items:center;gap:5px;min-width:0}.social-mini-friends strong{font-size:11px;overflow-wrap:anywhere}.social-mini-friends small{font-size:10px;color:#cbb8d6}.social-wide-btn{width:100%;border:0;background:#70478d;color:white;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}.social-modal-profile{text-align:center}.social-modal-cover{height:100px;border-radius:14px;background:linear-gradient(120deg,hsl(var(--social-hue) 58% 35%),#291934)}.social-modal-avatar{display:grid;place-items:center;width:84px;height:84px;margin:-42px auto 10px;border:4px solid #dca1f0;border-radius:50%;position:relative;background:hsl(var(--social-hue) 55% 42%);font-size:34px;font-weight:900}.social-modal-profile h2{margin:8px}.social-modal-profile p{color:#d3bddf}.social-modal-stats{display:flex;justify-content:center;gap:16px;margin:18px 0}.social-modal-stats span{display:grid;gap:5px;font-size:12px}.social-modal-stats b{font-size:19px}.social-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.social-modal-actions button{padding:10px 14px;border-radius:12px;border:1px solid #9267aa;background:#49305e;color:white;cursor:pointer}
@media(max-width:620px){.social-banner{padding:19px}.social-banner-art{display:none}.social-users{grid-template-columns:1fr}.social-toolbar{flex-direction:column;align-items:stretch}.social-toolbar input{width:100%}.social-mini-friends{grid-template-columns:repeat(2,minmax(0,1fr))}.social-foot{flex-direction:column;align-items:flex-start}}


/* ==== [87] <style> (head) ==== */
.kpc-theme-head{margin:22px 0}.kpc-theme-head p,.kpc-theme-admin p{color:#cdb9e3}.kpc-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:17px}.kpc-theme-album{background:#2c2144;border:1px solid #805baf;border-radius:18px;overflow:hidden;text-align:left;padding:0;transition:transform .2s}.kpc-theme-album:hover{transform:translateY(-4px)}.kpc-theme-cover{height:175px;position:relative;background:linear-gradient(135deg,#593978,#281a4b);display:grid;place-items:center;font-size:55px}.kpc-theme-cover img{width:100%;height:100%;object-fit:cover}.kpc-theme-badge{position:absolute;right:10px;top:10px;background:#21152cd9;border-radius:30px;padding:5px 9px;font-size:12px}.kpc-theme-info{padding:13px}.kpc-theme-info strong,.kpc-theme-info small{display:block}.kpc-theme-info small{color:#d2bce6;margin:7px 0}.kpc-theme-detail-head{display:flex;gap:20px;align-items:center;background:#32224d;padding:18px;border-radius:20px;margin:18px 0}.kpc-theme-detail-head>img{width:145px;height:145px;object-fit:cover;border-radius:15px}.kpc-theme-detail-head>div{flex:1}.kpc-theme-detail-head h1{margin:8px 0}.kpc-theme-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:13px}.kpc-theme-card{background:#30234c;padding:10px;border-radius:15px;min-width:0}.kpc-theme-card-art{height:175px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:#21152e}.kpc-theme-card-art img{width:100%;height:100%;object-fit:cover}.kpc-theme-card-back{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#442a6c,#442a6c 8px,#342152 8px,#342152 16px);color:#d9b5fa}.kpc-theme-card-back span{font-size:50px}.kpc-theme-card strong,.kpc-theme-card small{display:block;margin-top:7px}.kpc-theme-card small{color:#c9b9e3}.kpc-theme-admin{border:1px solid #b56ac4;border-radius:16px;padding:15px;background:#302044;margin:12px 0}.kpc-theme-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.kpc-theme-admin label{display:block;margin:8px 0}.kpc-theme-admin input:not([type=checkbox]),.kpc-theme-admin textarea,.kpc-theme-admin select{display:block;width:100%;padding:9px;border-radius:8px;background:#21152e;color:white;border:1px solid #805baf}.kpc-theme-admin-list{max-height:330px;overflow:auto;padding:6px;border:1px solid #805baf;border-radius:9px}.kpc-theme-admin-list label{padding:5px}.kpc-theme-admin-list input{margin-right:8px}.kpc-theme-admin-actions{display:flex;gap:9px;margin-top:10px}.kpc-theme-admin-actions button{background:#7954ae;border:0;border-radius:9px;padding:10px}@media(max-width:580px){.kpc-theme-admin-grid{grid-template-columns:1fr}.kpc-theme-detail-head{flex-direction:column;align-items:start}.kpc-theme-detail-head>img{width:100%;height:180px}}

/* ==== [88] <style> (head) ==== */

/* v1.1p — thematic album card picker */
.kpc-theme-admin-list .kpc-theme-card-choice{display:flex;align-items:center;gap:10px;margin:0;padding:8px 7px;border-bottom:1px solid #684b784d;border-radius:8px;cursor:pointer;min-width:0}
.kpc-theme-admin-list .kpc-theme-card-choice:hover{background:#6b487238}
.kpc-theme-admin-list .kpc-theme-card-choice:has(input:checked){background:#77528b35}
.kpc-theme-admin-list .kpc-theme-card-choice input[type=checkbox]{flex:0 0 auto;margin:0 2px 0 0;accent-color:#cf91ec;width:16px;height:16px}
.kpc-theme-card-thumb{display:block;flex:0 0 48px;width:48px;height:68px;object-fit:cover;border-radius:7px;border:1px solid #9568ac;background:#21152e}
.kpc-theme-card-placeholder{display:grid;place-items:center;color:#d8a1eb;font-size:23px}
.kpc-theme-card-details{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow-wrap:anywhere}
.kpc-theme-card-details strong{font-size:13px;color:#fff;line-height:1.2}
.kpc-theme-card-subtitle{font-size:12px;color:#eab9f6;line-height:1.25}
.kpc-theme-card-details small{font-size:11px;color:#baa8c9;line-height:1.25}
.kpc-theme-no-cards{padding:12px;text-align:center}


/* ==== [89] <style> (head) ==== */

.kpc-theme-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0;padding:12px 15px;background:#30224b;border:1px solid #765197;border-radius:14px}
.kpc-theme-toolbar label{font-weight:700}
.kpc-theme-toolbar select{background:#241832;color:white;border:1px solid #a16bc2;border-radius:10px;padding:9px 12px;max-width:100%}
.kpc-theme-toolbar small{color:#d5c2e7;margin-left:auto}
.kpc-theme-card.is-unlocked{border:1px solid color-mix(in srgb,var(--theme-rarity),transparent 36%);box-shadow:0 0 15px color-mix(in srgb,var(--theme-rarity),transparent 77%),inset 0 0 12px color-mix(in srgb,var(--theme-rarity),transparent 91%)}
.kpc-theme-card-zoom{border:0;padding:0;margin:0;background:transparent;display:block;width:100%;cursor:zoom-in;border-radius:11px}
.kpc-theme-card-zoom:focus-visible{outline:3px solid var(--theme-rarity);outline-offset:3px}
.kpc-theme-card-zoom .kpc-theme-card-art{box-shadow:0 0 12px color-mix(in srgb,var(--theme-rarity),transparent 50%);transition:transform .18s ease,box-shadow .18s ease}
.kpc-theme-card-zoom:hover .kpc-theme-card-art{transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--theme-rarity),transparent 28%)}
.kpc-theme-rarity{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:700;color:var(--theme-rarity)}
.kpc-theme-rarity i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.kpc-theme-preview{position:fixed;inset:0;z-index:999999;background:#090515d9;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(8px)}
.kpc-theme-preview-dialog{position:relative;width:min(90vw,370px);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#35234d,#1b132c);border:1px solid var(--theme-rarity);box-shadow:0 0 36px color-mix(in srgb,var(--theme-rarity),transparent 60%);border-radius:19px;padding:18px;text-align:center}
.kpc-theme-preview-dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:min(65vh,510px);object-fit:contain;margin:0 auto 13px;border-radius:10px;box-shadow:0 0 20px color-mix(in srgb,var(--theme-rarity),transparent 65%)}
.kpc-theme-preview-dialog strong,.kpc-theme-preview-dialog small{display:block;margin:6px 0}.kpc-theme-preview-dialog small{color:var(--theme-rarity)}
.kpc-theme-preview-close{position:absolute;top:9px;right:9px;border:0;border-radius:50%;width:34px;height:34px;background:#21152bd9;color:white;font-size:23px;cursor:pointer}
@media(max-width:500px){.kpc-theme-toolbar small{margin-left:0;width:100%}.kpc-theme-preview-dialog{padding:14px}}


/* ==== [90] <style id=kpc-album-redesign-v1-1v> (head) ==== */

/* v1.1v: adaptive album cover redesign, no catalog or progress changes */
.kpc-themes .kpc-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.kpc-themes .kpc-theme-album-v{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #795b9b;border-radius:20px;background:linear-gradient(165deg,#382447,#21182e 90%);box-shadow:0 8px 23px #0805103d;transform:none;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;color:#fff}
.kpc-themes .kpc-theme-album-v:hover{transform:translateY(-3px);border-color:#c28edb;box-shadow:0 12px 28px #08051055,0 0 0 1px #bf7fd347}
.kpc-themes .kpc-theme-album-v:focus-visible{outline:3px solid #e6a7f7;outline-offset:3px}
.kpc-themes .kpc-theme-album-v .kpc-theme-cover{height:auto;aspect-ratio:1 / 1.07;min-height:0;overflow:hidden;background:#251734;display:block}
.kpc-themes .kpc-theme-album-v .kpc-theme-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.kpc-themes .kpc-theme-album-v:hover .kpc-theme-cover img{transform:scale(1.035)}
.kpc-themes .kpc-theme-cover-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1c112a66);pointer-events:none}
.kpc-themes .kpc-theme-album-v .kpc-theme-info{padding:13px 14px 15px;display:flex;flex:1;flex-direction:column;gap:12px}
.kpc-themes .kpc-theme-album-v .kpc-theme-info>strong{display:block;font-size:clamp(14px,1.6vw,19px);line-height:1.25;min-height:2.4em;overflow-wrap:anywhere}
.kpc-themes .kpc-theme-progress-row{display:flex;align-items:center;gap:11px;margin-top:auto}
.kpc-themes .kpc-theme-dial{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d58aeb var(--album-progress),#503a67 0);box-shadow:0 0 0 1px #b777ce44}
.kpc-themes .kpc-theme-dial:before{content:'';position:absolute;width:47px;height:47px;border-radius:50%;background:#271932}
.kpc-themes .kpc-theme-dial b{position:relative;font-size:15px;font-weight:800;color:#fff}
.kpc-themes .kpc-theme-progress-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.kpc-themes .kpc-theme-progress-copy small{font-size:12px;color:#eadcf2;margin:0;white-space:nowrap}
.kpc-themes .kpc-theme-track{height:7px;border-radius:99px;background:#160f22;border:1px solid #74548c;overflow:hidden}
.kpc-themes .kpc-theme-track>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b477e6,#ec9ddd);box-shadow:0 0 9px #d58ae8}
@media(max-width:700px){.kpc-themes .kpc-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpc-themes .kpc-theme-album-v .kpc-theme-info{padding:10px;gap:8px}.kpc-themes .kpc-theme-dial{width:43px;height:43px;flex-basis:43px}.kpc-themes .kpc-theme-dial:before{width:34px;height:34px}.kpc-themes .kpc-theme-dial b{font-size:12px}.kpc-themes .kpc-theme-progress-row{gap:7px}.kpc-themes .kpc-theme-progress-copy small{font-size:11px}}
@media(max-width:340px){.kpc-themes .kpc-theme-grid{grid-template-columns:1fr}.kpc-themes .kpc-theme-album-v .kpc-theme-cover{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){.kpc-themes .kpc-theme-album-v,.kpc-themes .kpc-theme-album-v .kpc-theme-cover img{transition:none}}


/* ==== [91] <style> (head) ==== */
.mission-tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap}
.mission-tabs .mission-ready-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#16836e;color:#fff;font-size:11px;line-height:1;font-weight:800}
.missions-page .mission-note[data-cycle-note="social"],.missions-page .mission-note[data-cycle-note="achievements"]{display:none!important}
.missions-page .mission-note{margin:18px 0 12px!important;padding:12px 15px;border-radius:12px;background:#ffffff0a;color:#d9c7e8;font-size:12px;line-height:1.5}
.missions-page #mission-countdown{font-weight:800;color:#f2dcff;font-variant-numeric:tabular-nums}
@media(max-width:550px){.mission-tabs{display:flex;flex-wrap:wrap;gap:7px}.mission-tabs button{font-size:12px!important;padding:9px 11px!important}}


/* ==== [92] <style id=kpc-arcade-pixel-decor-v1> (body) ==== */

/* Arcade cabinets only: floating pixel particles, no intrusive glow or extra labels. */
.packs .pack.event-pack,.packs .pack.ultra-pack{position:relative!important;isolation:isolate;overflow:hidden!important}
.packs .pack.event-pack>img,.packs .pack.ultra-pack>img{position:relative;z-index:2}
.packs .pack.event-pack .pack-info,.packs .pack.ultra-pack .pack-info{position:relative;z-index:5}
.packs .pack.event-pack .info,.packs .pack.ultra-pack .info{z-index:7}
.kpc-arcade-pixels{position:absolute;inset:5px 5px 90px;z-index:3;overflow:hidden;pointer-events:none;contain:layout style}
.kpc-arcade-pixels i{position:absolute;left:var(--px);top:var(--py);width:var(--sz);height:var(--sz);display:block;border-radius:1px;background:var(--pc);opacity:0;box-shadow:0 0 0 1px #ffffff20;transform:rotate(0deg);animation:kpc-pixel-drift var(--dur) ease-in-out var(--delay) infinite alternate}
.kpc-arcade-pixels i:nth-child(3n){clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}
.kpc-arcade-pixels i:nth-child(5n){border:1px solid var(--pc);background:transparent}
.kpc-arcade-pixels i:nth-child(7n){border-radius:50%}
@keyframes kpc-pixel-drift{0%{opacity:.15;translate:-5px 9px;scale:.6;rotate:-12deg}50%{opacity:.85}100%{opacity:.65;translate:9px -13px;scale:1.2;rotate:18deg}}
@media(max-width:600px){.kpc-arcade-pixels{inset:4px 3px 82px}.kpc-arcade-pixels i{scale:.8}}
@media(prefers-reduced-motion:reduce){.kpc-arcade-pixels i{animation:none!important;opacity:.55!important}}


/* ==== [93] kpc-collector-features-v7.css?v=7 ==== */
.kpc-v7-progress,.kpc-v7-upgrades,.kpc-v7-reward{margin:20px 0;padding:18px;border:1px solid #79529c;border-radius:18px;background:linear-gradient(130deg,#332146,#241830);color:#fff}.kpc-v7-progress h2,.kpc-v7-upgrades h2,.kpc-v7-reward h2{font-size:20px;margin:0 0 10px}.kpc-v7-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kpc-v7-milestone{min-width:0;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:11px;background:#402953}.kpc-v7-milestone strong{color:#f2b5ff}.kpc-v7-milestone span{font-size:12px;flex:1}.kpc-v7-progress button,.kpc-v7-upgrades button,.kpc-v7-reward button{border:0;border-radius:9px;background:#b95ad7;color:white;padding:9px 12px;font-weight:700;cursor:pointer}.kpc-v7-progress button:disabled,.kpc-v7-upgrades button:disabled,.kpc-v7-reward button:disabled{opacity:.45;cursor:default}.kpc-v7-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.kpc-v7-upgrade{display:flex;gap:10px;background:#402953;border-radius:12px;padding:9px}.kpc-v7-upgrade img{width:62px;height:88px;object-fit:cover;border-radius:8px}.kpc-v7-upgrade div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.kpc-v7-upgrade strong{font-size:12px;overflow-wrap:anywhere}.kpc-v7-upgrade small{font-size:11px;color:#d9c5eb}.kpc-v7-upgrade button{font-size:11px;padding:7px}.kpc-v7-reward{display:flex;gap:18px;align-items:center}.kpc-v7-reward img{width:116px;max-width:35%;aspect-ratio:5/7;object-fit:cover;border-radius:10px}.kpc-v7-reward div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.kpc-v7-reward p,.kpc-v7-upgrades p{font-size:13px;color:#d6c0e9}.kpc-v7-admin-reward{margin:14px 0;padding:12px;border:1px solid #bd78da;border-radius:12px;background:#432954}.kpc-v7-admin-reward small{display:block;color:#dac3e9}@media(max-width:600px){.kpc-v7-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.kpc-v7-progress,.kpc-v7-upgrades,.kpc-v7-reward{padding:12px}}

/* ==== [94] lightstick-album.css?v=3 ==== */
/* Standalone lightstick collection — adaptive, no changes to photocard styles */
.kls-banner{margin:20px 0 30px}.kls-banner-hero{position:relative;overflow:hidden;min-height:250px;border:1px solid #a579c7;border-radius:24px;background:radial-gradient(ellipse at 82% 25%,#643a86 0%,transparent 52%),linear-gradient(115deg,#38234f,#1c152d);display:flex;align-items:center;padding:28px;box-sizing:border-box}.kls-banner-hero:after{content:'✦  ·  ✧  ·  ✦';position:absolute;right:20%;top:20px;letter-spacing:20px;color:#e5b9ff66;pointer-events:none}.kls-banner-copy{position:relative;z-index:2;width:70%;max-width:620px}.kls-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#f0baff}.kls-banner h2{font-size:clamp(22px,3.5vw,34px);margin:10px 0}.kls-banner p,.kls-album p,.kls-profile p{color:#e2d2ed;line-height:1.5}.kls-banner-art{position:absolute;right:2%;top:6%;height:90%;max-width:36%;object-fit:contain;filter:drop-shadow(0 0 20px #b26aff88)}.kls-banner-stats{display:flex;justify-content:space-between;max-width:480px;font-weight:800;margin:14px 0 7px}.kls-meter{height:9px;border:1px solid #9a6cba;border-radius:99px;background:#1b122c;overflow:hidden;max-width:480px}.kls-meter i{display:block;height:100%;background:linear-gradient(90deg,#a47edb,#f4a3e8);border-radius:inherit}.kls-primary{display:inline-block;margin-top:15px;border:1px solid #f2b2ff!important;border-radius:12px!important;background:linear-gradient(135deg,#8c4cb5,#59307d)!important;color:white!important;font-weight:800!important;padding:11px 20px!important;cursor:pointer}.kls-primary:hover{filter:brightness(1.12)}.kls-album{padding:16px 0 90px}.kls-back{border:1px solid #9168aa;border-radius:12px;padding:10px 16px;background:#30213e;color:white;cursor:pointer}.kls-album-head{padding:16px 0 24px}.kls-album-head h2{font-size:28px;margin:8px 0}.kls-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kls-item{--kls-rare:#bba6cf;min-width:0;text-align:center;border:1px solid color-mix(in srgb,var(--kls-rare),#31213f 35%);border-radius:17px;background:linear-gradient(160deg,#3b2a50,#21172f);padding:12px 8px;box-sizing:border-box;box-shadow:inset 0 1px 0 #ffffff12}.kls-item-art{height:155px;display:flex;align-items:center;justify-content:center;overflow:hidden}.kls-item-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--kls-rare),transparent 50%))}.kls-item.is-locked .kls-item-art img{filter:brightness(0) drop-shadow(0 0 2px #a27caf);opacity:.66}.kls-item.is-max{box-shadow:0 0 18px color-mix(in srgb,var(--kls-rare),transparent 48%),inset 0 0 15px #fff1}.kls-item.is-max .kls-item-art img{animation:kls-pulse 2.8s ease-in-out infinite alternate}@keyframes kls-pulse{to{filter:drop-shadow(0 0 20px var(--kls-rare)) brightness(1.12)}}.kls-item strong{display:block;font-size:12px;margin-top:6px;overflow-wrap:anywhere}.kls-item small{display:block;color:var(--kls-rare);margin-top:5px;font-size:11px}.kls-item-meta{font-size:10px;color:#e7d9f0;margin-top:8px}.kls-item-actions{display:flex;gap:5px;justify-content:center;margin-top:9px}.kls-item-actions button{background:#32213f;border:1px solid #aa82bd;color:#fff;border-radius:9px;padding:7px;font-size:11px;cursor:pointer}.kls-item-actions button:disabled{opacity:.5;cursor:not-allowed}.kls-kiki{display:flex;align-items:center;gap:20px;margin-top:22px;padding:16px;border:1px solid #b17cc8;border-radius:18px;background:linear-gradient(110deg,#3d254f,#22162e)}.kls-kiki img{width:100px;height:130px;object-fit:contain}.kls-kiki h3{margin:0}.kls-profile{margin:18px 0;padding:18px;border:1px solid #8e69aa;border-radius:18px;background:linear-gradient(140deg,#39254c,#24192f)}.kls-profile h3{margin:0;font-size:19px}.kls-profile h3 small{float:right;font-size:13px;color:#d8aaff}.kls-profile-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.kls-profile-slot{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #9773ac;border-radius:12px;background:#1d1529}.kls-profile-slot img{height:92px;max-width:95%;object-fit:contain}.kls-profile-slot strong{font-size:12px}.kls-profile-slot>span{font-size:28px;color:#b98cd3}.kls-profile>button{border:1px solid #c09ada;border-radius:10px;background:#503165;color:white;padding:10px 16px;cursor:pointer}.kls-overlay{position:fixed;inset:0;z-index:99999;background:#0b0718c9;display:grid;place-items:center;padding:16px}.kls-dialog{position:relative;width:min(440px,100%);max-height:90vh;overflow:auto;text-align:center;padding:32px 22px;border:1px solid #c08cdd;border-radius:22px;background:linear-gradient(160deg,#3a264d,#1c142b);box-shadow:0 20px 70px #0009}.kls-close{position:absolute;top:10px;right:12px;border:1px solid #a584bd;border-radius:50%;width:34px;height:34px;background:#3a294a;color:white;font-size:22px;cursor:pointer}.kls-preview img{width:160px;height:170px;object-fit:contain}.kls-drop>span{color:#f0baff;font-size:12px;letter-spacing:2px}.kls-drop>img{display:block;height:240px;max-width:90%;object-fit:contain;margin:15px auto;filter:drop-shadow(0 0 20px var(--kls-rare))}.kls-drop h2{margin:10px 0}.kls-admin{padding:16px}.kls-admin>label{display:block;margin:10px 0}.kls-admin input{padding:9px;max-width:100%;background:#21172f;border:1px solid #9871b5;border-radius:8px;color:white}.kls-admin-items{margin-top:22px;display:grid;gap:8px}.kls-admin-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #73518d;border-radius:12px;flex-wrap:wrap}.kls-admin-item img{width:52px;height:52px;object-fit:contain}.kls-admin-item strong{flex:1;min-width:100px}.kls-admin-item select{background:#241730;color:white;border:1px solid #9673ad;border-radius:8px;padding:8px}.kls-admin-item label{white-space:nowrap}@media(max-width:700px){.kls-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kls-item-art{height:125px}.kls-banner-copy{width:78%}.kls-banner-art{opacity:.38;max-width:48%}.kls-banner-hero{padding:18px;min-height:235px}.kls-kiki img{width:75px;height:100px}}@media(max-width:400px){.kls-items{grid-template-columns:repeat(2,minmax(0,1fr))}.kls-item-art{height:135px}.kls-banner-copy{width:100%}.kls-banner-art{opacity:.18}.kls-banner-hero{min-height:270px}}@media(prefers-reduced-motion:reduce){.kls-item.is-max .kls-item-art img{animation:none}}

/* Lightstick case cinematic reveal — isolated from ordinary lootbox animations. */
.kls-reveal{--kls-rare:#d59eff;position:relative;isolation:isolate;overflow:hidden;min-height:390px}
.kls-reveal-label{display:block;color:#e7c2ff;font-size:11px;font-weight:900;letter-spacing:2.5px;margin-bottom:8px}
.kls-reveal-stage{height:275px;position:relative;display:grid;place-items:center;perspective:750px}
.kls-reveal-aura{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kls-rare),transparent 55%),transparent 68%);animation:kls-aura 2.2s ease-out both}
.kls-reveal-case,.kls-reveal-item{position:absolute;max-width:82%;object-fit:contain;will-change:transform,opacity}
.kls-reveal-case{width:165px;height:190px;filter:drop-shadow(0 12px 15px #0009);animation:kls-case-open 1.5s cubic-bezier(.2,.7,.2,1) both}
.kls-reveal-item{width:205px;height:230px;filter:drop-shadow(0 0 20px var(--kls-rare));animation:kls-item-enter 1.6s 1.15s cubic-bezier(.18,.75,.3,1) both}
.kls-reveal-flash{position:absolute;z-index:2;width:190px;height:190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0%,var(--kls-rare) 24%,transparent 70%);animation:kls-flash .85s 1.15s ease-out both}
.kls-spark{position:absolute;color:var(--kls-rare);font-size:27px;opacity:0;animation:kls-sparkle 1.5s 1.35s ease-out both}
.kls-spark.s1{top:12%;left:17%}.kls-spark.s2{top:20%;right:16%;animation-delay:1.55s}.kls-spark.s3{bottom:15%;left:20%;animation-delay:1.75s}.kls-spark.s4{bottom:20%;right:17%;animation-delay:1.95s}
.kls-reveal-caption,.kls-reveal-claim{animation:kls-caption .6s 2.25s ease-out both}
.kls-reveal-caption h2{margin:0 0 6px;font-size:25px}.kls-reveal-caption p{margin:0;color:var(--kls-rare);font-weight:700}
.kls-reveal-claim{margin-top:20px!important;min-width:175px}
@keyframes kls-case-open{0%{opacity:0;transform:translateY(55px) scale(.65) rotate(-12deg)}28%{opacity:1;transform:translateY(0) scale(1.06) rotate(4deg)}55%{opacity:1;transform:scale(1) rotate(-5deg)}78%{opacity:1;transform:scale(1.22) rotate(8deg)}100%{opacity:0;transform:translateY(30px) scale(.35) rotate(25deg)}}
@keyframes kls-item-enter{0%{opacity:0;transform:translateY(50px) scale(.3) rotateY(90deg)}35%{opacity:1;transform:translateY(-16px) scale(1.12) rotateY(0)}70%{opacity:1;transform:translateY(2px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kls-flash{0%,100%{opacity:0;transform:scale(.25)}28%{opacity:.85;transform:scale(1.25)}65%{opacity:.3;transform:scale(1.8)}}
@keyframes kls-aura{0%{opacity:0;transform:scale(.5)}60%{opacity:.8;transform:scale(1.1)}100%{opacity:.4;transform:scale(1.2)}}
@keyframes kls-sparkle{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1;transform:scale(1.4) rotate(30deg)}100%{opacity:0;transform:scale(.8) rotate(80deg)}}
@keyframes kls-caption{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.kls-reveal *{animation:none!important;opacity:1!important;transform:none!important}.kls-reveal-case,.kls-reveal-flash{display:none}}

/* v1.2a: separate lightstick album upgrade affordance, sorting and dialog */
.kls-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 18px;color:#e8d6f5;font-weight:700;font-size:13px}
.kls-toolbar select{min-width:200px;max-width:100%;background:#30213f;color:#fff;border:1px solid #a67cbd;border-radius:11px;padding:11px 13px;font:inherit}
.kls-duplicate-info{font-size:11px;color:#bda9ca;margin-top:8px;min-height:16px}.kls-duplicate-info.is-ready{color:#f7d78d;font-weight:800}
.kls-item.kls-upgrade-ready{box-shadow:inset 0 0 0 1px #e6b86c55,0 0 14px #e8b96b2b}
.kls-item-actions button.kls-upgrade-available{background:linear-gradient(120deg,#f5cd78,#d88b47)!important;border:1px solid #ffe3a1!important;color:#29152e!important;font-weight:900;box-shadow:0 0 14px #f5ba6270;animation:kls-ready-glow 2.5s ease-in-out infinite alternate}
.kls-item-actions button.kls-upgrade-unavailable{opacity:.65}.kls-item-actions button.kls-upgrade-unavailable:not(:disabled){cursor:pointer}
@keyframes kls-ready-glow{to{box-shadow:0 0 22px #f5ba62a6}}
.kls-upgrade-dialog .kls-upgrade-kicker{color:#e2b6f9;letter-spacing:2px;font-size:10px;font-weight:900}.kls-upgrade-dialog h2{margin:12px 0}.kls-upgrade-preview,.kls-upgrade-success img{height:190px;width:min(230px,90%);object-fit:contain;filter:drop-shadow(0 0 15px var(--kls-rare))}.kls-upgrade-dialog h3{margin:8px 0}.kls-upgrade-level{font-size:27px;font-weight:900;color:#ffe6a4}.kls-upgrade-level span{color:#cda9e4;margin:0 10px}.kls-upgrade-dialog p{line-height:1.7}.kls-upgrade-warning{color:#ffbbba}.kls-upgrade-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.kls-upgrade-controls button{min-width:125px;border-radius:12px;padding:11px 16px;border:1px solid #aa80c4;background:#30213f;color:white;cursor:pointer}.kls-upgrade-controls .kls-primary{margin-top:0!important}.kls-upgrade-controls button:disabled{opacity:.45;cursor:not-allowed}.kls-upgrade-success>span{display:block;font-size:46px;color:var(--kls-rare);animation:kls-ready-glow 1s infinite alternate}.kls-upgrade-success img{display:block;margin:auto}.kls-upgrade-success h2{margin:8px 0 16px}
@media(max-width:500px){.kls-toolbar{justify-content:stretch}.kls-toolbar select{flex:1;min-width:0}.kls-item-actions{flex-wrap:wrap}.kls-item-actions button{min-height:34px}}
@media(prefers-reduced-motion:reduce){.kls-item-actions button.kls-upgrade-available,.kls-upgrade-success>span{animation:none}}


/* ==== [95] <style> (body) ==== */

.language-gear{color:#e8c6ff;cursor:pointer;min-width:35px;flex-shrink:0}.language-gear svg{filter:drop-shadow(0 0 5px #a25bd9)}
.kpc-settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;color:#f6eaff;font-size:14px}.kpc-settings-row input[type=range]{width:135px;accent-color:#d184f1}.kpc-settings-row input[type=checkbox]{width:20px;height:20px;accent-color:#cb78ed}
@media(max-width:550px){.language-gear{width:30px;min-width:30px;padding:2px}.language-gear svg{width:23px;height:23px}.top .wallet{min-width:0}}