.cc-live-navbar-item{position:relative!important}.cc-live-navbar-main{font-weight:700}.cc-live-navbar-dropdown{display:none;position:absolute;z-index:10020;top:100%;left:0;width:230px;margin:0;padding:7px;list-style:none;border:1px solid #59dbae80;border-radius:10px;background:#0b1720;box-shadow:0 12px 34px #0009;max-height:75vh;overflow:auto}.cc-live-navbar-item:hover .cc-live-navbar-dropdown,.cc-live-navbar-item:focus-within .cc-live-navbar-dropdown{display:block}.cc-live-navbar-dropdown li{display:block!important;float:none!important;margin:0!important;padding:0!important}.cc-live-navbar-dropdown a{display:block!important;padding:8px 10px!important;border-radius:7px;color:#eefaf7!important;text-decoration:none!important;white-space:nowrap}.cc-live-navbar-dropdown a:hover{background:#246052}.cc-live-navbar-separator{margin-top:5px!important;padding-top:5px!important;border-top:1px solid #ffffff24} #cc-games-panel-v2{position:fixed;left:50%;top:36px;width:min(1440px,84vw);height:min(930px,86vh);transform:translateX(-50%);z-index:2147483600!important;box-sizing:border-box;background:#05070d;border:2px solid #00a9ff;border-radius:10px;box-shadow:0 12px 38px #000a;overflow:hidden;resize:both;min-width:min(640px,calc(100vw - 16px));min-height:min(360px,calc(100vh - 16px));max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);color:#eaf7ff;font-family:Arial,Helvetica,sans-serif}#cc-games-panel-v2[hidden]{display:none!important}#cc-games-panel-v2:fullscreen{left:0!important;top:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;transform:none!important;border:0;border-radius:0;resize:none} #cc-games-panel-v2-bar{height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 12px;box-sizing:border-box;background:linear-gradient(#101826,#07111f);border-bottom:1px solid #64beff73;color:#dff4ff;font-size:13px;font-weight:900;cursor:move;user-select:none}#cc-games-panel-v2-title{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden;white-space:nowrap}#cc-live-wallet{display:inline-flex;gap:5px}#cc-live-wallet span{padding:2px 8px;border:1px solid #78c8ff52;border-radius:999px;background:#ffffff12;font-size:12px}#cc-games-panel-v2-menu{display:flex;align-items:center;gap:6px;flex-shrink:0}#cc-games-panel-v2-menu button{height:28px;padding:4px 9px;border:1px solid #78c8ffa6;border-radius:7px;background:#060c17eb;color:#dff4ff;font-weight:900;cursor:pointer}#cc-games-panel-v2-menu button:hover{background:#143250}#cc-games-panel-v2-menu .cc-games-icon-btn{width:32px;padding:0} #cc-games-panel-v2-content{display:flex;flex-direction:column;width:100%;height:calc(100% - 34px);overflow:hidden;background:radial-gradient(circle at 75% 0,#102440 0,#08111e 40%,#05070d 100%)}#cc-games-panel-v2-scene{position:relative;display:grid;flex:1 1 auto;grid-template-columns:220px minmax(0,1fr);width:100%;height:auto;min-width:0;min-height:0;overflow:hidden}#cc-games-hub-nav{display:flex;flex-direction:column;gap:7px;min-height:0;padding:10px;border-right:1px solid #78c8ff38;overflow:auto;box-sizing:border-box}#cc-games-hub-nav button,#cc-games-hub-nav a{min-height:40px;display:flex;align-items:center;padding:8px 14px;box-sizing:border-box;border:1px solid #78c8ff59;border-radius:8px;background:#0b162aeb;color:#eaf7ff!important;font-size:16px;line-height:1.25;font-weight:900;text-align:left;text-decoration:none!important;cursor:pointer}#cc-games-hub-nav button:hover,#cc-games-hub-nav a:hover,#cc-games-hub-nav button.is-active{background:linear-gradient(135deg,#00a9ff5c,#7e57ff47);border-color:#78dcffd9}#cc-live-content{min-width:0;min-height:0;padding:18px;overflow:auto;box-sizing:border-box;color:#eaf7ff}.cc-live-hero{margin-bottom:16px;padding:18px;border:1px solid #78dcff47;border-radius:10px;background:radial-gradient(circle at top left,#00a9ff38,transparent 44%),linear-gradient(135deg,#0c182df5,#080d1bf5)}.cc-live-hero small{color:#86dfff;font-weight:900;text-transform:uppercase}.cc-live-hero h2{margin:6px 0 0!important;color:#fff!important;font-size:28px}.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.cc-live-item{display:flex;gap:12px;min-height:92px;padding:14px;box-sizing:border-box;border:1px solid #ffffff26;border-radius:11px;background:#ffffff0b;color:#eaf7ff}.cc-live-item>div:last-child{min-width:0}.cc-live-item h3{margin:0 0 7px!important;color:#8be4ff!important;font-size:16px}.cc-live-item p{margin:0!important;color:#c1cfdf!important}.cc-live-item-image{width:62px;height:82px;flex:0 0 62px;border-radius:6px;background-size:cover;background-position:center;background-color:#0a1321}.cc-loader{display:grid;place-items:center;gap:8px;min-height:280px;padding:32px;box-sizing:border-box;text-align:center;color:#8be4ff;font-weight:900}.cc-loader>strong{font-size:19px;letter-spacing:.04em;text-shadow:0 0 12px #42d7ff}.cc-loader>small{color:#b8c9dc;font-size:12px}.cc-loader-orbit{position:relative;width:190px;height:190px;border:1px solid #6edfff35;border-radius:50%;background:radial-gradient(circle,#4dd9ff16 0 18%,transparent 19%);box-shadow:0 0 28px #39cfff18,inset 0 0 24px #39cfff12;animation:cc-loader-orbit-spin 4.8s linear infinite}.cc-loader-orbit span{position:absolute;top:50%;left:50%;width:54px;height:38px;margin:-19px 0 0 -27px;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:cover;filter:drop-shadow(0 0 8px #7ceaff);box-shadow:0 0 12px #54dcff38}.cc-loader-orbit .is-earth{transform:rotate(0deg) translateY(-72px);background-image:url("./images/criterre-loader.webp")}.cc-loader-orbit .is-water{transform:rotate(72deg) translateY(-72px);background-image:url("./images/crieau-loader.webp")}.cc-loader-orbit .is-wind{transform:rotate(144deg) translateY(-72px);background-image:url("./images/crivent-loader.webp")}.cc-loader-orbit .is-fire{transform:rotate(216deg) translateY(-72px);background-image:url("./images/crifeu-loader.webp")}.cc-loader-orbit .is-sky{transform:rotate(288deg) translateY(-72px);background-image:url("./images/criciel-loader.webp")}@keyframes cc-loader-orbit-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cc-loader-orbit{animation-duration:14s}}.error{color:#ff9b9b!important}.cc-success{padding:10px;border-radius:8px;background:#167547;color:#fff}.cc-item-action{margin-top:9px;padding:7px 11px;border:0;border-radius:7px;background:#168e5a;color:#fff;cursor:pointer}.cc-item-action[disabled]{background:#566;cursor:default} #cc-games-hub-nav .cc-live-menu-help-button{gap:10px}#cc-games-hub-nav .cc-live-menu-help-button>span:first-child{min-width:0;flex:1 1 auto}.cc-live-menu-help{position:relative;z-index:1;display:inline-grid;flex:0 0 30px;width:30px;height:30px;place-items:center;margin-left:auto;color:#ff496d;font-size:23px;line-height:1;font-weight:1000;text-shadow:0 0 7px #ff2752f2,0 0 16px #ff2752a6;background:transparent;border:0;border-radius:0;cursor:help;transition:color .18s ease,transform .18s ease,text-shadow .18s ease}.cc-live-menu-help:after{content:"✦";position:absolute;top:-3px;right:-2px;color:#ffd966;font-size:9px;text-shadow:0 0 7px #ffd966}.cc-live-menu-help:hover,.cc-live-menu-help:focus-visible{color:#ff7892;outline:none;transform:translateY(-1px) scale(1.12);text-shadow:0 0 9px #ff335d,0 0 22px #ff2752e6}.cc-live-menu-tooltip{position:fixed;z-index:2147483647;width:min(340px,calc(100vw - 24px));padding:15px 17px 15px 20px;box-sizing:border-box;border:1px solid #ff5b7acc;border-left:4px solid #ff496d;border-radius:12px;background:radial-gradient(circle at top right,#51265bf5,#071423fc 58%);color:#f1f8ff;font-size:15px;line-height:1.5;font-weight:750;white-space:pre-line;box-shadow:0 18px 50px #000c,0 0 22px #ff335d47;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.cc-live-menu-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.cc-live-faq-topic+.cc-live-faq-topic{margin-top:10px} #cc-games-hub-nav .cc-live-menu-help-button[data-cc-section="arena"]{height:auto!important;min-height:84px!important;padding-top:10px!important;padding-bottom:10px!important}#cc-games-hub-nav .cc-live-menu-help-button[data-cc-section="arena"]>span:first-child{display:grid;place-items:center;align-self:stretch;text-align:center;line-height:1.2;overflow-wrap:normal;word-break:normal} .cc-live-page{margin:18px auto;padding:18px;box-sizing:border-box;color:#eefaf7}.cc-live-card{max-width:720px;margin:auto;padding:22px;box-sizing:border-box;border:1px solid #67efbc7a;border-radius:20px;background:radial-gradient(circle at 20% 0,#12352f,#0a111d 44%,#070b13);box-shadow:0 18px 60px #0009;color:#eefaf7}.cc-live-card label{display:block;margin:14px 0 5px;color:#dcece8}.cc-live-card input,.cc-live-card select{max-width:100%}.cc-actions{margin-top:20px}.cc-live-account-card{position:relative}.cc-live-account-close{position:absolute;top:12px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#07111fcc;color:#fff!important;font-size:26px;line-height:1;text-decoration:none!important;box-shadow:0 4px 14px #0008;z-index:2}.cc-live-account-close:hover{background:#9f2940;border-color:#ff8398}.cc-live-account-card form>select,.cc-live-account-card form>.inputbox,.cc-live-account-card #cc-email>.inputbox,.cc-live-account-card #cc-profile>select{width:100%;box-sizing:border-box}.cc-countryflag-choice{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;max-width:100%}.cc-countryflag-choice select{width:100%;min-width:0;box-sizing:border-box}.cc-countryflag-choice img{display:block;width:32px;height:22px;object-fit:cover;border:1px solid #ffffff70;border-radius:3px}.cc-countryflag-choice img[hidden]{display:none}.cc-countryflag-choice:has(img[hidden]){grid-template-columns:minmax(0,1fr)} .cc-tutorial-video{aspect-ratio:16/9;max-height:58vh;display:grid;place-items:center;margin-bottom:18px;border:1px solid #78dcff59;border-radius:12px;background:radial-gradient(circle,#142b4c,#030711);overflow:hidden}.cc-tutorial-placeholder{max-width:620px;padding:28px;text-align:center}.cc-tutorial-placeholder span{display:block;color:#72ddff;font-size:64px}.cc-tutorial-placeholder strong{display:block;margin:8px;color:#fff;font-size:24px}.cc-tutorial-placeholder p{color:#bfd1e5!important}.cc-tutorial-steps .cc-live-item{min-height:110px} .cc-live-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px}.cc-live-stats span{padding:8px 11px;border:1px solid #78dcff47;border-radius:9px;background:#102039}.cc-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cc-card-grid [data-card-id]{cursor:pointer}.cc-card-grid [data-card-id]:hover{border-color:#75dcff;transform:translateY(-2px)}.cc-live-item.is-missing{opacity:.32;filter:grayscale(1)}.cc-live-form{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:16px 0;padding:15px;border:1px solid #78dcff47;border-radius:11px;background:#ffffff0a}.cc-live-form label{display:grid;gap:6px;color:#d9efff}.cc-live-form select{min-width:180px;padding:8px;border:1px solid #78dcff66;border-radius:7px;background:#091525;color:#fff}.cc-primary,.cc-pack-choose,.cc-back{padding:9px 14px;border:1px solid #72dcff;border-radius:8px;background:#126da0;color:#fff;font-weight:800;cursor:pointer}.cc-primary:disabled{opacity:.45;cursor:not-allowed}.cc-card-detail{display:grid;grid-template-columns:minmax(180px,310px) 1fr;gap:24px;margin-top:18px}.cc-card-detail img{width:100%;max-height:55vh;object-fit:contain}.cc-first-pack{margin:12px 0;padding:16px;border:1px solid #ffcf5c;border-radius:12px;background:linear-gradient(135deg,#60441455,#2b1f0755)} .cc-deck-editor{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;padding:14px;border:1px solid #78dcff47;border-radius:10px;background:#ffffff0a}.cc-deck-editor label{display:grid;gap:5px}.cc-deck-editor input{min-width:230px;padding:8px;border:1px solid #78dcff66;border-radius:7px;background:#091525;color:#fff}.cc-card-grid [data-deck-card]{cursor:pointer}.cc-card-grid [data-deck-card][data-selected="1"]{border-color:#64ffb7;box-shadow:0 0 0 2px #64ffb744;background:#17503e66} .cc-live-deck-list{display:grid;gap:13px;margin-bottom:22px}.cc-live-deck-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border:1px solid #56d6a480;border-radius:12px;background:#071220d9}.cc-live-deck-row.is-favorite{border-color:#ffd35c;box-shadow:0 0 18px #ffd35c26}.cc-live-deck-main{min-width:0;cursor:pointer}.cc-live-deck-main h3{margin:0 0 5px!important;color:#fff!important}.cc-live-deck-main p{margin:0 0 10px!important;color:#c7d6e8!important}.cc-live-deck-cards{display:flex;flex-wrap:wrap;gap:6px}.cc-deck-card-visual{position:relative;display:block;flex:0 0 76px;width:76px;height:100px}.cc-deck-card-visual img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid #ff637d;border-radius:8px;background:#08111e;box-sizing:border-box}.cc-deck-card-visual.is-small{flex-basis:48px;width:48px;height:64px}.cc-deck-card-stats{position:absolute;inset:0;pointer-events:none}.cc-deck-stat{position:absolute;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;box-sizing:border-box;border:1px solid #bcecff;border-radius:999px;background:#071321e8;color:#fff;font-size:12px;line-height:1;font-weight:900;text-shadow:0 1px 2px #000;box-shadow:0 1px 5px #000a}.cc-deck-card-stats.is-small .cc-deck-stat{min-width:14px;height:14px;padding:0 2px;font-size:10px}.cc-deck-stat-n{top:2px;left:50%;transform:translateX(-50%)}.cc-deck-stat-ne{top:4px;right:2px}.cc-deck-stat-e{top:50%;right:1px;transform:translateY(-50%)}.cc-deck-stat-se{right:2px;bottom:4px}.cc-deck-stat-s{bottom:2px;left:50%;transform:translateX(-50%)}.cc-deck-stat-sw{bottom:4px;left:2px}.cc-deck-stat-w{top:50%;left:1px;transform:translateY(-50%)}.cc-deck-stat-nw{top:4px;left:2px}.cc-live-deck-choice{align-items:center}.cc-live-deck-choice[data-selected="1"]{border-color:#63e3ff;box-shadow:0 0 0 2px #63e3ff55,0 0 18px #63e3ff2e}.cc-live-deck-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}.cc-live-deck-actions button{padding:8px 11px;border:1px solid #72dcff;border-radius:8px;background:#126da0;color:#fff;font-weight:800;cursor:pointer}.cc-live-deck-actions [data-deck-favorite]{border-color:#ffd35c;background:#503b08}.cc-live-deck-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.cc-live-deck-row{grid-template-columns:1fr}.cc-live-deck-actions{flex-direction:row;flex-wrap:wrap}} .cc-panel-switch{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cc-panel-switch button{min-height:44px;padding:9px 20px;border:2px solid #b7dfff;border-radius:999px;background:linear-gradient(135deg,#21b8ad,#3698ef);box-shadow:inset 0 -3px 0 #ffffff26;color:#fff;font-weight:900;cursor:pointer}.cc-panel-switch button:nth-child(even){background:linear-gradient(135deg,#8752df,#df549e)}.cc-panel-switch button:nth-child(3n){background:linear-gradient(135deg,#f09b47,#df549e)}.cc-panel-switch button.is-active{box-shadow:0 0 0 3px #ffffff55,inset 0 -3px 0 #ffffff3d;transform:translateY(-1px)}.cc-panel-view[hidden]{display:none!important}.cc-panel-ranking{padding:14px;border:1px solid #78c8ff38;border-radius:10px;background:#080e1de0}.cc-panel-ranking h4{margin:0 0 12px;color:#fff7d7!important;font-size:22px}.cc-panel-ranking__row{display:grid;grid-template-columns:56px minmax(180px,1fr) 110px 150px;gap:10px;align-items:center;margin-top:7px;padding:8px 10px;border-radius:8px;background:#ffffff0e;color:#eaf7ff;font-weight:800}.cc-panel-ranking__row>strong{color:#67dfff}.cc-panel-ranking__player{display:grid;gap:3px;min-width:0}.cc-panel-ranking__player b{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.cc-panel-ranking__player em{overflow:hidden;color:#aebbd0;font-size:11px;font-style:normal;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.cc-panel-ranking__identity{display:inline-flex;align-items:center;gap:6px;min-width:0}.cc-panel-ranking__flag{display:inline-grid;flex:0 0 auto;place-items:center;min-width:18px;font-size:18px;line-height:1}.cc-panel-ranking__flag img{display:block;width:18px;height:12px;object-fit:cover;border:1px solid #ffffff80;border-radius:2px}.cc-panel-empty{padding:18px;text-align:center;color:#c9d5e4} .cc-panel-ranking__row>span:nth-child(3){color:#fff0a8;font-size:18px;font-weight:900;text-shadow:0 1px 3px #000} .cc-panel-ranking__row.has-contributors{grid-template-columns:56px 34px minmax(180px,1fr) 110px 150px}.cc-forum-contributors{display:grid;width:28px;height:28px;padding:3px;place-items:center;border:1px solid #7adfff;border-radius:50%;background:#10223a;box-shadow:0 0 10px #44d9ff55;cursor:pointer}.cc-forum-contributors:hover,.cc-forum-contributors:focus{transform:scale(1.12);box-shadow:0 0 15px #ffd96c99}.cc-forum-contributors img{display:block;width:16px;height:14px;image-rendering:auto}.cc-forum-modal{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:#020711d9;box-sizing:border-box}.cc-forum-modal__dialog{position:relative;width:min(760px,94%);max-height:90%;padding:24px;border:2px solid #67dfff;border-radius:18px;background:linear-gradient(145deg,#10223a,#080e1d);box-shadow:0 20px 70px #000;color:#eef8ff;overflow:auto}.cc-forum-modal__dialog h3{margin:0 46px 22px 0!important;color:#fff!important;font-size:23px}.cc-forum-modal__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid #7adfff;border-radius:10px;background:#0b1728;color:#fff;font-size:25px;cursor:pointer}.cc-forum-modal__body{display:grid;grid-template-columns:minmax(220px,260px) minmax(240px,1fr);gap:24px;align-items:center}.cc-forum-pie{box-sizing:border-box;width:min(220px,56vw);aspect-ratio:1;margin:auto;border:5px solid #ffffff29;border-radius:50%;overflow:hidden;box-shadow:0 10px 24px #0009,inset 0 0 0 2px #ffffff1f,inset 0 0 14px #ffffff47}.cc-forum-modal ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.cc-forum-modal li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 11px;border-radius:8px;background:#ffffff0d}.cc-forum-modal li i{width:14px;height:14px;border-radius:3px}.cc-forum-modal li span{color:#ffe08b;font-weight:900} .cc-shop-wrap,.cc-pack-wrap{display:grid;gap:8px;align-content:start}.cc-shop-wrap>.cc-live-item,.cc-pack-wrap>.cc-live-item{height:100%}.cc-shop-wrap>button{padding:8px;border:1px solid #72dcff;border-radius:7px;background:#122a42;color:#fff;cursor:pointer}.cc-progress{height:8px;margin:9px 0;border-radius:9px;background:#ffffff1b;overflow:hidden}.cc-progress i{display:block;height:100%;background:linear-gradient(90deg,#20c878,#73e4ff)}#cc-games-panel-v2.has-custom-theme #cc-games-panel-v2-content{background-color:#05070d;background-image:var(--cc-live-panel-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} #cc-games-panel-v2.has-custom-theme #cc-games-hub-nav{background-color:rgba(5,11,20,.18)!important;background-image:var(--cc-live-panel-bg)!important;background-size:cover!important;background-position:left center!important;background-repeat:no-repeat!important} #cc-games-panel-v2.has-custom-theme #cc-games-hub-nav button,#cc-games-panel-v2.has-custom-theme #cc-games-hub-nav a{background:rgba(11,22,42,.48)!important;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)} #cc-games-panel-v2.has-custom-theme #cc-games-hub-nav button:hover,#cc-games-panel-v2.has-custom-theme #cc-games-hub-nav a:hover,#cc-games-panel-v2.has-custom-theme #cc-games-hub-nav button.is-active{background:linear-gradient(135deg,rgba(0,169,255,.45),rgba(126,87,255,.34))!important} .cc-workshop-filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px}.cc-workshop-filters button{min-height:42px;padding:9px 18px;border:2px solid #b7dfff;border-radius:999px;background:linear-gradient(135deg,#21b8ad,#3698ef);box-shadow:inset 0 -3px 0 #ffffff26;color:#fff;font-weight:900;cursor:pointer}.cc-workshop-filters button:nth-child(even){background:linear-gradient(135deg,#8752df,#df549e)}.cc-workshop-filters button.is-active{box-shadow:0 0 0 3px #ffffff55,inset 0 -3px 0 #ffffff3d;transform:translateY(-1px)}.cc-workshop-grid{align-items:start}.cc-workshop-wrap[hidden]{display:none}.cc-workshop-wide{grid-column:span 2}.cc-workshop-item--wide{display:block;min-height:220px}.cc-workshop-item--wide .cc-live-item-image{width:100%;height:154px;margin-bottom:12px;background-size:contain;background-repeat:no-repeat;background-position:center;flex:none}.cc-workshop-empty{padding:22px;text-align:center;color:#c1cfdf}.cc-workshop-item .cc-live-item-image{background-repeat:no-repeat} .cc-workshop-sortbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 18px;padding:11px 13px;border:1px solid #62dce255;border-radius:16px;background:linear-gradient(135deg,#0aa6bb20,#8258e52b);box-shadow:inset 0 1px 0 #ffffff18}.cc-workshop-sortbar strong{margin-right:3px;color:#bdefff}.cc-workshop-sortbar button{min-height:38px;padding:8px 14px;border:1px solid #8fdfff66;border-radius:999px;background:linear-gradient(135deg,#153c61,#483985);color:#eaf8ff;font-weight:900;cursor:pointer;box-shadow:0 6px 14px #0004}.cc-workshop-sortbar button:hover{transform:translateY(-1px)}.cc-workshop-sortbar button.is-active{border-color:#fff;background:linear-gradient(135deg,#16bfbd,#7d55e4);box-shadow:0 0 0 3px #9b7cff2e,0 0 16px #29d1e755} .cc-live-form input[type="number"]{width:120px;padding:8px;border:1px solid #78dcff66;border-radius:7px;background:#091525;color:#fff} .cc-moutchou-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start;padding:16px;border:1px solid #78dcff47;border-radius:14px;background:#ffffff0b}.cc-moutchou-card img{width:92px;height:110px;object-fit:contain;align-self:start}.cc-moutchou-card h3{color:#8be4ff!important;font-size:22px} .cc-game-embed{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:520px}.cc-game-embed-bar{display:flex;align-items:center;gap:12px;padding:7px;border-bottom:1px solid #78dcff47;background:#07111f}.cc-game-embed iframe{width:100%;height:100%;min-height:500px;border:0;background:#030711} #cc-live-battle-panel{position:fixed;left:50%;top:24px;width:min(1600px,94vw);height:min(980px,94vh);transform:translateX(-50%);z-index:2147483601!important;box-sizing:border-box;overflow:hidden;resize:both;min-width:min(640px,calc(100vw - 16px));min-height:min(420px,calc(100vh - 16px));max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);border:2px solid #00a9ff;border-radius:10px;background:#030711;box-shadow:0 16px 46px #000c;color:#eaf7ff;font-family:Arial,Helvetica,sans-serif}#cc-live-battle-panel[hidden]{display:none!important}#cc-live-battle-panel:fullscreen{left:0!important;top:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;transform:none!important;border:0;border-radius:0;resize:none}#cc-live-battle-bar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 0 14px;box-sizing:border-box;border-bottom:1px solid #64beff73;background:linear-gradient(#101826,#07111f);cursor:move;user-select:none}#cc-live-battle-bar>div{display:flex;gap:6px}#cc-live-battle-bar button{height:30px;padding:4px 10px;border:1px solid #78c8ffa6;border-radius:7px;background:#060c17eb;color:#dff4ff;font-weight:900;cursor:pointer}#cc-live-battle-bar button:hover{background:#143250}#cc-live-battle-frame{display:block;width:100%;height:calc(100% - 40px);border:0;background:#030711}.cc-live-battle-declined{position:absolute;z-index:20;inset:40px 0 0;display:grid;place-items:center;padding:18px;background:rgba(2,6,15,.76);backdrop-filter:blur(3px)}.cc-live-battle-declined>div{display:grid;gap:18px;width:min(520px,calc(100% - 24px));padding:26px;box-sizing:border-box;border:2px solid #ff8799;border-radius:18px;background:linear-gradient(145deg,#6e1f36,#21152d);box-shadow:0 18px 45px #000c,0 0 24px #ff587061;text-align:center}.cc-live-battle-declined strong{font-size:clamp(18px,3vw,28px);line-height:1.35}.cc-live-battle-declined button{justify-self:center;padding:11px 20px;border:1px solid #ffe7a4;border-radius:999px;background:#ffe08a;color:#172033;font-weight:1000;cursor:pointer} #cc-pack-roulette{width:100%;margin:18px auto;padding:16px;box-sizing:border-box;border:1px solid #ffcd69;border-radius:14px;background:#07111f;box-shadow:0 0 28px #8c58ff55;overflow:hidden} .cc-pack-roulette-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;width:100%} .cc-pack-roulette-item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border:1px solid #3c5874;border-radius:13px;background:linear-gradient(145deg,#101d32,#091423);opacity:.46;filter:brightness(.62);transform:scale(.78);transition:transform .16s ease,filter .16s ease,opacity .16s ease,box-shadow .16s ease,border-color .16s ease} .cc-pack-roulette-item img,.cc-pack-roulette-item .cc-pack-placeholder{display:block;width:min(100%,150px);aspect-ratio:1;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 0 13px #38d8ff33} .cc-pack-roulette-item strong{display:block;max-width:100%;color:#e8f6ff;font-size:14px;line-height:1.15;text-align:center;overflow-wrap:anywhere} .cc-pack-roulette-item.is-active{z-index:2;opacity:1;filter:brightness(1.22);transform:scale(1.13) translateY(-5px);border-color:#75e8ff;box-shadow:0 0 0 2px #75e8ff66,0 0 30px #4bdcff99} .cc-pack-roulette-item.is-winner{z-index:3;opacity:1;filter:brightness(1.3);transform:scale(1.18) translateY(-7px);border-color:#ffd766;box-shadow:0 0 0 3px #ffd76688,0 0 38px #ffbf4dbb} .cc-pack-roulette-choose{display:block;width:calc(100% - 10px);margin:3px 5px 0;padding:9px 8px;border:1px solid #fff1a8;border-radius:10px;background:linear-gradient(135deg,#f1a52d,#ffdc62);color:#172033;font-weight:900;text-align:center;cursor:pointer;box-shadow:0 5px 14px #0008,0 0 18px #ffd35b66} .cc-pack-roulette-choose:hover,.cc-pack-roulette-choose:focus-visible{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 18px #0009,0 0 24px #ffe07499} .cc-pack-roulette-status{margin:15px 0 0;text-align:center;font-weight:900;color:#ffe39a}.cc-first-pack small{display:block;margin-top:8px;color:#d9cfae} [data-player-online="1"] h3:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#36ed88;box-shadow:0 0 0 0 #36ed8899;animation:ccLiveOnline 1.6s infinite}@keyframes ccLiveOnline{0%{box-shadow:0 0 0 0 #36ed8899}70%{box-shadow:0 0 0 8px #36ed8800}100%{box-shadow:0 0 0 0 #36ed8800}} .cc-live-invite-count{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:28px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:#ff3c78;color:#fff;font-size:12px;line-height:1;box-shadow:0 0 12px #ff3c78}.cc-live-invite-count[hidden]{display:none!important}.cc-live-panel-invite{display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid #ff7897;border-radius:999px;background:#7d1737;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 0 12px #ff3c7866}.cc-live-panel-invite[hidden]{display:none!important}.cc-live-invite-heart{display:inline-block;color:#fff;text-shadow:0 0 7px #fff,0 0 13px #ff164f;transform-origin:center}.is-beating .cc-live-invite-heart{animation:ccLiveInviteHeartbeat 1.05s ease-in-out infinite}.is-beating{animation:ccLiveInviteGlow 1.05s ease-in-out infinite}@keyframes ccLiveInviteHeartbeat{0%,100%{transform:scale(1)}12%{transform:scale(1.32)}25%{transform:scale(.98)}38%{transform:scale(1.22)}55%{transform:scale(1)}}@keyframes ccLiveInviteGlow{0%,100%{box-shadow:0 0 8px #ff3c7873}38%{box-shadow:0 0 19px #ff3c78,0 0 7px #fff7}}@media(prefers-reduced-motion:reduce){.is-beating,.is-beating .cc-live-invite-heart{animation:none}} .cc-live-invite-panel{flex:0 0 auto;padding:10px 15px;border-bottom:2px solid #ffcf5a;background:linear-gradient(90deg,#58245e,#233c72);color:#fff;font-weight:800;overflow-wrap:normal;word-break:normal}.cc-live-invite-panel.is-declined{border-bottom-color:#ff8f9d;background:linear-gradient(90deg,#711f37,#3d294f)}.cc-live-panel-invite.is-declined,.cc-live-invite-count.is-declined{border-color:#ff9baa;background:#741f38;color:#fff;box-shadow:0 0 14px #ff526f99}.cc-live-invite-panel a,.cc-live-invite-panel button{display:inline-block;margin-left:12px;padding:6px 13px;border:0;border-radius:999px;background:#ffe08a;color:#172033!important;text-decoration:none!important;font-weight:900;cursor:pointer} .cc-challenge-wait{max-width:760px;margin:0 auto}.cc-challenge-wait-card{display:grid;justify-items:center;gap:12px;padding:34px;border:1px solid #71ddff6b;border-radius:18px;background:linear-gradient(145deg,#12243b,#091321);text-align:center;box-shadow:0 0 28px #4cbfff24}.cc-challenge-wait-card h3{margin:0!important;color:#fff!important;font-size:26px}.cc-challenge-wait-card p{color:#d9e8f7!important;font-size:17px}.cc-challenge-wait-card .cc-primary{display:inline-block;margin-left:10px;text-decoration:none!important}.cc-challenge-wait-spinner{width:58px;height:58px;border:6px solid #ffffff25;border-top-color:#61e0ff;border-right-color:#bd69ef;border-radius:50%;animation:ccChallengeWaiting 1s linear infinite}@keyframes ccChallengeWaiting{to{transform:rotate(360deg)}} #cc-moutchou-conversation{max-height:260px;overflow:auto;margin:12px 0;padding:10px;border:1px solid #78dcff38;border-radius:10px;background:#03071188}#cc-moutchou-conversation p{margin:7px!important;padding:8px;border-radius:8px}#cc-moutchou-conversation .is-user{background:#164f72}#cc-moutchou-conversation .is-moutchou{background:#164b38}#cc-moutchou-form label{display:block;margin-bottom:6px}#cc-moutchou-form>div{display:flex;gap:8px}#cc-moutchou-message{flex:1;min-width:0;padding:9px;border:1px solid #78dcff66;border-radius:8px;background:#091525;color:#fff} #cc-games-panel-v2:fullscreen #cc-games-hub-nav button,#cc-games-panel-v2:fullscreen #cc-games-hub-nav a{min-height:44px;padding:9px 16px;font-size:16px}#cc-games-panel-v2:fullscreen #cc-games-panel-v2-menu button{font-size:16px} @media(max-width:760px){#cc-games-panel-v2{left:4px!important;top:4px!important;width:calc(100vw - 8px)!important;height:calc(100vh - 8px)!important;min-width:0;min-height:0;max-width:none;max-height:none;transform:none!important;resize:none}#cc-games-panel-v2-scene{grid-template-columns:1fr}#cc-games-hub-nav{display:none;position:absolute;z-index:5;left:0;top:0;bottom:0;width:min(280px,82vw);background:#07111ff5;box-shadow:10px 0 30px #000b}#cc-games-hub-nav.is-open{display:flex}#cc-games-panel-v2-menu button{padding:3px 6px}#cc-live-wallet span:nth-child(3){display:none}.cc-grid{grid-template-columns:1fr}.cc-live-navbar-dropdown{left:auto;right:0}} @media(max-width:760px){.cc-workshop-wide{grid-column:auto}.cc-workshop-filters{gap:7px}.cc-workshop-filters button{min-height:38px;padding:7px 12px}.cc-workshop-item--wide{min-height:190px}.cc-workshop-item--wide .cc-live-item-image{height:125px}} @media(max-width:760px){.cc-panel-switch{gap:7px}.cc-panel-switch button{min-height:38px;padding:7px 12px}.cc-panel-ranking__row{grid-template-columns:44px minmax(0,1fr)}.cc-panel-ranking__row>span:nth-child(3),.cc-panel-ranking__row>span:nth-child(4){grid-column:2}} @media(max-width:760px){.cc-panel-ranking__row.has-contributors{grid-template-columns:44px 34px minmax(0,1fr)}.cc-panel-ranking__row.has-contributors>span:nth-last-child(2),.cc-panel-ranking__row.has-contributors>span:last-child{grid-column:3}.cc-forum-modal__body{grid-template-columns:1fr}.cc-forum-pie{width:min(190px,58vw)}} .cc-live-progress-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.cc-live-progress-tabs button{min-height:44px;padding:9px 22px;border:2px solid #b7dfff;border-radius:999px;background:linear-gradient(135deg,#21b8ad,#3698ef);color:#fff;font-weight:900;cursor:pointer}.cc-live-progress-tabs button:nth-child(2){background:linear-gradient(135deg,#8752df,#df549e)}.cc-live-progress-tabs button.is-active{box-shadow:0 0 0 3px #ffffff55,0 0 20px #55caff55;transform:translateY(-1px)}.cc-live-progress-summary{position:relative;overflow:hidden;margin:0 0 18px;padding:18px;border:1px solid #70ddffa6;border-radius:16px;background:linear-gradient(135deg,#16283de8,#11182be8);box-shadow:0 0 22px #47beff38}.cc-live-progress-summary:after{content:"";position:absolute;inset:-45%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff2e 50%,transparent 58%);animation:ccLiveProgressSweep 3.2s ease-in-out infinite}.cc-live-progress-summary small{color:#8be4ff;font-weight:900;text-transform:uppercase}.cc-live-progress-summary h3{margin:5px 0;font-size:28px}.cc-live-progress-summary p{margin:0}.cc-live-progress-bar{height:12px;margin-top:13px;overflow:hidden;border:1px solid #ffffff24;border-radius:999px;background:#ffffff14}.cc-live-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fd9b1,#45b9ff,#bd69ef);box-shadow:0 0 14px #45b9ff9e;transition:width .6s ease}.cc-live-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;align-items:start;gap:12px}.cc-live-progress-tier{position:relative;height:auto;min-height:0;padding:12px 15px 11px;border:1px solid #78dcff38;border-radius:14px;background:linear-gradient(135deg,#172438e6,#111a2bd9);transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cc-live-progress-tier h3{margin:0 0 5px;color:#fff7d7;font-size:18px;line-height:1.2}.cc-live-progress-tier p{margin:0 0 8px;color:#c9d5e4;font-size:16px;line-height:1.25}.cc-live-tier-progress{position:relative;height:7px;overflow:hidden;border:1px solid #ffffff21;border-radius:999px;background:#ffffff12}.cc-live-tier-progress i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43a1ff,#57dfb6);box-shadow:0 0 10px #55caff80;transition:width .65s ease}.cc-live-tier-progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff85 48%,transparent 70%);transform:translateX(-130%);animation:ccLiveTierShine 2.8s ease-in-out infinite}.cc-live-progress-tier.is-future .cc-live-tier-progress i{box-shadow:none}.cc-live-progress-tier.is-future .cc-live-tier-progress i:after{display:none}.cc-live-progress-tier.is-complete{border-color:#2ddc9d6b}.cc-live-progress-tier.is-complete:after{content:"✓";position:absolute;top:11px;right:12px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#23c98f;color:#04130e;font-weight:900}.cc-live-progress-tier.is-current{border-color:#70ddff;box-shadow:0 0 0 2px #70ddff33,0 0 24px #70ddff57;transform:translateY(-2px);animation:ccLiveProgressCurrent 2.4s ease-in-out infinite}.cc-live-progress-tier.is-current:after{content:"★";position:absolute;top:11px;right:12px;color:#ffe077;font-size:22px;filter:drop-shadow(0 0 7px #ffe077cc)}.cc-live-progress-tier.is-future{opacity:.56}@keyframes ccLiveTierShine{0%,35%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}@keyframes ccLiveProgressCurrent{0%,100%{box-shadow:0 0 0 2px #70ddff29,0 0 18px #70ddff3d}50%{box-shadow:0 0 0 3px #70ddff4d,0 0 30px #70ddff7a}}@keyframes ccLiveProgressSweep{0%,25%{transform:translateX(-55%);opacity:0}45%,60%{opacity:1}80%,100%{transform:translateX(55%);opacity:0}}@media(max-width:900px){.cc-live-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cc-live-progress-grid{grid-template-columns:1fr}.cc-live-progress-tabs{gap:7px}.cc-live-progress-tabs button{min-height:38px;padding:7px 12px}}@media(prefers-reduced-motion:reduce){.cc-live-progress-summary:after,.cc-live-progress-tier.is-current,.cc-live-tier-progress i:after{animation:none}} @media(max-width:760px){#cc-live-battle-panel{left:2px!important;top:2px!important;width:calc(100vw - 4px)!important;height:calc(100vh - 4px)!important;min-width:0;min-height:0;max-width:none;max-height:none;transform:none!important;resize:none}#cc-live-battle-bar strong{font-size:12px}#cc-live-battle-bar button{padding:3px 7px}} @media(max-width:600px){.cc-card-detail{grid-template-columns:1fr}.cc-card-detail img{max-height:42vh}.cc-moutchou-card{grid-template-columns:70px 1fr;gap:10px}.cc-moutchou-card img{width:70px;height:84px}} /* Animation légère et propre des boutons du menu gauche. */ #cc-games-hub-nav>button,#cc-games-hub-nav>a{position:relative;isolation:isolate;overflow:hidden;border-bottom-width:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -3px 7px rgba(0,0,0,.28),0 5px 10px rgba(0,0,0,.22);text-shadow:0 2px 3px rgba(0,0,0,.55);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease} #cc-games-hub-nav>button:before,#cc-games-hub-nav>a:before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -55%;width:38%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:0;transition:left .42s ease,opacity .18s ease} #cc-games-hub-nav>button:hover,#cc-games-hub-nav>a:hover{transform:translateX(5px) scale(1.015);box-shadow:0 8px 20px rgba(0,169,255,.18),0 0 16px rgba(126,87,255,.18)} #cc-games-hub-nav>button:hover:before,#cc-games-hub-nav>a:hover:before{left:125%;opacity:1} #cc-games-hub-nav>button:active,#cc-games-hub-nav>a:active{transform:translateX(3px) scale(.995)} @media(prefers-reduced-motion:reduce){#cc-games-hub-nav>button,#cc-games-hub-nav>a,#cc-games-hub-nav>button:before,#cc-games-hub-nav>a:before{transition:none!important}} .ccl-post{margin:12px 0;border:1px solid #4ca9d675;border-radius:12px;background:#071627;color:#eaf7ff}.ccl-post summary{padding:9px 13px;cursor:pointer;font-weight:800}.ccl-profile{margin-top:18px}.ccl-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.ccl-profile-grid>div{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:12px;border:1px solid #6ebfe544;border-radius:12px;background:#ffffff0a}.ccl-profile-grid img{grid-row:1/3;width:68px;height:68px;object-fit:contain}.ccl-profile-grid strong,.ccl-profile-grid span{color:inherit}.ccl-profile-grid i{grid-column:1/-1;display:block;height:9px;overflow:hidden;border-radius:9px;background:#ffffff1c}.ccl-profile-grid i b{display:block;height:100%;background:linear-gradient(90deg,#5f96ff,#55dfba)}@media(max-width:700px){.ccl-profile-grid{grid-template-columns:1fr}} .ccl-page{max-width:1200px;margin:22px auto}.ccl-page>header{padding:28px;border-radius:18px;background:linear-gradient(135deg,var(--panel-bg,#17253a),var(--body-bg,#0b1422));border:1px solid currentColor}.ccl-profile-box{margin-top:18px}.ccl-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.ccl-stat-grid>div{padding:18px;border:1px solid rgba(100,150,190,.28);border-radius:16px;background:rgba(255,255,255,.045);color:inherit}.ccl-stat-grid .ccl-wide{grid-column:1/-1}.ccl-stat-grid b{display:block;margin-bottom:12px;text-transform:uppercase}.ccl-stat-grid p{margin:5px 0}.ccl-stat-grid i{display:block;height:12px;border-radius:999px;background:rgba(100,120,150,.18);overflow:hidden}.ccl-stat-grid i span{display:block;height:100%;background:linear-gradient(90deg,#4f8fff,#65dfb8)}.ccl-badges{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ccl-badges>span{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto auto;align-items:center;padding:12px;border:1px solid rgba(100,150,190,.25);border-radius:14px}.ccl-badges img{grid-row:1/4;width:78px;height:78px;object-fit:contain}.ccl-badges em,.ccl-badges small{font-style:normal}.ccl-button{display:inline-block;padding:10px 18px;border-radius:999px;background:#377ee8;color:#fff!important;text-decoration:none!important;font-weight:800}.ccl-post{margin:12px 0;border:1px solid rgba(80,150,200,.45);border-radius:12px}.ccl-post>summary{padding:9px 14px;cursor:pointer;font-weight:800}.ccl-post .ccl-profile-box{margin:0;border:0;background:transparent}.ccl-post .ccl-profile-box>div>h3{display:none}@media(max-width:700px){.ccl-stat-grid,.ccl-badges{grid-template-columns:1fr}.ccl-stat-grid .ccl-wide{grid-column:auto}} /* CityCardsLive - profil et viewtopic compacts, compatibles tous styles */ .ccl-compact-profile{margin-top:12px;overflow:hidden} .ccl-compact-profile>.inner{padding:0} .ccl-compact-profile h3{margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid rgba(90,125,160,.25)} .ccl-compact-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px} .ccl-compact-badge{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(80,120,160,.22);border-radius:14px;background:rgba(255,255,255,.08)} .ccl-compact-badge img{display:block!important;flex:0 0 64px!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;border-radius:12px;background:rgba(255,255,255,.5)} .ccl-compact-badge>span{display:flex;flex-direction:column;gap:2px;min-width:0} .ccl-compact-badge strong{font-size:1.05em;color:inherit} .ccl-compact-badge em{font-style:normal;color:inherit;opacity:.9} .ccl-compact-badge small{color:inherit;opacity:.72} .ccl-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ccl-compact-grid section{min-width:0;padding:11px 13px;border:1px solid rgba(80,120,160,.20);border-radius:13px;background:rgba(255,255,255,.06)} .ccl-compact-grid section>b{display:block;margin-bottom:7px;font-size:.86em;text-transform:uppercase;letter-spacing:.03em;color:inherit;opacity:.72} .ccl-compact-grid section>strong{display:block;margin-bottom:6px} .ccl-compact-grid p{margin:3px 0!important} .ccl-compact-grid i{display:block;height:10px;overflow:hidden;border-radius:999px;background:rgba(80,110,145,.18)} .ccl-compact-grid i span{display:block;height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,#4f8fff,#65dfb8)} .ccl-last-card-image{display:block;width:76px!important;height:106px!important;max-width:76px!important;max-height:106px!important;margin:6px auto;object-fit:cover;border-radius:10px;box-shadow:0 5px 14px rgba(0,0,0,.25)} .ccl-compact-button{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#2f80ed,#5aa7ff);color:#fff!important;text-decoration:none!important;font-weight:700} .ccl-topic-compact{display:block!important;position:relative!important;float:none!important;clear:both!important;width:auto!important;max-width:100%!important;height:auto!important;margin:8px 0 0!important;padding:0!important;box-sizing:border-box!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-align:left!important} .ccl-topic-compact>summary{display:inline-flex!important;position:relative!important;float:none!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 10px!important;box-sizing:border-box!important;border:1px solid rgba(72,114,184,.28)!important;border-radius:999px!important;background:rgba(72,114,184,.12)!important;box-shadow:none!important;cursor:pointer!important;font-family:inherit!important;font-size:.86em!important;font-style:normal!important;font-weight:700!important;line-height:1.2!important;letter-spacing:normal!important;text-align:left!important;text-decoration:none!important;text-indent:0!important;text-transform:none!important;white-space:normal!important;list-style:none!important;color:inherit!important} .ccl-topic-compact>summary::-webkit-details-marker{display:none} .ccl-topic-compact>summary span{transition:transform .16s ease} .ccl-topic-compact[open]>summary span{transform:rotate(180deg)} .ccl-topic-compact-body{margin:10px 0 4px;padding:12px 14px;border:1px solid rgba(80,120,160,.22);border-radius:14px;background:rgba(255,255,255,.08);box-shadow:0 8px 22px rgba(20,45,70,.08);color:inherit} .ccl-player-page .ccl-compact-profile{margin-top:18px} @media(max-width:760px){.ccl-compact-badges,.ccl-compact-grid{grid-template-columns:1fr}.ccl-compact-badge img{flex-basis:54px!important;width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}} .cc-live-elemental-progress{margin-top:15px;padding-top:13px;border-top:1px solid #ffffff24}.cc-live-elemental-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-live-elemental-progress>div:first-child span{font-weight:900}.cc-live-elemental-progress>div:first-child strong{font-size:19px}.cc-live-elemental-progress p{margin:4px 0 0;color:#c9d5e4} .cc-card-grid .cc-live-item{position:relative}.cc-live-card-number{position:absolute;top:8px;right:9px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;box-sizing:border-box;border:1px solid #8adfff99;border-radius:999px;background:#071322e8;color:#eaf9ff;font-size:13px;line-height:1;font-weight:900;box-shadow:0 2px 8px #0008}.cc-live-item.is-missing .cc-live-card-number{opacity:1;filter:none;color:#b9c7d7}.cc-live-tier-summary{border-color:#6ddcff55;background:#10243a99} /* Page d'inscription CityCardsLive */ .cc-live-account-card{ width:calc(100% - 36px)!important; max-width:1180px!important; min-height:760px; overflow:hidden!important; background:#06151b!important; } /* Boutique PayPal : la transaction reste dans le panel CityCards Live. */ #cc-games-panel-v2 .cc-paypal-panel{display:grid;gap:18px} #cc-games-panel-v2 [data-cc-payment-menu][hidden]{display:none!important} #cc-games-panel-v2 .cc-paypal-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #cc-games-panel-v2 .cc-paypal-offer{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:22px 16px 16px;border:1px solid rgba(121,218,255,.48);border-radius:16px;background:radial-gradient(circle at top,#23b9ff2b,transparent 54%),linear-gradient(155deg,#142641,#091223);box-shadow:inset 0 1px 0 #ffffff21,0 12px 28px #0006;text-align:center;overflow:visible} #cc-games-panel-v2 .cc-paypal-offer:hover{z-index:20} #cc-games-panel-v2 .cc-paypal-offer.is-best{border-color:#ffd45f;box-shadow:inset 0 1px 0 #fff5be,0 0 24px #ffbe3038,0 12px 28px #0006} #cc-games-panel-v2 .cc-paypal-offer h3{margin:0 0 4px;color:#fff;font-size:19px;line-height:1.2;text-align:center} #cc-games-panel-v2 .cc-paypal-offer strong{font-size:31px;line-height:1;color:#8ee7ff;text-shadow:0 0 16px #24c9ff7d} #cc-games-panel-v2 .cc-paypal-offer>span:not(.cc-paypal-bonus){color:#d9e9fa;font-weight:900} #cc-games-panel-v2 .cc-paypal-offer>b{margin:8px 0 5px;color:#ffe58f;font-size:23px} #cc-games-panel-v2 .cc-paypal-rewards{align-self:stretch;display:grid;gap:5px;margin:8px 0;padding:9px 11px;list-style:none;border:1px solid #7addff2b;border-radius:10px;background:#050d18a8;text-align:left} #cc-games-panel-v2 .cc-paypal-rewards li{display:flex;align-items:center;gap:7px;color:#dcecff;font-size:14px;font-weight:800;line-height:1.25} #cc-games-panel-v2 .cc-paypal-rewards li span{flex:0 0 auto} #cc-games-panel-v2 .cc-paypal-reward-card{position:relative;cursor:help;outline:none} #cc-games-panel-v2 .cc-paypal-reward-card:focus-visible{border-radius:6px;box-shadow:0 0 0 2px #72dcff} #cc-games-panel-v2 .cc-paypal-reward-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #cc-games-panel-v2 .cc-paypal-card-preview{position:absolute;z-index:100;right:auto;bottom:calc(100% + 9px);left:50%;top:auto;display:none;flex-direction:column;align-items:center;gap:8px;width:190px;padding:13px;transform:translateX(-50%);border:1px solid #77ddff;border-radius:13px;background:linear-gradient(160deg,#132a46,#060d18 72%);box-shadow:0 18px 45px #000d,0 0 24px #34cfff45;color:#fff;text-align:center;pointer-events:none} #cc-games-panel-v2 .cc-paypal-reward-card:hover .cc-paypal-card-preview,#cc-games-panel-v2 .cc-paypal-reward-card:focus .cc-paypal-card-preview{display:flex} #cc-games-panel-v2 .cc-paypal-card-preview:before{content:"";position:absolute;top:100%;bottom:auto;left:50%;margin-left:-8px;border:8px solid transparent;border-top-color:#77ddff} #cc-games-panel-v2 .cc-paypal-card-preview .cc-deck-card-visual{flex-basis:150px;width:150px;height:198px} #cc-games-panel-v2 .cc-paypal-card-preview .cc-deck-card-visual img{border-radius:12px;box-shadow:0 7px 18px #0009} #cc-games-panel-v2 .cc-paypal-card-preview>strong{font-size:17px;color:#9beaff} #cc-games-panel-v2 .cc-paypal-card-preview>small{color:#d8e8f7;font-size:13px} #cc-games-panel-v2 .cc-paypal-visual-preview{width:min(330px,72vw)} #cc-games-panel-v2 .cc-paypal-visual-preview img{display:block;width:100%;max-height:210px;object-fit:contain;border:1px solid #55cfff88;border-radius:10px;background:#020915;box-shadow:0 8px 24px #000b} #cc-games-panel-v2 .cc-paypal-bonus{position:absolute;top:8px;right:-35px;width:140px;padding:4px 0;transform:rotate(35deg);background:#ef4f91;color:#fff;font-size:10px;font-weight:1000;text-transform:uppercase} #cc-games-panel-v2 .cc-paypal-buttons{width:100%;min-height:44px;margin-top:auto;position:relative;z-index:1} #cc-games-panel-v2 .cc-paypal-secure,#cc-games-panel-v2 .cc-paypal-notice{margin:0;padding:14px 16px;border:1px solid #65dbb174;border-radius:11px;background:#103328;color:#cfffea;text-align:center;font-weight:800} #cc-games-panel-v2 .cc-paypal-notice.is-warning{border-color:#ffc35d7d;background:#3b2b0d;color:#ffe7b0} #cc-games-panel-v2 .cc-paypal-notice.is-limit{border-color:#c08cff73;background:#2d1b49;color:#ecdfff} #cc-games-panel-v2 .cc-paypal-result{text-align:center;font-weight:1000}.cc-paypal-ok{color:#72f1b8}.cc-paypal-error{color:#ff929e}.cc-paypal-wait{color:#8ee7ff} @media(max-width:900px){#cc-games-panel-v2 .cc-paypal-offers{grid-template-columns:1fr}} .cc-live-account-background{ position:absolute!important; inset:0!important; z-index:0!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; pointer-events:none!important; } .cc-live-account-brand{ position:relative; z-index:2; display:flex!important; justify-content:center; align-items:center; min-height:104px; margin:0 0 12px; } .cc-live-account-logo{ display:block!important; width:360px!important; height:auto!important; max-width:70%!important; max-height:156px!important; object-fit:contain; filter:drop-shadow(0 7px 16px rgba(0,0,0,.85)); } .cc-live-account-layout{ position:relative; z-index:1; display:grid!important; grid-template-columns:220px minmax(380px,610px) 220px!important; justify-content:center; align-items:end!important; gap:18px; } .cc-live-account-center{ position:relative; z-index:3; align-self:start; min-width:0; } .cc-live-account-form{ position:relative; z-index:3; min-width:0; width:100%; box-sizing:border-box; padding:22px; border:1px solid rgba(103,239,188,.48); border-radius:20px; background:rgba(5,15,29,.78); box-shadow:0 15px 42px rgba(0,0,0,.72); backdrop-filter:blur(4px); } .cc-live-account-form h1{ margin-top:0; } .cc-live-account-character{ position:relative; z-index:2; display:flex!important; align-items:flex-end; justify-content:center; min-width:0; height:100%; overflow:hidden; } .cc-live-account-character img{ display:block!important; width:auto!important; height:auto!important; max-width:220px!important; max-height:540px!important; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 13px 20px rgba(0,0,0,.78)); } @media(max-width:900px){ .cc-live-account-card{min-height:0} .cc-live-account-layout{ grid-template-columns:130px minmax(340px,1fr) 130px!important; gap:8px; } .cc-live-account-character img{ max-width:130px!important; max-height:420px!important; } } @media(max-width:700px){ .cc-live-page{padding:8px} .cc-live-account-card{padding:15px} .cc-live-account-brand{ min-height:72px; margin:0 46px 10px; } .cc-live-account-logo{ width:280px!important; max-height:92px!important; } .cc-live-account-layout{display:block!important} .cc-live-account-character{display:none!important} .cc-live-account-form{padding:16px} } /* Packs synchronisés : même lecture visuelle que sur PlayCityCards. */ .cc-packs-title{margin:18px 0 10px;padding:14px 18px;border:1px solid #78dcff47;border-radius:12px;background:#081425;font-size:20px;color:#fff} .cc-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;align-items:stretch}.cc-pack-grid>*{min-width:0;max-width:100%} .cc-pack-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:240px;padding:12px;border:1px solid #315575;border-radius:14px;background:linear-gradient(145deg,#101d32,#091423);box-sizing:border-box} .cc-pack-card.is-owned{border-color:#35e7a7;box-shadow:0 0 0 1px #35e7a733,0 0 24px #23d89433;background:linear-gradient(145deg,#113229,#0b1c24)} .cc-pack-card.is-locked{opacity:.72} .cc-pack-owned-dot{position:absolute;top:17px;right:17px;width:18px;height:18px;border-radius:50%;background:#42e8ae;box-shadow:0 0 9px #42e8ae,0 0 20px #42e8ae88;animation:cc-pack-owned-pulse 1.4s ease-in-out infinite} @keyframes cc-pack-owned-pulse{0%,100%{transform:scale(.88);opacity:.72}50%{transform:scale(1.12);opacity:1}} .cc-pack-card-head{display:grid;grid-template-columns:minmax(58px,82px) minmax(0,1fr);gap:9px;align-items:start}.cc-pack-card-head>div{min-width:0} .cc-pack-card-head img,.cc-pack-placeholder{display:block;width:82px;height:82px;border-radius:14px;object-fit:cover;box-shadow:0 0 16px #38d8ff44} .cc-pack-placeholder{display:grid;place-items:center;background:#13243a;font-size:48px} .cc-pack-card-head h3{margin:0 30px 6px 0;font-size:clamp(14px,1.25vw,18px);line-height:1.08;color:#fff;overflow-wrap:anywhere;word-break:normal} .cc-pack-card-head p{margin:0 0 7px;font-size:13px;font-weight:700;color:#c9d6e8} .cc-pack-state{display:inline-block;padding:7px 12px;border-radius:999px;background:#145d85;color:#fff;font-weight:800} .cc-pack-card.is-owned .cc-pack-state{background:#175b4b} .cc-pack-card.is-locked .cc-pack-state{background:#40382f;color:#f2d8b0} .cc-pack-progress{height:16px;margin-top:auto;border:1px solid #ffffff25;border-radius:999px;background:#ffffff12;overflow:hidden} .cc-pack-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39dfc3,#6d83ff,#a35df5);transition:width .45s ease} .cc-pack-progress.is-total span{background:linear-gradient(90deg,#39dfc3,#42b9ff,#9f61ff)} .cc-pack-progress-label{margin:0;font-size:13px;font-weight:800;color:#dce7f5} .cc-pack-choose{align-self:flex-start} @media (max-width:720px){.cc-pack-card{padding:14px;min-height:0}.cc-pack-card-head{grid-template-columns:76px minmax(0,1fr)}.cc-pack-card-head img,.cc-pack-placeholder{width:76px;height:76px}.cc-pack-card-head h3{font-size:18px}.cc-pack-progress-label{font-size:14px}} @media (prefers-reduced-motion:reduce){.cc-pack-owned-dot{animation:none}} /* Découverte du premier pack : cartes révélées une par une. */ .cc-pack-reveal-grid{align-items:start;perspective:1100px} .cc-pack-reveal-card{min-width:0;opacity:0;visibility:hidden;transform:translateY(24px) rotateY(88deg) scale(.86);transform-origin:center;filter:brightness(.55);transition:opacity .36s ease,transform .58s cubic-bezier(.2,.78,.2,1.12),filter .55s ease;pointer-events:none} .cc-pack-reveal-card.is-visible{opacity:1;visibility:visible;transform:translateY(0) rotateY(0) scale(1);filter:brightness(1);pointer-events:auto} .cc-pack-reveal-card.is-visible .cc-live-item{animation:cc-live-pack-card-glow .8s ease both} .cc-pack-deck-invite{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease} .cc-pack-deck-invite.is-visible{opacity:1;transform:translateY(0)} @keyframes cc-live-pack-card-glow{0%{box-shadow:0 0 0 rgba(255,213,102,0)}45%{box-shadow:0 0 28px rgba(255,213,102,.82)}100%{box-shadow:0 0 12px rgba(97,220,255,.2)}} @media (prefers-reduced-motion:reduce){.cc-pack-reveal-card,.cc-pack-deck-invite{transition:none}.cc-pack-reveal-card.is-visible .cc-live-item{animation:none}} #cc-live-content{container-type:inline-size;min-width:0} /* Écran unique affiché lorsque le serveur central CityCards est en maintenance. */ #cc-live-content[data-cc-section-type="maintenance"]{display:grid;place-items:center;padding:clamp(18px,4vw,54px);overflow:auto;background:radial-gradient(circle at 50% 35%,rgba(0,190,255,.15),transparent 42%)} .cc-maintenance{position:relative;display:grid;grid-template-columns:minmax(150px,240px) minmax(280px,620px);align-items:center;gap:clamp(24px,5vw,70px);width:min(980px,94%);min-height:360px;padding:clamp(28px,5vw,64px);box-sizing:border-box;overflow:hidden;border:2px solid #21cfff;border-radius:28px;background:linear-gradient(145deg,rgba(8,43,82,.97),rgba(2,15,38,.98));box-shadow:0 0 0 1px rgba(131,232,255,.28) inset,0 0 38px rgba(0,190,255,.28),0 28px 70px rgba(0,0,0,.5)} .cc-maintenance:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 90% 10%,rgba(69,116,255,.22),transparent 35%)} .cc-maintenance-gears{position:relative;width:210px;height:210px;margin:auto;color:#61edff;filter:drop-shadow(0 0 14px rgba(28,220,255,.75))} .cc-maintenance-gears span{position:absolute;display:block;line-height:1;text-shadow:0 2px 0 #0b72aa;animation:cc-maintenance-spin 8s linear infinite} .cc-maintenance-gears span:nth-child(1){left:0;top:44px;font-size:128px} .cc-maintenance-gears span:nth-child(2){right:0;top:0;font-size:74px;animation-direction:reverse;animation-duration:6s} .cc-maintenance-gears span:nth-child(3){right:6px;bottom:0;font-size:66px;animation-direction:reverse;animation-duration:5s} .cc-maintenance-copy{position:relative;z-index:1} .cc-maintenance-copy small{display:inline-block;padding:7px 13px;border:1px solid rgba(89,229,255,.65);border-radius:999px;background:rgba(0,191,255,.13);color:#76ecff;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .cc-maintenance-copy h2{margin:18px 0 12px!important;color:#fff!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05;text-shadow:0 0 18px rgba(47,218,255,.42)} .cc-maintenance-copy p{max-width:650px;margin:0 0 22px!important;color:#d6eafb!important;font-size:clamp(16px,1.8vw,20px);line-height:1.55} .cc-maintenance-copy strong{display:block;color:#65e8ff;font-size:15px;line-height:1.45} @keyframes cc-maintenance-spin{to{transform:rotate(360deg)}} @media(max-width:760px){.cc-maintenance{grid-template-columns:1fr;text-align:center}.cc-maintenance-gears{width:150px;height:145px}.cc-maintenance-gears span:nth-child(1){font-size:92px}.cc-maintenance-gears span:nth-child(2){font-size:54px}.cc-maintenance-gears span:nth-child(3){font-size:48px}} @media(prefers-reduced-motion:reduce){.cc-maintenance-gears span{animation:none}} @container (max-width:760px){.cc-pack-card-head{grid-template-columns:76px minmax(0,1fr)}.cc-pack-card-head img,.cc-pack-placeholder{width:76px;height:76px}.cc-pack-card{padding:13px;min-height:0}.cc-pack-card-head h3{font-size:18px}.cc-pack-progress-label{font-size:14px}} @container (max-width:480px){.cc-pack-card-head{grid-template-columns:64px minmax(0,1fr)}.cc-pack-card-head img,.cc-pack-placeholder{width:64px;height:64px}.cc-pack-state{padding:5px 9px;font-size:12px}.cc-packs-title{font-size:17px;padding:11px 13px}} .cc-pack-reveal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;min-width:0}.cc-pack-reveal-card .cc-live-item{height:100%;min-width:0}.cc-pack-reveal-card img{max-width:100%;height:auto;object-fit:contain} .cc-pack-reveal-card .cc-live-item{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;justify-items:center;gap:10px;padding:12px;text-align:center;overflow:hidden} .cc-pack-reveal-card .cc-live-item-image{grid-column:1;width:min(100%,142px);height:auto;aspect-ratio:3/4;flex:none;margin:0 auto;border-radius:9px;background-size:contain;background-repeat:no-repeat;background-position:center} .cc-pack-reveal-card .cc-live-item>div:last-child{grid-column:1;width:100%;min-width:0;text-align:center;overflow:hidden} .cc-pack-reveal-card .cc-live-item h3{display:block;width:100%;margin:0 0 6px!important;padding-bottom:5px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1.15vw,16px);line-height:1.2} .cc-pack-reveal-card .cc-rarity-name{display:inline-flex;max-width:100%;white-space:nowrap} .cc-pack-reveal-card .cc-live-item p{width:100%;line-height:1.3;overflow-wrap:normal;word-break:normal} @container (max-width:920px){.cc-pack-reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @container (max-width:620px){.cc-pack-reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px) and (min-width:761px){#cc-games-panel-v2-scene{grid-template-columns:170px minmax(0,1fr)}#cc-games-hub-nav button,#cc-games-hub-nav a{font-size:14px;padding:7px 9px}#cc-live-content{padding:12px}} .cc-live-faq{padding:4px;max-width:850px;margin:0 auto}.cc-live-faq-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px;border:1px solid rgba(128,233,255,.35);border-radius:14px;background:linear-gradient(135deg,rgba(18,47,78,.94),rgba(25,20,61,.94))}.cc-live-faq-hero>span{font-size:42px}.cc-live-faq-hero h2{margin:0 0 7px!important;color:#fff!important;font-size:27px}.cc-live-faq-hero p{margin:0!important;color:#d5e8f5!important;font-size:16px;line-height:1.5}.cc-live-faq-topic{display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;width:100%;min-height:66px!important;padding:10px 16px!important;font-size:17px!important}.cc-live-faq-topic>span{font-size:27px}.cc-live-faq-topic>em{text-align:right;font-size:28px;font-style:normal}.cc-live-faq-modal{display:none;position:fixed;z-index:2147483600;inset:0;padding:20px;box-sizing:border-box;align-items:center;justify-content:center;background:rgba(2,6,14,.82);backdrop-filter:blur(4px)}.cc-live-faq-modal.is-open{display:flex}.cc-live-faq-dialog{position:relative;width:min(820px,96vw);max-height:min(720px,92vh);overflow:auto;box-sizing:border-box;padding:28px 32px;border:1px solid rgba(126,225,255,.7);border-radius:18px;background:radial-gradient(circle at top left,#153f65,#091421 48%,#090b17);color:#eefaff;box-shadow:0 25px 80px rgba(0,0,0,.78),0 0 30px rgba(76,207,255,.2)}.cc-live-faq-close{position:absolute;right:14px;top:12px;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:50%!important;background:rgba(9,20,34,.94)!important;color:#fff!important;font-size:30px!important;line-height:36px!important;text-align:center!important;cursor:pointer}.cc-live-faq-heading{display:flex;align-items:center;gap:14px;padding-right:50px}.cc-live-faq-heading span{font-size:40px}.cc-live-faq-heading h2{margin:0!important;color:#fff!important;font-size:29px}.cc-live-faq-copy{margin-top:20px}.cc-live-faq-copy p{margin:0 0 15px!important;color:#e2edf6!important;font-size:17px!important;line-height:1.6!important}.cc-live-faq-copy p:last-child{margin-bottom:0!important}@media(max-width:760px){.cc-live-faq-dialog{padding:24px 20px}.cc-live-faq-heading h2{font-size:24px}.cc-live-faq-copy p{font-size:16px!important}} @media (max-width:700px){#cc-games-panel-v2{min-width:360px;width:96vw}} @container (max-width:720px){.cc-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-pack-card{padding:8px;min-height:0}.cc-pack-card-head{grid-template-columns:1fr}.cc-pack-card-head img,.cc-pack-placeholder{width:100%;max-width:82px;height:auto;aspect-ratio:1;margin:0 auto}.cc-pack-card-head h3{margin-right:0;text-align:center;font-size:13px}.cc-pack-card-head p,.cc-pack-state,.cc-pack-progress-label{font-size:11px}.cc-pack-state{padding:4px 6px}.cc-pack-progress{height:10px}.cc-pack-roulette-row{gap:7px}.cc-pack-roulette-item{padding:7px 4px}.cc-pack-roulette-item img,.cc-pack-roulette-item .cc-pack-placeholder{width:min(100%,105px)}.cc-pack-roulette-item strong{font-size:11px}} /* Correctifs 2026-08-05 : trois packs par ligne et cartes de deck sans chevauchement. */ #cc-games-panel-v2 .cc-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} #cc-games-panel-v2 .cc-pack-card{min-width:0!important;overflow:hidden!important} #cc-games-panel-v2 .cc-panel-deck-pool{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} #cc-games-panel-v2 .cc-panel-deck-pick{display:grid!important;grid-template-columns:minmax(92px,42%) minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;overflow:hidden!important} #cc-games-panel-v2 .cc-panel-deck-pick .cc-panel-deck-card{min-width:0!important;max-width:100%!important} #cc-games-panel-v2 .cc-panel-deck-stock{position:static!important;min-width:0!important;overflow-wrap:anywhere!important;text-align:center!important} @container (max-width:850px){#cc-games-panel-v2 .cc-panel-deck-pool{grid-template-columns:repeat(2,minmax(0,1fr))!important}#cc-games-panel-v2 .cc-panel-deck-pick{grid-template-columns:1fr!important}} @container (max-width:560px){#cc-games-panel-v2 .cc-pack-grid{grid-template-columns:1fr!important}#cc-games-panel-v2 .cc-panel-deck-pool{grid-template-columns:1fr!important}} /* Mes decks : même structure et comportement que le panel CityCards. */ #cc-games-panel-v2 .cc-panel-decks{display:flex;flex-direction:column;gap:14px} #cc-games-panel-v2 .cc-panel-decks__top, #cc-games-panel-v2 .cc-panel-deck-editor__head, #cc-games-panel-v2 .cc-panel-deck-editor__status{display:flex;align-items:center;justify-content:space-between;gap:12px} #cc-games-panel-v2 .cc-panel-decks__primary, #cc-games-panel-v2 .cc-panel-deck-row button, #cc-games-panel-v2 .cc-panel-deck-editor__actions button{border:1px solid rgba(145,225,255,.72);border-radius:8px;padding:9px 13px;background:linear-gradient(135deg,rgba(29,185,150,.95),rgba(53,139,255,.95));color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.24)} #cc-games-panel-v2 .cc-panel-deck-editor__actions button:nth-child(2){background:linear-gradient(135deg,rgba(239,84,84,.94),rgba(239,95,170,.9))} #cc-games-panel-v2 .cc-panel-deck-editor__actions button:nth-child(3){background:rgba(10,18,34,.92)} #cc-games-panel-v2 .cc-panel-decks__primary:disabled, #cc-games-panel-v2 .cc-panel-deck-row button:disabled, #cc-games-panel-v2 .cc-panel-deck-editor__actions button:disabled{opacity:.55;cursor:not-allowed} #cc-games-panel-v2 .cc-panel-decks__saved{display:grid;gap:10px;max-height:230px;overflow-y:auto;scroll-behavior:smooth;padding-right:5px} #cc-games-panel-v2 .cc-panel-deck-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(120,200,255,.28);border-radius:10px;background:rgba(8,14,29,.86)} #cc-games-panel-v2 .cc-panel-deck-row.is-ready{border-color:rgba(75,225,169,.48)} #cc-games-panel-v2 .cc-panel-deck-row.is-missing{border:2px solid #ff3f5f;background:linear-gradient(135deg,rgba(112,8,29,.96),rgba(28,8,18,.96));box-shadow:0 0 20px #ff294f73,inset 0 0 18px #ff294f24} #cc-games-panel-v2 .cc-panel-deck-row.is-missing .cc-panel-deck-row__side em{color:#fff;background:#d82042;border-radius:999px;padding:5px 10px;font-weight:1000} .cc-live-navbar-item{display:flex!important;align-items:center;gap:8px} .cc-live-navbar-item>.cc-live-navbar-dropdown{display:none} .cc-live-navbar-item:hover>.cc-live-navbar-dropdown,.cc-live-navbar-item:focus-within>.cc-live-navbar-dropdown{display:block} .cc-live-navbar-item>a.cc-live-deck-alert{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:58px!important;max-width:72px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0 4px!important;padding:2px 10px!important;box-sizing:border-box!important;border:1px solid #ff8290!important;border-radius:999px!important;background:linear-gradient(180deg,#ed5260,#c5253b)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;line-height:1!important;text-shadow:0 1px 2px #65000b!important;box-shadow:0 0 8px #ff244f70,inset 0 1px 1px #fff6!important;text-decoration:none!important;animation:cc-live-deck-alert-pulse 1.5s ease-in-out infinite!important}@keyframes cc-live-deck-alert-pulse{50%{box-shadow:0 0 12px #ff244f90,inset 0 1px 1px #fff6}} #cc-games-panel-v2 .cc-live-preferences{display:grid!important;gap:14px!important;margin-top:18px!important} #cc-games-panel-v2 .cc-preference-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:16px!important;border:1px solid #78dcff59!important;border-radius:12px!important;background:#101d31!important} #cc-games-panel-v2 .cc-preference-row>div{display:grid!important;gap:6px!important;min-width:0!important} #cc-games-panel-v2 .cc-preference-row strong{display:block!important;color:#fff!important;font-size:18px!important} #cc-games-panel-v2 .cc-preference-row small{display:block!important;color:#c8d8e9!important;font-size:14px!important} #cc-games-panel-v2 .cc-preference-row button{position:relative!important;display:flex!important;align-items:center!important;width:205px!important;min-width:205px!important;height:54px!important;min-height:54px!important;padding:0 18px!important;border:2px solid!important;border-radius:999px!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;cursor:pointer!important;overflow:hidden!important;transition:.22s ease!important;box-shadow:inset 0 0 14px #0006,0 5px 15px #0005!important} #cc-games-panel-v2 .cc-preference-row button:after{content:""!important;position:absolute!important;top:5px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 8px #0009!important;transition:.22s ease!important} #cc-games-panel-v2 .cc-preference-row button.is-enabled{justify-content:flex-start!important;padding-right:62px!important;background:linear-gradient(90deg,#087a43,#19b96d)!important;border-color:#66ffc0!important} #cc-games-panel-v2 .cc-preference-row button.is-enabled:after{right:5px!important} #cc-games-panel-v2 .cc-preference-row button.is-disabled,#cc-games-panel-v2 .cc-preference-row button.is-away{justify-content:flex-end!important;padding-left:62px!important;background:linear-gradient(90deg,#d8324d,#8d142a)!important;border-color:#ff7890!important} #cc-games-panel-v2 .cc-preference-row button.is-disabled:after,#cc-games-panel-v2 .cc-preference-row button.is-away:after{left:5px!important} #cc-games-panel-v2 .cc-preference-row button:hover{filter:brightness(1.14)!important;transform:translateY(-1px)!important} .cc-card-variants__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,180px));justify-content:center;gap:14px}.cc-card-variant{display:grid;gap:7px;padding:11px;border:1px solid #70dcff66;border-radius:12px;background:#101c2f;text-align:center}.cc-card-variant__visual{display:flex;justify-content:center;padding:10px}.cc-card-variant__visual .cc-deck-card-visual{flex:0 0 128px;width:128px;height:172px}.cc-card-variant__visual .cc-deck-card-visual img{width:100%;height:100%;margin:0;object-fit:contain}.cc-card-variant strong{color:#8fe8ff;font-size:17px}.cc-card-variant span{color:#e8f5ff} .cc-rebuy-alert{padding:10px 12px;border:2px solid #ff526b;border-radius:9px;background:#7f1027;color:#fff;font-weight:1000;text-align:center;animation:cc-rebuy-pulse 1.25s ease-in-out infinite}@keyframes cc-rebuy-pulse{50%{box-shadow:0 0 18px #ff315e;transform:scale(1.02)}} #cc-games-panel-v2 .cc-panel-deck-row.is-favorite{border-color:rgba(255,211,92,.86);box-shadow:0 0 18px rgba(255,211,92,.14)} #cc-games-panel-v2 .cc-panel-deck-row__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px} #cc-games-panel-v2 .cc-panel-deck-row__side em{color:#8fe9ff;font-style:normal;font-weight:1000} #cc-games-panel-v2 .cc-panel-deck-row__main strong, #cc-games-panel-v2 .cc-panel-deck-editor h4, #cc-games-panel-v2 .cc-panel-deck-builder h4{display:block;margin:0 0 5px;color:#fff;font-size:17px} #cc-games-panel-v2 .cc-panel-deck-row__main>span, #cc-games-panel-v2 .cc-panel-deck-editor__status span, #cc-games-panel-v2 .cc-panel-deck-stock{color:#b8c7dc;font-weight:800} #cc-games-panel-v2 .cc-panel-deck-row__cards{display:grid;grid-template-columns:repeat(8,minmax(34px,1fr));gap:8px;margin-top:8px} #cc-games-panel-v2 .cc-panel-deck-editor{padding:14px;border:1px solid rgba(120,220,255,.32);border-radius:12px;background:radial-gradient(circle at top right,rgba(34,206,172,.16),transparent 45%),rgba(6,12,23,.94)} #cc-games-panel-v2 .cc-panel-deck-editor__head label{display:flex;flex:1;min-width:220px;flex-direction:column;gap:6px;color:#8fdfff;font-size:12px;font-weight:1000;text-transform:uppercase} #cc-games-panel-v2 .cc-panel-deck-editor__head input{width:100%;box-sizing:border-box;border:1px solid rgba(130,210,255,.42);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-weight:900;padding:10px 12px} #cc-games-panel-v2 .cc-panel-deck-editor__actions{display:flex;flex-wrap:wrap;gap:8px} #cc-games-panel-v2 .cc-panel-deck-builder{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(340px,1.15fr);gap:14px;margin-top:14px;min-height:0} #cc-games-panel-v2 .cc-panel-deck-selected{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:8px;align-content:start;max-height:520px;overflow-y:auto;scroll-behavior:smooth;padding-right:4px} #cc-games-panel-v2 .cc-panel-deck-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;align-content:start;max-height:520px;overflow-y:auto;scroll-behavior:smooth;padding-right:4px} #cc-games-panel-v2 .cc-panel-deck-selected button, #cc-games-panel-v2 .cc-panel-deck-pick{border:1px solid rgba(120,200,255,.28);border-radius:10px;background:rgba(9,19,38,.9);color:inherit;padding:8px;cursor:pointer} #cc-games-panel-v2 .cc-panel-deck-pick.is-picked{outline:2px solid rgba(55,218,160,.8)} #cc-games-panel-v2 .cc-panel-deck-pick:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)} #cc-games-panel-v2 .cc-panel-deck-card{display:grid;gap:4px;text-align:center;min-width:0} #cc-games-panel-v2 .cc-panel-deck-card__art{position:relative;display:block;border:3px solid #ff4d63;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.26)} #cc-games-panel-v2 .cc-panel-deck-card__art img{display:block;width:100%;aspect-ratio:.72;object-fit:cover} #cc-games-panel-v2 .cc-panel-deck-card__name{color:#fff;font-size:12px;font-weight:1000;line-height:1.15} #cc-games-panel-v2 .cc-panel-deck-card__meta{color:#9fdcf4;font-size:10px;font-weight:900} #cc-games-panel-v2 .cc-panel-deck-card.is-mini .cc-panel-deck-card__name, #cc-games-panel-v2 .cc-panel-deck-card.is-mini .cc-panel-deck-card__meta{display:none} #cc-games-panel-v2 .cc-panel-deck-stock{display:block;margin-top:5px;font-size:11px} #cc-games-panel-v2 .cc-panel-deck-stock.is-used{color:#ffd37a} #cc-games-panel-v2 .cc-panel-deck-selected .cc-panel-empty{grid-column:1/-1} @media(max-width:980px){#cc-games-panel-v2 .cc-panel-deck-builder{grid-template-columns:1fr}#cc-games-panel-v2 .cc-panel-deck-row{grid-template-columns:1fr}#cc-games-panel-v2 .cc-panel-deck-row__side{align-items:stretch}} .cc-workshop-rarity{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:#ffd76a}.cc-workshop-rarity strong{padding:4px 9px;border:1px solid #ffd76a88;border-radius:999px;background:#ffbb2d1f}.cc-workshop-rarity small{color:#aee9ff;font-weight:800} .cc-workshop-type{margin:0!important;color:#86dfff!important;font-size:13px!important;font-weight:900;text-transform:uppercase;letter-spacing:.04em} /* Lisibilité des textes descriptifs dans tous les menus du panel CityCardsLive. */ #cc-games-panel-v2 .cc-live-hero p, #cc-games-panel-v2 .cc-live-item p, #cc-games-panel-v2 .cc-tutorial-placeholder p, #cc-games-panel-v2 .cc-loader > small, #cc-games-panel-v2 .cc-workshop-empty, #cc-games-panel-v2 .cc-panel-missions__hero p, #cc-games-panel-v2 .cc-panel-mission p, #cc-games-panel-v2 .cc-panel-ranking p, #cc-games-panel-v2 .cc-panel-empty, #cc-games-panel-v2 .cc-panel-collection-hint, #cc-games-panel-v2 .cc-panel-challenge__hint, #cc-games-panel-v2 .cc-panel-wallet-convert__hint, #cc-games-panel-v2 .cc-preference-row small { font-size: 16px !important; line-height: 1.45 !important; } /* Classement mensuel des missions uniquement. */ #cc-games-panel-v2 .cc-mission-ranking { margin-top: 24px; padding: 20px 24px 24px; border-color: #78c8ff55; border-radius: 14px; } #cc-games-panel-v2 .cc-mission-ranking > h4 { margin: 0 0 18px !important; color: #fff7d7 !important; font-size: 25px; line-height: 1.2; } #cc-games-panel-v2 .cc-mission-ranking__row { display: grid; grid-template-columns: 90px minmax(160px, 1fr) 210px 250px; gap: 20px; align-items: center; min-height: 82px; margin-top: 12px; padding: 16px 18px; box-sizing: border-box; border-radius: 14px; background: #ffffff0e; color: #eef8ff; overflow: hidden; } #cc-games-panel-v2 .cc-mission-ranking__row > *, #cc-games-panel-v2 .cc-mission-ranking__row b, #cc-games-panel-v2 .cc-mission-ranking__row span { min-width: 0; color: #eef8ff; font-size: 18px !important; line-height: 1.25 !important; font-weight: 900; text-shadow: none; } #cc-games-panel-v2 .cc-mission-ranking__rank, #cc-games-panel-v2 .cc-mission-ranking__missions { display: flex; align-items: center; gap: 7px; white-space: nowrap; } #cc-games-panel-v2 .cc-mission-ranking__rank { color: #67dfff; } #cc-games-panel-v2 .cc-mission-ranking__rank span:first-child { font-size: 23px !important; line-height: 1 !important; } #cc-games-panel-v2 .cc-mission-ranking__reward { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; max-width: 100%; white-space: normal; overflow: hidden; } #cc-games-panel-v2 .cc-mission-ranking__reward b, #cc-games-panel-v2 .cc-mission-ranking__reward span { display: block; max-width: 100%; overflow-wrap: anywhere; } @media (max-width: 1180px) { #cc-games-panel-v2 .cc-mission-ranking__row { grid-template-columns: 78px minmax(145px, 1fr) 185px 220px; gap: 14px; } } #cc-games-panel-v2 .cc-mission-ranking__user { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 900px) { #cc-games-panel-v2 .cc-mission-ranking__row { grid-template-columns: 62px minmax(0, 1fr); gap: 9px 14px; } #cc-games-panel-v2 .cc-mission-ranking__missions, #cc-games-panel-v2 .cc-mission-ranking__reward { grid-column: 2; } } /* FAQ : grille définitive sur deux colonnes, une colonne sur petit écran. */ .cc-live-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1100px} .cc-live-faq-hero{grid-column:1/-1;margin-bottom:8px} .cc-live-faq-topic,.cc-live-faq-topic+.cc-live-faq-topic{margin:0!important} @media(max-width:760px){.cc-live-faq{grid-template-columns:1fr;padding:4px}} .cc-live-faq-copy .cc-faq-important{padding:14px 16px;border:1px solid rgba(255,77,128,.9);border-left:5px solid #ff3f75;border-radius:12px;background:linear-gradient(135deg,rgba(255,40,100,.18),rgba(255,190,50,.10));box-shadow:0 0 18px rgba(255,55,110,.18);color:#fff} /* Position définitive des informations de stock sous chaque carte du deck. */ #cc-games-panel-v2 .cc-panel-deck-pick{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;align-items:start!important;gap:4px!important;text-align:center!important;overflow:hidden!important} #cc-games-panel-v2 .cc-panel-deck-pick .cc-panel-deck-card{grid-column:1!important;width:min(100%,150px)!important;max-width:150px!important;margin:0 auto!important} #cc-games-panel-v2 .cc-panel-deck-pick .cc-panel-deck-stock{position:static!important;grid-column:1!important;width:100%!important;max-width:100%!important;margin:6px 0 0!important;text-align:center!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important} /* Relief rarity emblem shown in card details. */ .cc-rarity-icon{display:inline-grid;place-items:center;min-width:1.15em;height:1.15em;margin-right:.35em;border-radius:50%;font-style:normal;font-size:.78em;box-shadow:0 2px 5px #000,inset 0 1px 1px rgba(255,255,255,.7);text-shadow:0 1px 2px #000} .cc-rarity-common .cc-rarity-icon:empty{display:none}.cc-rarity-rare .cc-rarity-icon{color:#fff;background:#3b91df}.cc-rarity-epic .cc-rarity-icon{color:#fff;background:#9143d2}.cc-rarity-legendary .cc-rarity-icon{color:#fff7c2;background:#d98a10}.cc-rarity-ultra .cc-rarity-icon{color:#fff;background:linear-gradient(135deg,#ff4fbd,#5d57ff);box-shadow:0 0 10px #ff4fbd,0 2px 5px #000} .cc-card-variant.cc-rarity-rare{border-color:#56c8ff}.cc-card-variant.cc-rarity-epic{border-color:#bd55f4}.cc-card-variant.cc-rarity-legendary{border-color:#f6bd35}.cc-card-variant.cc-rarity-ultra{border-color:#ff4fbd;box-shadow:0 0 18px rgba(255,79,189,.35)} .cc-rarity-name{display:inline-flex;align-items:center;min-width:0;max-width:100%;gap:.18em;color:#fff}.cc-rarity-name.cc-rarity-rare{color:#62cfff}.cc-rarity-name.cc-rarity-epic{color:#d47aff}.cc-rarity-name.cc-rarity-legendary{color:#ffd75f}.cc-rarity-name.cc-rarity-ultra{color:#ff79d1;text-shadow:0 0 8px rgba(255,79,189,.65)} #cc-games-panel-v2 .cc-live-deck-choice.cc-rarity-rare,#cc-games-panel-v2 .cc-panel-deck-card.cc-rarity-rare .cc-panel-deck-card__art{border-color:#56c8ff}#cc-games-panel-v2 .cc-live-deck-choice.cc-rarity-epic,#cc-games-panel-v2 .cc-panel-deck-card.cc-rarity-epic .cc-panel-deck-card__art{border-color:#bd55f4}#cc-games-panel-v2 .cc-live-deck-choice.cc-rarity-legendary,#cc-games-panel-v2 .cc-panel-deck-card.cc-rarity-legendary .cc-panel-deck-card__art{border-color:#f6bd35}#cc-games-panel-v2 .cc-live-deck-choice.cc-rarity-ultra,#cc-games-panel-v2 .cc-panel-deck-card.cc-rarity-ultra .cc-panel-deck-card__art{border-color:#ff4fbd;box-shadow:0 0 16px rgba(255,79,189,.25)} /* Centrage stable des libellés, y compris sur deux lignes. */ #cc-games-hub-nav>button,#cc-games-hub-nav>a{justify-content:center!important;text-align:center!important} #cc-games-hub-nav .cc-live-menu-help-button{position:relative!important;padding-left:42px!important;padding-right:42px!important} #cc-games-hub-nav .cc-live-menu-help-button>span:first-child{display:grid!important;place-items:center!important;width:100%!important;flex:1 1 100%!important;text-align:center!important} #cc-games-hub-nav .cc-live-menu-help-button>.cc-live-menu-help{position:absolute!important;right:9px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important} #cc-games-hub-nav .cc-live-menu-help-button>.cc-live-menu-help:hover,#cc-games-hub-nav .cc-live-menu-help-button>.cc-live-menu-help:focus-visible{transform:translateY(-50%) scale(1.12)!important} /* Cartes de l'Atelier alignées et de hauteur uniforme. */ #cc-games-panel-v2 .cc-workshop-grid{align-items:stretch!important} #cc-games-panel-v2 .cc-workshop-wrap{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important} #cc-games-panel-v2 .cc-workshop-wrap>.cc-live-item{flex:1 1 auto!important;width:100%!important;min-height:220px!important} #cc-games-panel-v2 .cc-workshop-wrap>.cc-workshop-preview,#cc-games-panel-v2 .cc-workshop-wrap>.cc-primary,#cc-games-panel-v2 .cc-workshop-wrap>[data-workshop-equip]{width:100%!important;box-sizing:border-box!important} /* Animations envoyables : même gabarit, image puis texte en dessous. */ #cc-games-panel-v2 .cc-workshop-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;align-items:stretch!important} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;padding:14px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(65,225,182,.72);border-radius:14px;background:rgba(5,17,38,.96)} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]>.cc-live-item{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;min-height:300px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-live-item-image{width:124px!important;height:124px!important;flex:0 0 124px!important;margin:0 auto 12px!important;border-radius:12px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-live-item>div:last-child{display:flex;flex-direction:column;min-width:0!important;flex:1 1 auto} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-live-item h3{min-height:0!important;margin:0 0 9px!important;color:#86e8ff!important;font-size:18px!important;line-height:1.2!important;text-align:center} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-live-item p{min-height:6.8em!important;margin:0!important;color:#c8d7ea!important;font-size:14px!important;line-height:1.36!important;font-weight:700!important;text-align:center;overflow-wrap:anywhere} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-live-item b{margin-top:auto;color:#ffe28a;font-size:14px} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]>.cc-workshop-type{min-height:2.4em;margin:10px 0 5px!important;text-align:center} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]>p:not(.cc-workshop-type):not(.cc-workshop-rarity){margin:0 0 5px!important;text-align:center} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]>.cc-workshop-rarity{justify-content:center;margin:4px 0 10px!important} #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"]>.cc-primary{margin-top:auto!important} @media(max-width:700px){#cc-games-panel-v2 .cc-workshop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}} /* États de l'Atelier : repères immédiatement visibles, même sans lire le bouton. */ #cc-games-panel-v2 .cc-workshop-card{position:relative!important;transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease,transform .18s ease} #cc-games-panel-v2 .cc-workshop-card:not(.is-owned):not(.is-equipped){border:2px solid rgba(65,194,255,.72)!important;background:linear-gradient(145deg,rgba(20,73,116,.16),transparent 42%),rgba(5,17,38,.96)!important;box-shadow:inset 0 0 22px rgba(38,174,255,.07)!important} #cc-games-panel-v2 .cc-workshop-card.is-owned:not(.is-equipped){border:2px solid rgba(48,232,166,.9)!important;background:linear-gradient(145deg,rgba(26,153,105,.16),transparent 44%),rgba(5,17,38,.96)!important;box-shadow:inset 0 0 24px rgba(48,232,166,.1),0 0 9px rgba(48,232,166,.16)!important} #cc-games-panel-v2 .cc-workshop-card.is-equipped{border:3px double #ffd75f!important;background:linear-gradient(145deg,rgba(255,196,45,.2),transparent 48%),rgba(5,17,38,.98)!important;box-shadow:inset 0 0 32px rgba(255,211,83,.15),0 0 0 2px rgba(255,215,95,.13),0 0 20px rgba(255,194,45,.5)!important} #cc-games-panel-v2 .cc-workshop-card.is-equipped:after{content:"\2713";position:absolute;z-index:3;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff1ac;border-radius:50%;background:linear-gradient(145deg,#ffdc63,#a96e00);color:#07111f;font-size:20px;line-height:1;font-weight:1000;box-shadow:0 0 13px rgba(255,214,80,.88),0 3px 7px rgba(0,0,0,.5)} #cc-games-panel-v2 .cc-workshop-card.is-equipped .cc-workshop-card__badge{border:1px solid rgba(255,234,151,.72)!important;background:linear-gradient(135deg,rgba(255,214,79,.3),rgba(151,96,0,.36))!important;color:#fff4bd!important;box-shadow:0 0 9px rgba(255,211,83,.34)!important} #cc-games-panel-v2 .cc-workshop-card.is-owned:not(.is-equipped) .cc-workshop-card__badge{border:1px solid rgba(103,255,201,.45)!important;background:rgba(40,196,139,.24)!important;color:#dffff2!important} #cc-games-panel-v2 .cc-workshop-card:not(.is-owned):not(.is-equipped) .cc-workshop-card__badge{border:1px solid rgba(99,205,255,.4)!important;background:rgba(0,139,213,.23)!important;color:#dcf6ff!important} #cc-games-panel-v2 .cc-workshop-card:hover{transform:translateY(-2px)} /* Atelier : présentation homogène avec le panel CityCards central. */ #cc-games-panel-v2 .cc-workshop-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;align-items:stretch!important;gap:14px!important} #cc-games-panel-v2 .cc-workshop-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(38,206,173,.7)!important;border-radius:14px!important;background:rgba(5,17,38,.96)!important;text-align:center!important} #cc-games-panel-v2 .cc-workshop-card.is-owned{border-color:rgba(54,230,166,.72)!important} #cc-games-panel-v2 .cc-workshop-card.is-equipped{border-color:rgba(255,213,97,.82)!important;box-shadow:0 0 0 1px rgba(255,213,97,.18),0 10px 24px rgba(0,0,0,.26)!important} #cc-games-panel-v2 .cc-workshop-card__image{display:flex;align-items:center;justify-content:center;width:100%;height:118px;flex:0 0 118px;margin:0 0 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 62%),rgba(12,22,43,.92)} #cc-games-panel-v2 .cc-workshop-card__image img{display:block;width:100%;height:100%;padding:8px;box-sizing:border-box;object-fit:contain} #cc-games-panel-v2 .cc-workshop-card[data-workshop-category="background"] .cc-workshop-card__image img,#cc-games-panel-v2 .cc-workshop-card[data-workshop-category="panel"] .cc-workshop-card__image img{padding:0;object-fit:cover} #cc-games-panel-v2 .cc-workshop-card[data-workshop-category="sound"] .cc-workshop-card__image{height:72px;flex-basis:72px} #cc-games-panel-v2 .cc-workshop-card__image span{font-size:42px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))} #cc-games-panel-v2 .cc-workshop-card__title{min-height:0!important;margin:0 0 8px!important;color:#86e8ff!important;font-size:17px!important;line-height:1.18!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important} #cc-games-panel-v2 .cc-workshop-card__description{min-height:0!important;margin:0 0 8px!important;color:#c8d7ea!important;font-size:14px!important;line-height:1.36!important;font-weight:700!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important} #cc-games-panel-v2 .cc-workshop-card__type{margin:auto 0 5px!important;color:#aebdd1!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important;text-align:center!important;text-transform:uppercase} #cc-games-panel-v2 .cc-workshop-card__rarity{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:5px 0 8px;color:#ffd76a} #cc-games-panel-v2 .cc-workshop-card__rarity strong{padding:4px 9px;border:1px solid rgba(255,215,106,.48);border-radius:999px;background:rgba(255,187,45,.12)} #cc-games-panel-v2 .cc-workshop-card__rarity small{color:#aee9ff;font-weight:800} #cc-games-panel-v2 .cc-workshop-card__line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 10px} #cc-games-panel-v2 .cc-workshop-card__price{color:#ffe795;font-weight:1000} #cc-games-panel-v2 .cc-workshop-card__badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(0,169,255,.18);color:#dff8ff;font-size:12px;font-weight:1000} #cc-games-panel-v2 .cc-workshop-card.is-owned .cc-workshop-card__badge{background:rgba(54,230,166,.18);color:#dfffee} #cc-games-panel-v2 .cc-workshop-card.is-equipped .cc-workshop-card__badge{background:rgba(255,213,97,.18);color:#fff0b8} #cc-games-panel-v2 .cc-workshop-card__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto} #cc-games-panel-v2 .cc-workshop-card__actions>button{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important} #cc-games-panel-v2 .cc-workshop-card__buy{background:linear-gradient(135deg,#2bd7aa,#6d5cff)!important;color:#fff!important;font-weight:1000!important} #cc-games-panel-v2 .cc-workshop-card__buy[disabled]{border-color:transparent!important;background:#2a3142!important;color:#b9c2d4!important;opacity:.92!important} @media(max-width:700px){#cc-games-panel-v2 .cc-workshop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}} /* Menu gauche compact organise par rubriques - v12 */ #cc-games-hub-nav{gap:2px;padding:9px 8px 10px} #cc-games-hub-nav .cc-live-nav-group-title{margin:7px 4px 3px;padding:0 3px 5px;border-bottom:1px solid #78c8ff24;color:#83a8ca;font-size:10px;line-height:1.1;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;white-space:normal} #cc-games-hub-nav .cc-live-nav-group-title:first-child{margin-top:1px} #cc-games-hub-nav button,#cc-games-hub-nav a{position:relative;min-height:33px;padding:5px 7px;border-color:transparent;background:#0714267a;font-size:13px;line-height:1.15;font-weight:850;gap:5px;overflow:hidden;transition:transform .16s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease} #cc-games-hub-nav button:hover,#cc-games-hub-nav a:hover,#cc-games-hub-nav button.is-active{transform:translateX(2px);background:linear-gradient(135deg,#00a9ff32,#7e57ff27);border-color:#55cfff88;box-shadow:inset 0 0 18px #19bfff14,0 0 10px #00a9ff16} #cc-games-hub-nav button.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:#41dfff;box-shadow:0 0 10px #41dfff} #cc-games-hub-nav .cc-live-menu-label,#cc-games-hub-nav .cc-live-menu-help-button>span:first-child{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #cc-games-hub-nav .cc-live-menu-help{flex:0 0 15px;width:15px;height:15px;margin-left:2px;color:#ff6985;font-size:13px;line-height:15px;font-weight:1000;text-shadow:0 0 5px #ff2752b5} #cc-games-hub-nav .cc-live-menu-help:after{top:-4px;right:-3px;font-size:6px} #cc-games-hub-nav .cc-live-menu-help:hover,#cc-games-hub-nav .cc-live-menu-help:focus-visible{transform:scale(1.08)} #cc-games-hub-nav .cc-live-menu-badge{display:inline-grid;flex:0 0 auto;min-width:18px;height:18px;place-items:center;padding:0 5px;box-sizing:border-box;border:1px solid #ff6f85a8;border-radius:999px;background:#8d2034;color:#fff;font-size:10px;line-height:1;font-weight:1000;box-shadow:0 0 9px #ff496d55} #cc-games-hub-nav .cc-live-menu-badge--missions.is-claimable{border-color:#62f2b0;background:#078653;color:#fff;box-shadow:0 0 12px #27e99b99} #cc-games-hub-nav .cc-live-menu-badge.is-claimable{border-color:#62f2b0;background:#078653;color:#fff;box-shadow:0 0 12px #27e99b99} #cc-games-hub-nav .cc-live-menu-badge[hidden]{display:none!important} #cc-games-hub-nav .cc-live-menu-status{display:block;flex:0 0 10px;width:10px;height:10px;margin-left:auto;border:1px solid #ffffff6e;border-radius:50%;background:#687487;box-shadow:0 0 5px #0008} #cc-games-hub-nav .cc-live-menu-status.is-ok{background:#22d989;border-color:#83ffd0;box-shadow:0 0 9px #22d989b0} #cc-games-hub-nav .cc-live-menu-status.is-incomplete{background:#ff4f62;border-color:#ff9aa7;box-shadow:0 0 9px #ff4f62b0} #cc-games-hub-nav .cc-live-menu-status.is-unknown{background:#687487;opacity:.55} #cc-games-hub-nav .cc-live-menu-help-button[data-cc-section="arena"]{height:auto!important;min-height:33px!important;padding-top:5px!important;padding-bottom:5px!important} #cc-games-hub-nav .cc-live-menu-help-button[data-cc-section="arena"]>span:first-child{display:block;text-align:left;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-height:720px){#cc-games-hub-nav{gap:1px;padding-top:6px;padding-bottom:6px}#cc-games-hub-nav .cc-live-nav-group-title{margin-top:4px;padding-bottom:3px;font-size:9px}#cc-games-hub-nav button,#cc-games-hub-nav a{min-height:29px;padding-top:4px;padding-bottom:4px;font-size:12px}} /* Ajustement sous-menus gauche - v14 : decalage conserve mais reduit pour eviter les libelles coupes. */ #cc-games-hub-nav>button,#cc-games-hub-nav>a{ width:calc(100% - 6px)!important; margin-left:6px!important; justify-content:flex-start!important; text-align:left!important; } #cc-games-hub-nav .cc-live-menu-help-button{ padding-left:10px!important; padding-right:27px!important; } #cc-games-hub-nav .cc-live-menu-label, #cc-games-hub-nav .cc-live-menu-help-button>span:first-child{ display:block!important; width:auto!important; min-width:0!important; flex:1 1 auto!important; place-items:initial!important; text-align:left!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #cc-games-hub-nav .cc-live-menu-help-button>.cc-live-menu-help{ right:7px!important; } /* Atelier : conserver une zone lisible même lorsqu'un fond de panel personnalisé est équipé. */ #cc-games-panel-v2.has-custom-theme .cc-workshop-grid{ padding:16px; box-sizing:border-box; border:1px solid #78dcff38; border-radius:14px; background:#07111f!important; box-shadow:0 10px 28px #0008,inset 0 0 0 1px #ffffff08; } /* Contenus lisibles sur fond de panel personnalise - v17. Style "Packs" : on protege chaque carte/bloc utile individuellement afin de laisser le fond personnalise visible entre les elements. */ /* Collection : chaque carte est protegee, pas toute la grille. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="cards"] .cc-card-grid>.cc-live-item, #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="cards"] .cc-card-grid>[data-card-id]{ border-color:#78dcff38!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffffff07!important; } /* Boutique : chaque article est detoure individuellement. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="shop"] .cc-shop-wrap{ padding:10px!important; box-sizing:border-box!important; border:1px solid #78dcff38!important; border-radius:14px!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffffff07!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="shop"] .cc-shop-filters{ padding:10px 12px!important; border:1px solid #78dcff2f!important; border-radius:14px!important; background:#07111fdb!important; } /* Portefeuille : conversion puis chaque monnaie/objet en bloc distinct. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="wallet"] .cc-live-form{ border-color:#78dcff38!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="wallet"] .cc-grid>.cc-live-item, #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="wallet"] .cc-grid>*{ border-radius:14px!important; background:#07111fe8!important; box-shadow:0 8px 22px #0007!important; } /* Defier un membre : options et joueurs restent des blocs separes. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="challenge"] .cc-challenge-options{ border-color:#78dcff38!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="challenge"] .cc-challenge-player{ padding:10px!important; box-sizing:border-box!important; border:1px solid #78dcff38!important; border-radius:14px!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffffff07!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="challenge"]>section.cc-live-section>h3{ display:inline-block!important; margin:14px 0 8px!important; padding:8px 12px!important; border:1px solid #78dcff2f!important; border-radius:10px!important; background:#07111fdb!important; } /* FAQ : le bandeau et chaque question sont detoures, sans panneau global. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="faq"] .cc-live-faq{ padding:4px!important; border:0!important; background:transparent!important; box-shadow:none!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="faq"] .cc-live-faq-hero, #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="faq"] .cc-live-faq-topic{ border-color:#78dcff46!important; background:#07111fea!important; box-shadow:0 8px 22px #0007!important; } /* Moutchou : pas de grand rectangle unique. Avatar/presentation, conversation et formulaire sont proteges individuellement. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] .cc-moutchou-card{ padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; align-items:start!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] .cc-moutchou-card>img{ padding:10px!important; box-sizing:content-box!important; border:1px solid #78dcff38!important; border-radius:14px!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] .cc-moutchou-card>div>h3, #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] .cc-moutchou-card>div>h3+p{ width:fit-content!important; max-width:100%!important; padding:8px 12px!important; box-sizing:border-box!important; border:1px solid #78dcff2f!important; border-radius:10px!important; background:#07111fe8!important; box-shadow:0 6px 18px #0006!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] #cc-moutchou-conversation{ border-color:#78dcff45!important; background:#07111ff0!important; box-shadow:0 8px 22px #0008!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="moutchou"] #cc-moutchou-form{ padding:12px!important; box-sizing:border-box!important; border:1px solid #78dcff38!important; border-radius:12px!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008!important; } /* Missions : meme rendu que Packs - v18. Chaque mission et le classement restent dans leurs propres blocs sombres, sans masquer le fond personnalise entre les elements. */ #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="missions"] .cc-grid{ padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="missions"] .cc-mission{ border-color:#78dcff38!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffffff07!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="missions"] .cc-mission-ranking{ border-color:#78dcff38!important; background:#07111fe8!important; box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffffff07!important; } #cc-games-panel-v2.has-custom-theme #cc-live-content[data-cc-section-type="missions"] .cc-mission-ranking__row{ background:#0a1727e8!important; border-color:#78dcff2f!important; } /* PayPal Standard/IPN */ .cc-paypal-ipn-form{display:grid;gap:8px;margin-top:10px}.cc-paypal-ipn-button{border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,#ffc439,#ffdb69);color:#10233f;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #c89200,0 10px 22px rgba(255,196,57,.22);transition:.18s}.cc-paypal-ipn-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #c89200,0 14px 26px rgba(255,196,57,.32)}.cc-paypal-ipn-form small{line-height:1.35;opacity:.76;text-align:center} .cc-live-forgot-password{margin-top:17px;padding-top:13px;border-top:1px solid #71d9ff45}.cc-live-forgot-password summary{color:#75eaff;font-weight:900;cursor:pointer;text-align:center}.cc-live-forgot-password form{margin-top:10px}.cc-live-account-form .success,.cc-live-account-form .notice{padding:10px 12px;border-radius:10px}.cc-live-account-form .success{border:1px solid #42e8ae;background:#0d4837;color:#caffed}.cc-live-account-form .notice{border:1px solid #53cfff;background:#0b355a;color:#d8f5ff} .cc-profile-logout{width:100%;margin-top:12px;padding:10px 13px!important;border:1px solid #ff7095!important;border-radius:11px!important;background:linear-gradient(180deg,#8e2448,#511328)!important;color:#fff!important;font-weight:900!important;cursor:pointer;box-shadow:0 0 13px #ff437044}.cc-profile-logout:hover{background:linear-gradient(180deg,#b92e5c,#711838)!important}.cc-profile-logout:disabled{opacity:.55;cursor:wait} /* Amis choisis directement dans CityCardsLive. */ #cc-games-panel-v2 .cc-challenge-player{position:relative} #cc-games-panel-v2 .cc-challenge-player.is-friend{border-color:#ff6f9f!important;box-shadow:0 0 18px #ff4f8a33,inset 0 0 0 1px #ff9bbb24!important} #cc-games-panel-v2 .cc-challenge-friend{position:absolute;z-index:3;top:17px;right:17px;display:grid;width:40px;height:40px;place-items:center;padding:0!important;border:1px solid #ff8aaf!important;border-radius:50%!important;background:#311126e8!important;color:#ff8eb4!important;font-size:25px!important;line-height:1!important;cursor:pointer;box-shadow:0 5px 13px #0008,0 0 12px #ff4b8933} #cc-games-panel-v2 .cc-challenge-friend:hover,#cc-games-panel-v2 .cc-challenge-friend.is-active{transform:translateY(-1px);background:#8b1649!important;color:#fff!important;box-shadow:0 0 18px #ff4f8a99} #cc-games-panel-v2 .cc-challenge-friend:disabled{opacity:.55;cursor:wait} /* Lecteur vidéo des démonstrations FX, ouvert sans rechargement. */ .cc-fx-video-modal{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:rgba(1,7,18,.86);backdrop-filter:blur(8px)} .cc-fx-video-dialog{width:min(960px,96vw);overflow:hidden;border:2px solid #23d7ff;border-radius:22px;background:linear-gradient(145deg,#0a315b,#031126);box-shadow:0 0 42px rgba(0,206,255,.38),0 30px 90px rgba(0,0,0,.7)} .cc-fx-video-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid rgba(92,221,255,.38)} .cc-fx-video-dialog h2{margin:0!important;color:#eafaff!important;font-size:21px!important} .cc-fx-video-close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #62dcff;border-radius:50%;background:#0a4f85;color:#fff;font-size:30px;line-height:1;cursor:pointer} .cc-fx-video-frame{position:relative;padding-top:56.25%;background:#000} .cc-fx-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .cc-panel-workshop__video,.cc-workshop-video{border:1px solid #26d9ff!important;background:linear-gradient(180deg,#0daed7,#0875b8)!important;color:#fff!important;font-weight:900!important;cursor:pointer} @media(max-width:600px){.cc-fx-video-modal{padding:8px}.cc-fx-video-dialog{border-radius:14px}.cc-fx-video-dialog h2{font-size:16px!important}} .cc-settings-privacy{display:flex;flex-direction:column;gap:14px}.cc-settings-privacy label{display:flex;align-items:center;gap:10px}.cc-settings-privacy input{width:20px;height:20px}.cc-member-profile-link,[data-member-profile]{cursor:pointer}.cc-public-profile{text-align:center;padding:24px}.cc-public-profile__avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #24d9f5}.cc-public-profile__badges{display:flex;justify-content:center;gap:24px;margin:18px 0}.cc-public-profile__badges figure{margin:0}.cc-public-profile__badges img{width:90px;height:90px;object-fit:contain}.cc-public-profile__badges figcaption{font-weight:700} .cc-ranking-profile-link{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.cc-ranking-profile-link:hover,.cc-ranking-profile-link:focus{color:#39dcff;text-shadow:0 0 8px rgba(57,220,255,.65);outline:none} /* 2026-08-12 : navigation et contenu réellement adaptatifs sur téléphone. */ @media (max-width:600px), (max-height:520px) and (pointer:coarse) { #cc-games-panel-v2 { left:1vw!important; top:max(4px,env(safe-area-inset-top))!important; width:98vw!important; height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important; min-width:0!important; min-height:0!important; max-width:98vw!important; max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important; transform:none!important; resize:none!important; } #cc-games-panel-v2-bar{height:44px!important;padding:0 5px 0 9px!important;gap:4px!important;cursor:default!important} #cc-games-panel-v2-title{gap:5px!important;font-size:12px!important;flex:1 1 auto!important} #cc-games-panel-v2-title>span:first-child{overflow:hidden;text-overflow:ellipsis} #cc-live-wallet{display:none!important} #cc-games-panel-v2-menu{gap:3px!important} #cc-games-panel-v2-menu button{height:34px!important;min-width:34px!important;padding:3px 7px!important;font-size:12px!important} #cc-games-panel-v2-menu .cc-games-icon-btn{width:34px!important;padding:0!important} #cc-games-panel-v2-content{height:calc(100% - 44px)!important} #cc-games-panel-v2-scene{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;overflow:hidden!important} #cc-games-hub-nav{ position:static!important; display:flex!important; flex:0 0 auto!important; flex-direction:row!important; gap:6px!important; width:100%!important; height:auto!important; min-width:0!important; min-height:50px!important; max-height:58px!important; padding:6px 8px!important; border-right:0!important; border-bottom:1px solid #78c8ff59!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity; scrollbar-width:thin; -webkit-overflow-scrolling:touch; } #cc-games-hub-nav .cc-live-nav-group-title{display:none!important} #cc-games-hub-nav>button,#cc-games-hub-nav>a{ flex:0 0 auto!important; width:auto!important; min-width:max-content!important; min-height:38px!important; height:38px!important; padding:6px 10px!important; font-size:12px!important; line-height:1!important; scroll-snap-align:start; } #cc-games-hub-nav .cc-live-menu-help-button[data-cc-section="arena"]{min-height:38px!important;height:38px!important;padding:6px 10px!important} #cc-games-hub-nav .cc-live-menu-label,#cc-games-hub-nav .cc-live-menu-help-button>span:first-child{flex:0 0 auto!important;max-width:none!important;overflow:visible!important} #cc-games-hub-nav .cc-live-menu-help{display:none!important} #cc-live-content{flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;padding:10px!important;overflow:auto!important;overflow-x:hidden!important} #cc-live-content *,#cc-live-content *:before,#cc-live-content *:after{box-sizing:border-box;max-width:100%} #cc-live-content .cc-live-hero{padding:13px!important;margin-bottom:12px!important} #cc-live-content .cc-live-hero h2{font-size:clamp(20px,7vw,28px)!important;line-height:1.12!important;overflow-wrap:anywhere} #cc-live-content .cc-grid,#cc-live-content .cc-card-grid,#cc-live-content .cc-pack-grid{grid-template-columns:1fr!important} #cc-games-panel-v2 .cc-preference-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px!important} #cc-games-panel-v2 .cc-preference-row strong{font-size:16px!important;overflow-wrap:anywhere} #cc-games-panel-v2 .cc-preference-row small{font-size:13px!important;line-height:1.4!important;overflow-wrap:anywhere} #cc-games-panel-v2 .cc-preference-row button{justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:320px!important;height:48px!important;min-height:48px!important;font-size:14px!important} #cc-games-panel-v2 .cc-preference-row button:after{top:4px!important;width:36px!important;height:36px!important} .cc-panel-ranking__row,.cc-panel-ranking__row.has-contributors{grid-template-columns:38px minmax(0,1fr)!important} .cc-panel-ranking__row>*{min-width:0;overflow-wrap:anywhere} } /* Sur tablette, le menu reste latéral comme sur ordinateur. */ @media (min-width:601px) and (max-width:1100px) and (min-height:521px) { #cc-games-panel-v2-scene{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important} #cc-games-hub-nav{position:static!important;display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;max-height:none!important;overflow:auto!important;border-right:1px solid #78c8ff38!important;border-bottom:0!important} #cc-games-hub-nav .cc-live-nav-group-title{display:block!important} #cc-live-content{min-width:0!important;padding:12px!important;overflow:auto!important} } /* Camembert vectoriel : tranches nettes et relief 3D neutre. */ .cc-forum-pie{aspect-ratio:100/104;border:0;border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 11px 12px #0009)} .cc-forum-pie svg{display:block;width:100%;height:100%;overflow:visible} .cc-forum-pie__depth{fill:#29435d} .cc-forum-pie__slices path,.cc-forum-pie__slices circle{shape-rendering:geometricPrecision} .cc-forum-pie__shine{fill:#ffffff14;pointer-events:none} .cc-forum-pie__rim{fill:none;stroke:#ffffff4d;stroke-width:2;pointer-events:none} /* Cartes de profil : les huit valeurs restent lisibles autour de l'illustration. */ .ccl-profile-card{margin:10px auto 0;text-align:center}.ccl-profile-card__visual{position:relative;width:132px;height:174px;margin:12px auto}.ccl-profile-card__visual img{display:block;width:112px;height:154px;margin:10px;object-fit:cover;border-radius:10px;box-shadow:0 8px 18px #0005}.ccl-profile-card__visual span{position:absolute;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#172238;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 2px 6px #0008}.ccl-profile-card__visual span:empty{display:none}.ccl-profile-card__visual .is-n{top:0;left:55px}.ccl-profile-card__visual .is-ne{top:12px;right:0}.ccl-profile-card__visual .is-e{top:76px;right:-2px}.ccl-profile-card__visual .is-se{right:0;bottom:12px}.ccl-profile-card__visual .is-s{bottom:0;left:55px}.ccl-profile-card__visual .is-sw{bottom:12px;left:0}.ccl-profile-card__visual .is-w{top:76px;left:-2px}.ccl-profile-card__visual .is-nw{top:12px;left:0}.ccl-profile-card figcaption{font-weight:700}.ccl-topic-lazy[data-loaded="loading"] [data-ccl-profile-body]{padding:18px;text-align:center;font-weight:700} /* Profil : cartes côte à côte, puis classement mensuel en avant-dernier. */ .ccl-compact-profile .ccl-compact-grid>section:nth-child(3){order:5}.ccl-compact-profile .ccl-compact-grid>section:nth-child(4){order:3}.ccl-compact-profile .ccl-compact-grid>section:nth-child(5){order:4}.ccl-monthly{display:flex;flex-direction:column;justify-content:center;min-height:116px}.ccl-monthly-rank{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin:4px 0 6px;padding:7px 15px;border:1px solid rgba(245,183,48,.48);border-radius:999px;background:linear-gradient(135deg,rgba(255,218,105,.20),rgba(242,148,22,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 13px rgba(139,87,0,.12)}.ccl-monthly-rank span{font-size:25px;line-height:1}.ccl-monthly-rank span:empty{display:none}.ccl-monthly-rank strong{margin:0!important;color:#9b6500;font-size:24px;line-height:1}.ccl-monthly>p{font-weight:700;opacity:.82} .cc-network-signature{margin:14px 8px 5px;padding:11px 8px 2px;border-top:1px solid rgba(141,233,255,.25);color:#8fa8c2;font-size:10px;line-height:1.35;text-align:center;cursor:help} /* Panel principal replie : seule la barre reste visible et deplacable. */ #cc-games-panel-v2.is-minimized{width:min(520px,calc(100vw - 16px))!important;height:34px!important;min-width:320px!important;min-height:34px!important;max-width:calc(100vw - 16px)!important;max-height:34px!important;transform:none!important;resize:none!important;overflow:hidden!important;border-radius:10px!important} #cc-games-panel-v2.is-minimized #cc-games-panel-v2-content{display:none!important} #cc-games-panel-v2.is-minimized #cc-games-panel-v2-bar{height:34px!important;border-bottom:0!important;cursor:move!important} #cc-games-panel-v2.is-minimized #cc-games-panel-v2-menu>button:not(#cc-games-panel-v2-minimize){display:none!important} #cc-games-panel-v2-minimize{display:inline-grid!important;width:34px!important;min-width:34px!important;padding:0!important;place-items:center;font-size:19px!important;line-height:1!important} /* 1.2.6 - Animations à envoyer : taille naturelle, comme CityCards central. */ #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-workshop-card__image{ width:124px!important; height:124px!important; flex:0 0 124px!important; margin:0 auto 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; background:#09152a!important; } #cc-games-panel-v2 .cc-workshop-wrap[data-workshop-parent-category="member_animation"] .cc-workshop-card__image img{ width:auto!important; height:auto!important; max-width:108px!important; max-height:108px!important; padding:0!important; object-fit:contain!important; image-rendering:auto!important; } /* 1.2.7 - Loader 5 images réelles : affichage garanti. */ .cc-loader-orbit span{ overflow:visible!important; background-image:none!important; background-color:transparent!important; box-shadow:none!important; } .cc-loader-orbit span img{ display:block!important; width:54px!important; height:38px!important; object-fit:contain!important; border-radius:10px!important; filter:drop-shadow(0 0 8px #7ceaff)!important; pointer-events:none!important; }