.coolcrazygames-theme{--ccg-player-cyan:#66dcff;--ccg-player-purple:#a970ff;--ccg-player-pink:#d73ae9;--ccg-player-panel:#101b3b}
.ccg-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
body:has(.ccg-player-login) .gm-language-widget.gm-language-widget-stored{right:118px!important}
body:has(.ccg-player-chip) .gm-language-widget.gm-language-widget-stored{right:184px!important}
.ccg-player-login,.ccg-player-chip{position:relative;z-index:52;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid rgba(169,112,255,.72);border-radius:11px;background:linear-gradient(135deg,#7041e9,#c526e3);box-shadow:0 8px 24px rgba(92,37,196,.28);color:#fff;font:800 13px/1 Inter,Segoe UI,sans-serif;cursor:pointer}
.ccg-player-login{min-width:82px;padding:0 18px}
.ccg-player-login:hover,.ccg-player-chip:hover{transform:translateY(-2px);border-color:#67d9ff;box-shadow:0 10px 26px rgba(92,37,196,.38),0 0 18px rgba(103,217,255,.18)}
.ccg-player-chip{gap:9px;padding:4px 11px 4px 5px;background:linear-gradient(135deg,rgba(31,74,119,.96),rgba(52,34,100,.96))}
.ccg-player-chip>img,.ccg-player-chip>.ccg-player-fallback{width:34px;height:34px;border:2px solid #a970ff;border-radius:50%;object-fit:cover;background:#17284e}
.ccg-player-chip>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;max-width:110px}
.ccg-player-chip b{overflow:hidden;max-width:100%;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ccg-player-chip small{color:#ffdf55;font-size:10px;font-weight:800}
.ccg-player-fallback{display:grid;place-items:center;color:#fff}
.ccg-player-dialog[hidden]{display:none!important}
.ccg-player-dialog{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px}
.ccg-player-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,8,24,.76);backdrop-filter:blur(7px);cursor:default}
.ccg-player-modal{position:relative;width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid rgba(169,112,255,.82);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(192,39,223,.19),transparent 36%),linear-gradient(155deg,#172f52,#171a3b 55%,#160d2c);box-shadow:0 28px 80px rgba(1,7,24,.72),0 0 28px rgba(103,217,255,.12);color:#eaf2ff}
.ccg-player-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(126,199,255,.25);border-radius:50%;background:#0b1732;color:#dfeaff;font-size:25px;line-height:1;cursor:pointer}
.ccg-player-close:hover{border-color:#67d9ff;background:#20365e}
.ccg-player-mark{display:grid;width:52px;height:52px;place-items:center;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#7c3df1,#dd2be2);box-shadow:0 8px 22px rgba(135,54,230,.35);color:#fff;font-size:28px;font-weight:900}
.ccg-player-kicker{margin:0 0 6px;color:#66dcff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important}
.ccg-player-modal h2{margin:0 42px 8px 0;color:#fff;font-size:28px;line-height:1.08}
.ccg-player-modal>p:not(.ccg-player-kicker){margin:0;color:#cbd8ea;font-size:14px;line-height:1.55}
.ccg-player-modal ul{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}
.ccg-player-modal li{position:relative;padding-left:30px;color:#eef4ff;font-size:14px;font-weight:700}
.ccg-player-modal li::before{content:'\2713';position:absolute;left:0;top:-3px;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(169,112,255,.55);border-radius:7px;background:rgba(169,112,255,.13);color:#67d9ff}
.ccg-player-primary,.ccg-player-secondary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;color:#fff!important;font-size:13px;font-weight:850;text-decoration:none!important}
.ccg-player-primary{border:1px solid #a970ff;background:linear-gradient(100deg,#7140ec,#ca27e3);box-shadow:0 8px 20px rgba(93,40,190,.28)}
.ccg-player-primary:hover{transform:translateY(-2px);border-color:#67d9ff}
.ccg-player-secondary{border:1px solid rgba(126,199,255,.25);background:rgba(20,48,84,.72)}
.ccg-player-modal>.ccg-player-primary{width:100%;margin-top:4px}
.ccg-player-modal>small{display:block;margin-top:13px;color:#92a7c2;text-align:center;font-size:11px}
.ccg-player-panel{width:min(460px,calc(100vw - 32px))}
.ccg-player-panel>header{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.ccg-player-panel>header img{width:54px;height:54px;border:2px solid #a970ff;border-radius:50%;object-fit:cover}
.ccg-player-panel>header h2{margin:0;font-size:22px}
.ccg-player-panel>header small{color:#ffdf55;font-size:11px;font-weight:800}
.ccg-player-panel>h3{margin:22px 0 10px;color:#fff;font-size:14px}
.ccg-level-line{display:grid;gap:7px}
.ccg-level-line>span{color:#b9cce2;font-size:12px}
.ccg-level-line>span b{color:#fff}
.ccg-level-line>i,.ccg-player-hero-progress>i,.ccg-daily-track{display:block;overflow:hidden;height:7px;border-radius:999px;background:rgba(148,111,212,.25)}
.ccg-level-line>i::after,.ccg-player-hero-progress>i::after,.ccg-daily-track>i{content:'';display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#55cff7,#8f54f5,#d936e6)}
.ccg-player-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}
.ccg-daily-list{display:grid;gap:12px}
.ccg-daily-goal{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:14px;border:1px solid rgba(126,199,255,.16);border-radius:13px;background:linear-gradient(120deg,rgba(30,75,112,.56),rgba(50,37,91,.56))}
.ccg-daily-goal.is-complete{border-color:rgba(83,225,183,.5);background:linear-gradient(120deg,rgba(21,105,91,.48),rgba(36,69,98,.52))}
.ccg-daily-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(169,112,255,.7);border-radius:12px;background:linear-gradient(145deg,#713bdc,#a82be2);box-shadow:0 6px 15px rgba(89,37,177,.28);color:#fff;font-size:19px}
.ccg-daily-goal>div{min-width:0}
.ccg-daily-goal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.ccg-daily-goal header b{overflow:hidden;color:#f8fbff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ccg-daily-goal header strong{flex:none;color:#ffd94c;font-size:11px}
.ccg-daily-goal small{display:block;margin-top:6px;color:#9fb3ca;font-size:10px}
.ccg-daily-list.is-compact .ccg-daily-goal{grid-template-columns:36px 1fr;padding:10px}
.ccg-daily-list.is-compact .ccg-daily-icon{width:34px;height:34px;border-radius:9px;font-size:15px}
.ccg-daily-list.is-compact .ccg-daily-goal header b{font-size:12px}
.ccg-player-page{width:min(1180px,calc(100vw - var(--ccg-sidebar-w) - 40px));margin:4px auto 42px;color:#eaf3ff}
.ccg-player-hero{display:grid;grid-template-columns:1fr minmax(240px,390px) auto;align-items:center;gap:28px;padding:26px;border:1px solid rgba(126,199,255,.19);border-radius:18px;background:radial-gradient(circle at 78% 0,rgba(167,65,225,.21),transparent 32%),linear-gradient(135deg,rgba(20,68,105,.95),rgba(28,31,74,.97));box-shadow:0 18px 45px rgba(3,13,32,.34)}
.ccg-player-hero-id{display:flex;align-items:center;gap:17px;min-width:0}
.ccg-player-hero-id img{width:84px;height:84px;border:3px solid #a970ff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px rgba(103,217,255,.22),0 0 24px rgba(169,112,255,.32)}
.ccg-player-hero h1{overflow:hidden;margin:0 0 4px;color:#fff;font-size:28px;text-overflow:ellipsis;white-space:nowrap}
.ccg-player-hero-id span{color:#c9d8ea;font-size:13px}
.ccg-player-hero-progress{display:grid;gap:9px}
.ccg-player-hero-progress span{color:#b9cce2;font-size:12px}
.ccg-player-tabs{display:flex;gap:5px;margin:14px 0;padding:5px;border:1px solid rgba(126,199,255,.17);border-radius:13px;background:rgba(10,29,61,.72)}
.ccg-player-tabs button{min-width:120px;padding:11px 17px;border:0;border-radius:9px;background:transparent;color:#aebfd5;font-weight:800;cursor:pointer}
.ccg-player-tabs button:hover,.ccg-player-tabs button.is-active{background:linear-gradient(100deg,#5540c8,#a32fdc);color:#fff;box-shadow:0 6px 18px rgba(79,40,174,.26)}
.ccg-player-tab{padding:24px;border:1px solid rgba(126,199,255,.17);border-radius:16px;background:linear-gradient(145deg,rgba(18,54,87,.92),rgba(27,30,69,.94));box-shadow:0 14px 36px rgba(3,13,32,.24)}
.ccg-player-tab[hidden]{display:none!important}
.ccg-player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.ccg-player-stats article{display:flex;flex-direction:column;gap:4px;padding:17px;border:1px solid rgba(126,199,255,.13);border-radius:12px;background:rgba(17,42,76,.57)}
.ccg-player-stats b{color:#fff;font-size:23px}
.ccg-player-stats span{color:#9fb4ca;font-size:12px}
.ccg-player-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.ccg-player-section-head h2{margin:0;color:#fff;font-size:21px}
.ccg-player-section-head>a,.ccg-player-section-head>span{color:#b9a0ff;font-size:12px;font-weight:800;text-decoration:none}
.ccg-player-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ccg-player-game{overflow:hidden;border:1px solid rgba(126,199,255,.16);border-radius:12px;background:rgba(11,29,59,.72);color:#fff!important;text-decoration:none!important}
.ccg-player-game:hover{transform:translateY(-3px);border-color:#67d9ff;box-shadow:0 10px 24px rgba(3,13,35,.38),0 0 0 2px rgba(169,112,255,.46)}
.ccg-player-game img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover}
.ccg-player-game b,.ccg-player-game span{display:block;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}
.ccg-player-game b{margin-top:9px;font-size:12px}.ccg-player-game span{padding-bottom:10px;color:#8fa8c1;font-size:10px}
.ccg-player-intro{margin:-3px 0 18px;color:#aec1d7;font-size:13px}
.ccg-reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ccg-reward{display:grid;justify-items:center;gap:6px;padding:20px 12px;border:1px solid rgba(126,199,255,.13);border-radius:13px;background:rgba(11,29,59,.62);opacity:.55;text-align:center}
.ccg-reward>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(169,112,255,.46);border-radius:15px;background:#1b2351;color:#8395b5;font-size:22px}
.ccg-reward b{color:#fff;font-size:13px}.ccg-reward small{color:#93a9c2;font-size:10px}
.ccg-reward.is-unlocked{border-color:rgba(255,216,76,.46);opacity:1}.ccg-reward.is-unlocked>span{background:linear-gradient(145deg,#8244e3,#b52fdd);color:#ffe458;box-shadow:0 8px 20px rgba(103,41,189,.3)}
.ccg-xp-help{margin-top:18px;border:1px solid rgba(126,199,255,.14);border-radius:11px;background:rgba(12,35,67,.52)}
.ccg-xp-help summary{padding:14px;color:#d9e8f8;font-size:13px;font-weight:800;cursor:pointer}.ccg-xp-help p{margin:0;padding:0 14px 14px;color:#9fb4ca;font-size:12px}
.ccg-player-empty{display:grid;justify-items:start;gap:7px;grid-column:1/-1;padding:22px;border:1px dashed rgba(126,199,255,.22);border-radius:12px;color:#9fb3ca}.ccg-player-empty b{color:#fff}.ccg-player-empty a{color:#bfa8ff}
body.ccg-player-modal-open{overflow:hidden}
@media(max-width:1050px){.ccg-player-page{width:calc(100vw - 32px)}.ccg-player-games{grid-template-columns:repeat(3,1fr)}.ccg-player-hero{grid-template-columns:1fr 280px}.ccg-player-hero>.ccg-player-secondary{grid-column:1/-1;justify-self:start}.ccg-reward-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){body:has(.ccg-player-login) .gm-language-widget.gm-language-widget-stored{right:96px!important}body:has(.ccg-player-chip) .gm-language-widget.gm-language-widget-stored{right:86px!important}.ccg-player-login{min-width:64px;padding:0 12px}.ccg-player-chip>span:last-child{display:none}.ccg-player-chip{padding:4px}.ccg-player-page{width:calc(100vw - 20px);margin-top:0}.ccg-player-hero{grid-template-columns:1fr;gap:18px;padding:19px}.ccg-player-hero-id img{width:66px;height:66px}.ccg-player-hero h1{font-size:23px}.ccg-player-tabs{overflow-x:auto}.ccg-player-tabs button{min-width:104px}.ccg-player-tab{padding:17px}.ccg-player-stats{gap:8px}.ccg-player-stats article{padding:13px}.ccg-player-games{grid-template-columns:repeat(2,1fr)}.ccg-reward-grid{grid-template-columns:repeat(2,1fr)}.ccg-player-modal{padding:23px}.ccg-player-modal h2{font-size:24px}.ccg-player-dialog{padding:8px}}
@media(max-width:420px){.ccg-player-stats{grid-template-columns:1fr}.ccg-player-section-head{align-items:start;flex-direction:column}.ccg-reward-grid{grid-template-columns:1fr}.ccg-player-panel .ccg-player-actions{grid-template-columns:1fr}.ccg-player-panel .ccg-player-actions>*{width:100%}}
.ccg-challenge-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:14px;align-items:stretch}
.ccg-daily-chest{display:flex;min-height:180px;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px solid rgba(169,112,255,.3);border-radius:14px;background:radial-gradient(circle at 50% 25%,rgba(154,74,237,.24),transparent 52%),rgba(10,28,59,.66);text-align:center;flex-direction:column}
.ccg-daily-chest img{width:122px;height:108px;object-fit:contain;filter:saturate(.72);opacity:.72}.ccg-daily-chest b,.ccg-daily-chest span{display:block}.ccg-daily-chest b{color:#fff;font-size:15px}.ccg-daily-chest span{margin-top:4px;color:#a9bdd2;font-size:11px}.ccg-daily-chest.is-ready{border-color:#5fe2bd}.ccg-daily-chest.is-ready img{filter:none;opacity:1}
.ccg-simple-board{margin-top:16px;padding:17px;border:1px solid rgba(126,199,255,.16);border-radius:14px;background:rgba(10,28,59,.58)}.ccg-simple-board>header,.ccg-collections>header,.ccg-cosmetics>header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.ccg-simple-board h2,.ccg-collections h2,.ccg-cosmetics h2{margin:0;color:#fff;font-size:18px}.ccg-simple-board header>span,.ccg-cosmetics header>span{color:#b9a0ff;font-size:11px;font-weight:800}.ccg-simple-board ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.ccg-simple-board li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:rgba(20,52,89,.64)}.ccg-simple-board li.is-me{background:linear-gradient(100deg,rgba(66,71,181,.56),rgba(130,48,181,.42));box-shadow:inset 3px 0 #66dcff}.ccg-simple-board li strong{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#253660;color:#d9e7f6;font-size:11px}.ccg-simple-board li span{color:#eaf2ff;font-size:12px}.ccg-simple-board li b{color:#ffd94c;font-size:11px}.ccg-simple-board li.is-empty{grid-template-columns:1fr}
.ccg-share-button{min-height:38px;padding:0 15px;border:1px solid rgba(169,112,255,.65);border-radius:9px;background:linear-gradient(100deg,#5540c8,#a32fdc);color:#fff;font-weight:800;cursor:pointer}.ccg-share-button:hover{transform:translateY(-2px);border-color:#66dcff;box-shadow:0 8px 20px rgba(77,41,175,.3)}.ccg-share-status{min-height:14px;margin:-8px 0 7px;color:#63e2bd;font-size:11px;text-align:right}
.ccg-collections,.ccg-cosmetics{margin-top:20px;padding-top:20px;border-top:1px solid rgba(126,199,255,.14)}.ccg-collections header>a{color:#b9a0ff;font-size:12px;font-weight:800;text-decoration:none}.ccg-collections>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ccg-collection{display:grid;gap:10px;padding:14px;border:1px solid rgba(126,199,255,.13);border-radius:12px;background:rgba(11,29,59,.62);color:#fff!important;text-decoration:none!important}.ccg-collection:hover{transform:translateY(-3px);border-color:#66dcff}.ccg-collection span{display:grid;gap:3px}.ccg-collection b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ccg-collection small{color:#93a9c2;font-size:10px}.ccg-collection>i{display:block;overflow:hidden;height:6px;border-radius:999px;background:rgba(148,111,212,.25)}.ccg-collection>i>u{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#55cff7,#d936e6)}
.ccg-cosmetics>nav{display:flex;gap:6px;margin-bottom:12px}.ccg-cosmetics>nav button{padding:8px 14px;border:1px solid rgba(126,199,255,.16);border-radius:8px;background:rgba(15,39,75,.68);color:#aebfd5;font-weight:800;cursor:pointer}.ccg-cosmetics>nav button:hover,.ccg-cosmetics>nav button.is-active{border-color:#a970ff;background:linear-gradient(100deg,#5540c8,#a32fdc);color:#fff}.ccg-cosmetic-group[hidden]{display:none!important}.ccg-cosmetic-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ccg-cosmetic-card{display:grid;min-width:0;grid-template-rows:auto auto auto 1fr;gap:4px;padding:10px;border:1px solid rgba(126,199,255,.14);border-radius:11px;background:rgba(10,28,59,.66)}.ccg-cosmetic-card.is-equipped{border-color:#58ddb9;box-shadow:inset 0 0 0 1px rgba(88,221,185,.22)}.ccg-cosmetic-card img{display:block;width:96px;max-width:100%;aspect-ratio:1;justify-self:center;object-fit:cover;border-radius:8px;background:#192b52}.ccg-cosmetic-card b{overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ccg-cosmetic-card small{color:#9baec5;font-size:9px}.ccg-cosmetic-card button{align-self:end;min-height:34px;margin-top:5px;padding:5px;border:1px solid rgba(169,112,255,.55);border-radius:8px;background:linear-gradient(100deg,#5938c2,#aa2bd5);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.ccg-cosmetic-card button:hover:not(:disabled){transform:translateY(-2px);border-color:#66dcff}.ccg-cosmetic-card button:disabled{background:#174d4b;color:#a9f3de;cursor:default}.ccg-cosmetic-status{min-height:16px;margin:9px 0 0;color:#66dcff;font-size:11px}
@media(max-width:900px){.ccg-challenge-layout{grid-template-columns:1fr}.ccg-daily-chest{min-height:150px}.ccg-collections>div{grid-template-columns:repeat(2,1fr)}.ccg-cosmetic-group{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.ccg-cosmetic-group{grid-template-columns:repeat(2,1fr)}.ccg-cosmetic-card img{width:82px}.ccg-simple-board li{grid-template-columns:28px minmax(0,1fr) auto}.ccg-simple-board li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.ccg-board-periods{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 11px}.ccg-board-periods button{min-height:34px;padding:0 13px;border:1px solid rgba(126,199,255,.16);border-radius:8px;background:rgba(15,39,75,.68);color:#aebfd5;font-size:11px;font-weight:800;cursor:pointer}.ccg-board-periods button:hover,.ccg-board-periods button.is-active{border-color:#a970ff;background:linear-gradient(100deg,#5540c8,#a32fdc);color:#fff}.ccg-board-panels>[hidden]{display:none!important}.ccg-board-panels>div>p{margin:0 0 8px;color:#b9a0ff;font-size:11px;font-weight:800;text-align:right}.ccg-simple-board .ccg-board-panels li{grid-template-columns:30px minmax(130px,1fr) minmax(78px,auto) minmax(78px,auto) minmax(76px,auto)}.ccg-simple-board li small{color:#95aac2;font-size:10px}.ccg-simple-board li small b{color:#dcecff}.ccg-simple-board li em{color:#ffd94c;font-size:11px;font-style:normal;font-weight:800;text-align:right}
.ccg-look-header{display:grid!important;grid-template-columns:minmax(190px,1fr) auto auto auto;align-items:center!important;padding:14px;border:1px solid rgba(126,199,255,.14);border-radius:13px;background:linear-gradient(120deg,rgba(18,57,91,.72),rgba(39,27,76,.74))}.ccg-equipped-look{display:grid;grid-template-columns:46px auto 46px auto;align-items:center;gap:7px}.ccg-equipped-look img,.ccg-equipped-look>.ccg-look-empty{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(169,112,255,.58);border-radius:10px;background:#142950;object-fit:cover;color:#c9abff;font-size:22px}.ccg-equipped-look small{color:#aebfd4;font-size:9px}.ccg-look-wallet{padding:9px 11px;border:1px solid rgba(126,199,255,.18);border-radius:9px;background:#132b54;white-space:nowrap}.ccg-look-wallet b{color:#fff}.ccg-look-wallet i{padding:0 3px;color:#697e9b;font-style:normal}
.ccg-friend-section{margin-top:18px}.ccg-friend-section>h3{margin:0 0 10px;color:#fff;font-size:15px}.ccg-friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ccg-friend-card{display:flex;min-width:0;align-items:center;gap:10px;padding:11px;border:1px solid rgba(126,199,255,.14);border-radius:11px;background:rgba(10,28,59,.66)}.ccg-friend-card>a{display:flex;min-width:0;flex:1;align-items:center;gap:9px;color:#fff!important;text-decoration:none!important}.ccg-friend-card>a:hover b{color:#66dcff}.ccg-friend-card img,.ccg-friend-card>a>span{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:2px solid #a970ff;border-radius:50%;background:#193158;object-fit:cover}.ccg-friend-card b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ccg-friend-card button,.ccg-friend-request>button,.ccg-friends-empty button{min-height:32px;padding:0 10px;border:1px solid rgba(169,112,255,.55);border-radius:8px;background:linear-gradient(100deg,#5938c2,#aa2bd5);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.ccg-friend-card button:hover:not(:disabled),.ccg-friend-request>button:hover,.ccg-friends-empty button:hover{transform:translateY(-2px);border-color:#66dcff}.ccg-friend-card button:disabled{background:#223558;color:#8fa4bc;cursor:default}.ccg-friend-request{display:grid;grid-template-columns:1fr auto;gap:6px}.ccg-friend-request>.ccg-friend-card{min-width:0}.ccg-friend-request>button{background:#24375c}.ccg-friends-empty{display:flex;grid-column:1/-1;align-items:center;gap:10px;padding:15px;border:1px dashed rgba(126,199,255,.22);border-radius:11px;color:#9fb3ca}.ccg-friends-empty b{color:#fff}.ccg-friends-empty button{margin-left:auto}.ccg-friends-note,.ccg-friend-status{color:#9fb3ca;font-size:11px}.ccg-friend-status{min-height:16px;margin:12px 0 0;color:#66dcff}
@media(max-width:900px){.ccg-look-header{grid-template-columns:1fr auto}.ccg-equipped-look{grid-row:2}.ccg-look-wallet{grid-row:2}.ccg-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccg-simple-board .ccg-board-panels li{grid-template-columns:30px minmax(100px,1fr) auto}.ccg-simple-board .ccg-board-panels li small{display:none}}
@media(max-width:560px){.ccg-look-header{grid-template-columns:1fr}.ccg-equipped-look,.ccg-look-wallet{grid-row:auto}.ccg-look-header>.ccg-share-button{justify-self:start}.ccg-friend-grid{grid-template-columns:1fr}.ccg-friends-empty{align-items:flex-start;flex-direction:column}.ccg-friends-empty button{margin-left:0}.ccg-simple-board .ccg-board-panels li{grid-template-columns:28px minmax(0,1fr) auto}}
.ccg-cosmetic-group{display:block}.ccg-cosmetic-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.ccg-cosmetic-card{padding:9px}.ccg-cosmetic-group.is-loading{opacity:.62;pointer-events:none}.ccg-cosmetic-pages{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px}.ccg-cosmetic-pages button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(126,199,255,.2);border-radius:8px;background:#142d56;color:#d7e7fa;font-size:11px;font-weight:800;cursor:pointer}.ccg-cosmetic-pages button:hover:not(:disabled){transform:translateY(-2px);border-color:#66dcff;background:#244680}.ccg-cosmetic-pages button.is-active{border-color:#a970ff;background:linear-gradient(100deg,#5540c8,#a32fdc);color:#fff}.ccg-cosmetic-pages button:disabled:not(.is-active){opacity:.38;cursor:default}.ccg-cosmetic-status:not(:empty){position:fixed;right:20px;bottom:20px;z-index:12000;max-width:min(360px,calc(100vw - 40px));margin:0;padding:12px 15px;border:1px solid #66dcff;border-radius:10px;background:#10264b;box-shadow:0 14px 35px rgba(2,10,29,.5);color:#fff;font-size:12px;font-weight:800}
@media(max-width:1100px){.ccg-cosmetic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.ccg-cosmetic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.ccg-cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccg-cosmetic-pages{gap:4px}.ccg-cosmetic-pages button{width:32px;height:32px}}