*,*::before,*::after{touch-action:manipulation;-webkit-user-select:none;user-select:none;box-sizing:border-box;margin:0;padding:0}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}:root{--jc-fond-page:#0A0A0A;--jc-fond-carte:rgba(22,22,22,0.96);--jc-texte:#FFFFFF;--jc-texte2:#999999;--jc-coins:#CDA434;--jc-btn:#8B0000;--jc-btn-hover:#660000;--jc-btn-texte:#ffffff;--jc-gris:#555;--jc-gris-clair:#999;--jc-bordure:rgba(255,255,255,0.07);--jc-vert:#27AE60;--jc-orange:#FFAA00;--jc-coins-glow:rgba(205,164,52,0.15);--jc-btn-glow:rgba(139,0,0,0.2);--jc-radius:14px;--jc-radius-sm:8px;--jc-transition:0.2s cubic-bezier(0.4,0,0.2,1)}.joycoins-layout-pro{width:100%;min-height:100vh;background:var(--jc-fond-page);color:var(--jc-texte);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.joycoins-main-content{padding:0}.joycoins-content-area{padding:12px 14px 24px}.joycoins-header-compact{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--jc-fond-carte);border-bottom:1px solid var(--jc-bordure);position:sticky;top:0;z-index:200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--jc-btn);overflow:hidden;flex-shrink:0;box-shadow:0 0 0 3px var(--jc-btn-glow)}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.user-name{font-size:13px;font-weight:800;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--jc-texte)}.user-email{font-size:10px;color:var(--jc-texte2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-coins{display:flex;align-items:center;gap:5px;padding:7px 11px;background:var(--jc-coins-glow);border:1px solid rgb(205 164 52 / .25);border-radius:10px;flex-shrink:0;transition:border-color var(--jc-transition)}.coins-icon{width:16px;height:16px;flex-shrink:0}.coins-icon svg{width:100%;height:100%;fill:var(--jc-coins)}.coins-amount{font-size:18px;font-weight:900;color:var(--jc-coins);white-space:nowrap;font-variant-numeric:tabular-nums}.coins-label{font-size:8px;font-weight:700;color:var(--jc-gris);text-transform:uppercase;letter-spacing:.5px;align-self:flex-end;margin-bottom:1px}.jc-tab-bar{display:flex;background:var(--jc-fond-carte);border-bottom:1px solid var(--jc-bordure);position:sticky;top:62px;z-index:190;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.jc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--jc-texte2);border-bottom:2px solid #fff0;position:relative;transition:color var(--jc-transition),border-color var(--jc-transition),background var(--jc-transition);-webkit-tap-highlight-color:#fff0;white-space:nowrap}.jc-tab:hover{color:var(--jc-texte);background:rgb(255 255 255 / .03)}.jc-tab-active{color:var(--jc-coins);border-bottom-color:var(--jc-coins);background:rgb(205 164 52 / .05)}.jc-tab-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6}.jc-tab-icon svg{width:100%;height:100%;fill:currentColor}.jc-tab-active .jc-tab-icon{opacity:1}.jc-tab-label{line-height:1}.jc-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;background:var(--jc-coins);color:#000;border-radius:9px;font-size:9px;font-weight:800;padding:0 4px;line-height:1;flex-shrink:0}.menu-codes-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--jc-coins);color:#000;border-radius:9px;font-size:10px;font-weight:800;padding:0 5px;line-height:1;flex-shrink:0}.jc-section-title{font-size:11px;font-weight:700;color:var(--jc-gris);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding-left:2px}.offres-grid-pro{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.offre-card-arena{background:var(--jc-fond-carte);border:1px solid var(--jc-bordure);border-radius:var(--jc-radius);padding:0;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--jc-transition),box-shadow var(--jc-transition);cursor:pointer;width:100%;box-sizing:border-box;backdrop-filter:blur(var(--jc-blur-cartes,0));-webkit-backdrop-filter:blur(var(--jc-blur-cartes,0))}.offre-card-arena:not(.disabled):active{transform:scale(.97);box-shadow:0 4px 20px rgb(0 0 0 / .4)}.offre-card-arena.disabled{opacity:.45;cursor:not-allowed}.card-coupon-header{padding:10px 10px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;position:relative;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;flex-shrink:0}.card-coupon-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:12px;background:inherit;clip-path:ellipse(55% 100% at 50% 0%);opacity:.3}.coupon-nom{font-size:11px;font-weight:900;color:#000;flex:1;line-height:1.2;word-break:break-word;text-transform:uppercase;letter-spacing:.3px}.coupon-reduction{font-size:18px;font-weight:900;color:#000;white-space:nowrap;flex-shrink:0;line-height:1}.card-body-inner{padding:10px;display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box}.card-description{font-size:10.5px;color:var(--jc-texte2);line-height:1.7;flex:1;padding:10px 0 10px;word-break:break-word;border-top:1px solid rgb(255 255 255 / .06);margin-top:2px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--jc-bordure);margin-top:auto}.card-prix{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:800;color:var(--jc-coins)}.card-prix svg{width:14px;height:14px;fill:var(--jc-coins)}.card-btn{padding:5px 10px;background:var(--jc-btn);color:var(--jc-btn-texte,#fff);border:none;border-radius:6px;font-size:9px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;-webkit-tap-highlight-color:#fff0;white-space:nowrap;flex-shrink:0;transition:background var(--jc-transition),transform var(--jc-transition);box-shadow:0 2px 8px var(--jc-btn-glow)}.card-btn:active{background:var(--jc-btn-hover);transform:scale(.95)}.card-btn:focus{outline:none}.card-status{font-size:9px;color:var(--jc-gris);text-align:right;flex-shrink:0;font-style:italic}.codes-liste-compact{display:flex;flex-direction:column;gap:7px}.code-card-compact{background:var(--jc-codes-fond-carte,var(--jc-fond-carte));border:1px solid var(--jc-codes-bordure,var(--jc-bordure));border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;box-sizing:border-box;transition:border-color var(--jc-transition);backdrop-filter:blur(var(--jc-blur-cartes,0));-webkit-backdrop-filter:blur(var(--jc-blur-cartes,0))}.code-card-compact:hover{border-color:rgb(205 164 52 / .2)}.code-header-inline{display:flex;align-items:center;gap:8px;padding:10px 12px;flex-wrap:nowrap;min-height:42px;position:relative;border-radius:0;width:100%!important;max-width:100%!important;align-self:stretch!important;box-sizing:border-box!important;margin:0!important}.code-header-inline::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:12px;background:inherit;clip-path:ellipse(55% 100% at 50% 0%);opacity:.3;pointer-events:none}.code-nom{font-size:11px;font-weight:900;color:rgb(0 0 0 / .7)!important;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.code-reduction{font-size:16px;font-weight:900;color:#000!important;flex-shrink:0}.code-value{font-family:'Courier New',Courier,monospace!important;font-size:12px;font-weight:900;color:rgb(0 0 0 / .8)!important;letter-spacing:1.5px;margin-left:auto;white-space:nowrap;flex-shrink:0}.code-desc-line{font-size:11px;font-weight:600;color:var(--jc-codes-desc-texte,rgb(255 255 255 / .85));padding:7px 12px 6px;letter-spacing:.2px;border-bottom:1px solid rgb(255 255 255 / .05)}.code-footer-inline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px}.code-expire{font-size:11px;color:var(--jc-codes-expire-texte,var(--jc-gris-clair));display:flex;align-items:center;gap:6px}.badge-urgent{font-size:10px;font-weight:700;color:#ff6b6b;background:rgb(255 107 107 / .12);padding:2px 7px;border-radius:10px}.code-btn-copy{padding:6px 14px;background:var(--jc-btn);color:var(--jc-btn-texte,#fff);border:none;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;-webkit-tap-highlight-color:#fff0;white-space:nowrap;transition:all 0.2s ease;font-family:'Segoe UI',system-ui,sans-serif!important;box-shadow:0 2px 6px rgb(0 0 0 / .25)}.code-btn-copy::before,.code-btn-copy::after{content:none!important;display:none!important}.code-btn-copy:hover{filter:none}.code-btn-copy:active{transform:scale(.95);filter:none}.code-btn-copy.copied{background:#1a7a3c;color:#fff;border-color:#fff0;filter:none}.code-btn-copy:focus{outline:none}.invites-container-arena{display:flex;flex-direction:column;gap:10px}.invite-hero-card{background:linear-gradient(135deg,rgb(139 0 0 / .15) 0%,rgb(139 0 0 / .06) 100%);border:1px solid rgb(139 0 0 / .25);border-radius:var(--jc-radius);padding:16px;backdrop-filter:blur(var(--jc-blur-cartes,0));-webkit-backdrop-filter:blur(var(--jc-blur-cartes,0))}.invite-hero-card h3{font-size:15px;font-weight:800;margin-bottom:5px;color:var(--jc-texte)}.invite-hero-card p{font-size:12px;color:var(--jc-texte2);margin-bottom:12px;line-height:1.5}.lien-share{display:flex;gap:8px}.lien-input-arena{flex:1;background:rgb(255 255 255 / .04);border:1px solid var(--jc-bordure);border-radius:8px;padding:9px 11px;color:var(--jc-texte2);font-size:11px;min-width:0;font-family:monospace}.lien-btn-copy{padding:9px 16px;background:var(--jc-btn);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:#fff0;letter-spacing:.5px;transition:background var(--jc-transition);box-shadow:0 2px 8px var(--jc-btn-glow)}.lien-btn-copy:active{background:var(--jc-btn-hover)}.lien-btn-copy:focus{outline:none}.stats-grid-arena{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card-arena{background:var(--jc-fond-carte);border:1px solid var(--jc-bordure);border-radius:var(--jc-radius-sm);padding:11px 12px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(var(--jc-blur-cartes,0));-webkit-backdrop-filter:blur(var(--jc-blur-cartes,0))}.stat-card-arena.success{border-color:rgb(39 174 96 / .2)}.stat-card-arena.warning{border-color:rgb(255 170 0 / .2)}.stat-icon{width:26px;height:26px;flex-shrink:0}.stat-icon svg{width:100%;height:100%;fill:var(--jc-gris-clair)}.stat-card-arena.success .stat-icon svg{fill:var(--jc-vert)}.stat-card-arena.warning .stat-icon svg{fill:var(--jc-orange)}.stat-ligne{font-size:11px;font-weight:700;color:var(--jc-texte)}.invites-liste-arena{display:flex;flex-direction:column;gap:8px}.invite-card-arena{background:var(--jc-fond-carte);border:1px solid var(--jc-bordure);border-radius:var(--jc-radius-sm);padding:11px 13px;display:flex;flex-direction:column;gap:7px;transition:border-color var(--jc-transition);backdrop-filter:blur(var(--jc-blur-cartes,0));-webkit-backdrop-filter:blur(var(--jc-blur-cartes,0))}.invite-card-arena.valide{border-color:rgb(39 174 96 / .2)}.invite-header-arena{display:flex;align-items:center;justify-content:space-between;gap:8px}.invite-email{font-size:12px;color:var(--jc-texte);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-valide{font-size:10px;font-weight:800;color:var(--jc-vert);background:rgb(39 174 96 / .1);border-radius:10px;padding:2px 8px;white-space:nowrap}.badge-attente{font-size:10px;font-weight:800;color:var(--jc-orange);background:rgb(255 170 0 / .1);border-radius:10px;padding:2px 8px;white-space:nowrap}.progress-wrapper{display:flex;flex-direction:column;gap:5px}.progress-bar-arena{height:4px;background:rgb(255 255 255 / .07);border-radius:2px;overflow:hidden}.progress-fill-arena{height:100%;background:linear-gradient(90deg,var(--jc-btn),var(--jc-coins));border-radius:2px;transition:width 0.6s cubic-bezier(.4,0,.2,1)}.invite-card-arena.valide .progress-fill-arena{background:linear-gradient(90deg,var(--jc-vert),#52d68a)}.progress-text-arena{font-size:10px;color:var(--jc-gris-clair)}.invite-date{font-size:10px;color:var(--jc-gris)}.jc-popup-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .8);z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s}.jc-popup-overlay.active{opacity:1;visibility:visible}.jc-popup-sheet{background:#0f0f0f;border-radius:20px;border:1px solid rgb(255 255 255 / .08);padding:22px 18px 24px;width:100%;max-width:360px;transform:scale(.92) translateY(8px);transition:transform 0.3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:14px}.jc-popup-overlay.active .jc-popup-sheet{transform:scale(1) translateY(0)}.popup-drag-handle{display:none}.popup-card-mini{border-radius:12px;padding:14px 14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.popup-card-nom{font-size:11px;font-weight:800;color:rgb(0 0 0 / .6);text-transform:uppercase;letter-spacing:1.5px}.popup-card-reduction{font-size:36px;font-weight:900;color:#000;line-height:1.1;letter-spacing:-1px}.popup-desc-longue{font-size:11.5px;color:rgb(0 0 0 / .55);line-height:1.55;padding:8px 4px 0;text-align:center}.popup-cout{text-align:center;font-size:16px;font-weight:600;color:var(--jc-texte2)}.popup-cout span{font-size:28px;font-weight:900;color:var(--jc-coins)}.popup-btn-confirmer{width:100%;padding:16px;background:var(--jc-btn);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:#fff0;transition:background var(--jc-transition),transform var(--jc-transition);box-shadow:0 4px 20px var(--jc-btn-glow);font-family:'Segoe UI',system-ui,-apple-system,sans-serif!important}.popup-btn-confirmer::before,.popup-btn-confirmer::after{content:none!important;display:none!important}.popup-btn-confirmer:active{background:var(--jc-btn-hover);transform:scale(.98)}.popup-btn-confirmer:focus{outline:none}.popup-btn-confirmer:disabled{background:#2a2a2a;box-shadow:none;cursor:not-allowed}.popup-btn-annuler{width:100%;padding:13px;background:#fff0;color:var(--jc-gris-clair);border:1px solid var(--jc-bordure);border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.popup-btn-annuler:focus{outline:none}.jc-popup-sheet .popup-btn-annuler,.jc-popup-sheet .popup-btn-annuler:link,.jc-popup-sheet .popup-btn-annuler:visited{background:transparent!important;color:var(--jc-gris-clair)!important;box-shadow:none!important;border-color:var(--jc-bordure)!important}.jc-popup-sheet .popup-btn-annuler:hover{background:transparent!important;color:var(--jc-gris-clair)!important;box-shadow:none!important;border-color:var(--jc-bordure)!important}.jc-popup-sheet .popup-btn-annuler:active,.jc-popup-sheet .popup-btn-annuler:focus{background:rgb(255 255 255 / .05)!important;color:var(--jc-gris-clair)!important;box-shadow:none!important;border-color:var(--jc-bordure)!important;transform:none!important;outline:none!important}.jc-success-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:30000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s}.jc-success-overlay.active{opacity:1;visibility:visible}.jc-success-sheet{background:#101010;border:1px solid rgb(255 255 255 / .08);border-radius:20px;overflow:hidden;width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;transform:scale(.9) translateY(10px);transition:transform 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 24px 48px rgb(0 0 0 / .7)}.jc-success-overlay.active .jc-success-sheet{transform:scale(1) translateY(0)}.success-card-header{padding:20px 18px 18px;position:relative;overflow:hidden}.success-card-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgb(255 255 255 / .2) 0%,transparent 65%);pointer-events:none}.success-card-inner{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1}.success-card-nom{font-size:11px;font-weight:800;color:rgb(0 0 0 / .6);text-transform:uppercase;letter-spacing:1.5px}.success-card-reduction{font-size:42px;font-weight:900;color:#000;line-height:1;letter-spacing:-1px;text-shadow:0 2px 8px rgb(0 0 0 / .15)}.success-code-box{padding:18px 18px 6px;display:flex;flex-direction:column;gap:6px}.success-code-label{font-size:9px;font-weight:700;color:rgb(255 255 255 / .3);text-transform:uppercase;letter-spacing:2px}.success-code-value{font-family:'Courier New',monospace;font-size:24px;font-weight:900;color:#fff;letter-spacing:3px}.success-btns{padding:10px 18px 20px;display:flex;flex-direction:column;gap:8px}.success-btn-copier{width:100%;padding:14px;background:var(--jc-btn);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;-webkit-tap-highlight-color:#fff0;transition:background var(--jc-transition);box-shadow:0 4px 16px rgb(139 0 0 / .35);font-family:'Segoe UI',system-ui,sans-serif!important}.success-btn-copier::before,.success-btn-copier::after{content:none!important;display:none!important}.success-btn-copier:active{background:var(--jc-btn-hover)}.success-btn-copier:focus{outline:none}.success-btn-fermer{background:#fff0;border:none;color:rgb(255 255 255 / .25);font-size:12px;cursor:pointer;padding:4px;-webkit-tap-highlight-color:#fff0;touch-action:manipulation;font-family:'Segoe UI',system-ui,sans-serif}.success-btn-fermer:focus{outline:none}.jc-success-sheet .success-btn-fermer,.jc-success-sheet .success-btn-fermer:link,.jc-success-sheet .success-btn-fermer:visited{background:transparent!important;color:rgb(255 255 255 / .25)!important;box-shadow:none!important;border:none!important}.jc-success-sheet .success-btn-fermer:hover{background:transparent!important;color:rgb(255 255 255 / .45)!important;box-shadow:none!important;border:none!important}.jc-success-sheet .success-btn-fermer:active,.jc-success-sheet .success-btn-fermer:focus{background:transparent!important;color:rgb(255 255 255 / .45)!important;box-shadow:none!important;border:none!important;outline:none!important}.jc-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(12px);background:rgb(20 20 20 / .95);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;z-index:99999;opacity:0;transition:opacity 0.2s,transform 0.2s;pointer-events:none;border:1px solid rgb(255 255 255 / .08);box-shadow:0 8px 24px rgb(0 0 0 / .4)}.jc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.jc-empty-state-front{text-align:center;padding:50px 20px;color:var(--jc-gris)}.jc-empty-state-front svg{width:44px;height:44px;fill:rgb(255 255 255 / .1);margin-bottom:14px}.jc-empty-state-front p{font-size:13px;line-height:1.6;margin:0;color:var(--jc-gris-clair)}.joycoins-locked{text-align:center;padding:60px 20px;background:var(--jc-fond-page);color:var(--jc-texte)}.joycoins-locked-icon{font-size:52px;margin-bottom:14px}.joycoins-locked h2{margin:0 0 8px;font-size:18px}.joycoins-locked p{color:var(--jc-gris-clair);font-size:13px}.jc-error-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:30000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s}.jc-error-overlay.active{opacity:1;visibility:visible}.jc-error-sheet{background:#101010;border:1px solid rgb(255 80 80 / .15);border-radius:20px;width:100%;max-width:340px;overflow:hidden}.error-card-header{background:linear-gradient(135deg,#8B0000,#5a0000);padding:24px 20px 20px;text-align:center}.error-card-icon{font-size:32px;margin-bottom:8px}.error-card-titre{font-size:15px;font-weight:800;color:#fff;letter-spacing:.5px;text-transform:uppercase}.error-msg{padding:20px 20px 8px;font-size:14px;line-height:1.6;color:rgb(255 255 255 / .75);text-align:center}.error-btns{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px}.error-btn-fermer{width:100%;padding:14px;background:rgb(255 255 255 / .07);color:rgb(255 255 255 / .6);border:1px solid rgb(255 255 255 / .1);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s;-webkit-tap-highlight-color:#fff0;font-family:'Segoe UI',system-ui,sans-serif}.error-btn-fermer:hover{background:rgb(255 255 255 / .11)!important;color:rgb(255 255 255 / .8)!important;box-shadow:none!important}.error-btn-fermer:active{background:rgb(255 255 255 / .11)!important;color:rgb(255 255 255 / .8)!important;box-shadow:none!important;transform:none!important}.error-btn-fermer:focus{outline:none}