*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0B0E14;--bg2:#0F131C;--card:#121722;--surface:#121722;
  --line:#1E2638;
  --gold:#F59E0B;--gold-dim:#D97706;--gold-soft:rgba(245,158,11,.12);
  --red:#F43F5E;--green:#10B981;
  --text:#F8FAFC;--muted:#94A3B8;--safe:env(safe-area-inset-bottom,0px);
  --radius:8px;--radius-sm:6px;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --btn-h:40px;--btn-h-m:44px;
}
html,body{height:100%;width:100%;min-height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);
  overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  pointer-events:auto}
html{height:100%;height:100dvh}
body{position:relative;width:100%;height:100%;height:100dvh;min-height:100dvh;overflow:hidden;touch-action:manipulation;background:
  linear-gradient(165deg,#0B0E14 0%,#121722 48%,#0B0E14 100%)}
body,button,a,input,select,.asset-chip,.dur-chip,.odds-chip,.btn-trade,.btn-deposit,.qbtn,.mode-btn{touch-action:manipulation}
button:active:not(.drawer-item):not(.btn-close):not(.icon-btn),.qbtn:active,.dur-chip:active,.asset-chip:active,.btn-gold:active,.btn-deposit:active,.btn-trade:active{transform:scale(.98)}
.topbar-row .btn-deposit:active{transform:none}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(900px 480px at 12% -8%,rgba(245,158,11,.04),transparent 52%),
  radial-gradient(720px 420px at 108% 8%,rgba(244,63,94,.03),transparent 48%),
  radial-gradient(640px 360px at 50% 110%,rgba(16,185,129,.03),transparent 50%)}
#particlesCanvas{position:fixed;inset:0;pointer-events:none;z-index:1;display:none}
@media (min-width:860px){#particlesCanvas{display:block}}
.screen{position:relative;z-index:2;height:100%;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;min-height:0;overflow:hidden}
#screenAuth{overflow:hidden!important;-webkit-overflow-scrolling:none}
#screenTrade{overflow:hidden}
.hidden{display:none!important}
.glass{background:rgba(18,23,34,.88);border:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.35);backdrop-filter:blur(16px)}

.lux-msg{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:12px;
  background:rgba(15,23,42,.95);border:1px solid rgba(16,185,129,.45);color:#F8FAFC;
  font-size:.78rem;font-weight:650;line-height:1.35;letter-spacing:.01em;
  box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lux-msg-ico{width:18px;height:18px;flex:0 0 18px;margin-top:1px;border-radius:50%;
  background:currentColor;opacity:.92;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5M12 16.2h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>") center/16px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5M12 16.2h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>") center/16px no-repeat}
.lux-msg.ok,.toast.ok{border-color:rgba(16,185,129,.55);color:#A7F3D0;
  box-shadow:0 0 0 1px rgba(245,158,11,.28),0 8px 24px rgba(0,0,0,.32)}
.lux-msg.ok .lux-msg-ico,.toast.ok .lux-msg-ico{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M8 12.2l2.6 2.6L16.2 9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M8 12.2l2.6 2.6L16.2 9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat}
.lux-msg.err,.toast.err{border-color:rgba(244,63,94,.45);color:#FECDD3}
.lux-msg.err .lux-msg-ico,.toast.err .lux-msg-ico{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5.2M12 16.4h.01' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/16px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5.2M12 16.4h.01' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/16px no-repeat}
.lux-msg.info{border-color:rgba(245,166,35,.35);color:#FDE68A}
.lux-msg-txt{min-width:0;flex:1 1 auto}
.toast{position:fixed;left:50%;top:75px;bottom:auto;transform:translate(-50%,-12px);
  z-index:230;opacity:0;pointer-events:none!important;max-width:min(320px,86vw);text-align:center;
  transition:opacity .28s ease,transform .28s ease}
.toast.show{opacity:1;transform:translate(-50%,0);animation:luxIn .34s ease;pointer-events:none!important}
.toast.micro,.toast.lux-msg.micro{
  top:calc(75px + env(safe-area-inset-top,0px));max-width:none;white-space:nowrap;
  font-size:11px!important;padding:4px 12px!important;border-radius:16px!important;
  background:rgba(18,22,34,.95)!important;border:1px solid rgba(245,158,11,.55)!important;
  color:#ffd166!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  box-shadow:none!important;line-height:1.2;font-weight:700;letter-spacing:.02em;text-align:center}
.toast.micro .lux-msg-ico{display:none!important}
.toast.micro.show{animation:microToastIn .2s ease}
html body #toast.toast,
html body .toast.lux-msg{
  top:75px;max-width:min(320px,86vw);
  align-items:center;gap:6px;padding:5px 12px;border-radius:10px;
  font-size:12px;line-height:1.3;font-weight:650;
  background:linear-gradient(180deg,rgba(24,27,38,.96),rgba(14,16,24,.96));
  border:1px solid rgba(212,175,55,.38);
  color:#F3E6B5;
  box-shadow:0 8px 22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
/* Notifications : fond sombre commun, seule la teinte change (doux, jamais criard). */
html body #toast.toast .lux-msg-ico{color:#D4AF37}
html body #toast.toast.ok,html body .toast.ok{border-color:rgba(52,211,153,.45);color:#C9F2DF}
html body #toast.toast.ok .lux-msg-ico{color:#34D399}
html body #toast.toast.err,html body .toast.err{border-color:rgba(251,113,133,.40);color:#FBD5DC}
html body #toast.toast.err .lux-msg-ico{color:#FB7185}
html body #toast.toast.info,html body .toast.info{border-color:rgba(212,175,55,.40);color:#F3E6B5}
html body #toast.toast.tie,html body .toast.tie{border-color:rgba(203,213,225,.32);color:#E2E8F0}
html body #toast.toast.tie .lux-msg-ico{color:#CBD5E1;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 9.5h12M6 14.5h12' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/14px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 9.5h12M6 14.5h12' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/14px no-repeat}
html body #toast.toast.toast-bal,
html body #toast.toast.toast-bal.err,
html body .toast.lux-msg.toast-bal{
  top:calc(16px + env(safe-area-inset-top,0px))!important;
  left:50%;transform:translate(-50%,0);
  width:max-content;max-width:min(280px,84vw);min-width:0;
  padding:7px 14px!important;border-radius:999px;
  font-size:.78rem!important;font-weight:650;letter-spacing:.02em;line-height:1.25;
  color:#F3E6B5!important;text-shadow:none;
  background:rgba(12,14,20,.92)!important;
  border:1px solid rgba(212,175,55,.42)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.38);
  z-index:100050;white-space:nowrap;text-align:center}
html.fs-trade #toast.toast.toast-bal,
html.is-fullscreen #toast.toast.toast-bal{z-index:100050!important}
html body #toast.toast.toast-bal .lux-msg-txt{color:#F3E6B5!important;font-size:.78rem!important;font-weight:650}
html body #toast.toast.toast-bal .lux-msg-ico{display:none!important}
.toast .lux-msg-ico{width:14px;height:14px;flex:0 0 14px;margin-top:0}
@keyframes microToastIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes luxIn{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}
.btn-gold.busy{opacity:.72;pointer-events:none}
.chart-outcome{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.92);z-index:15;
  display:none;align-items:center;justify-content:center;gap:4px;pointer-events:none;max-width:70%;
  font-weight:700;letter-spacing:.02em;opacity:0;white-space:nowrap}
.chart-outcome.show{display:inline-flex;opacity:1!important;transform:translate(calc(-50% + var(--ox,0px)),calc(-50% - var(--oy,0px))) scale(1);animation:outcomeFloat .9s ease forwards}
.chart-outcome.win{padding:5px 11px;border-radius:16px;color:#fff;font-size:13px;font-weight:700;
  background:linear-gradient(180deg,#16a34a,#22c55e);border:0;
  box-shadow:0 2px 10px rgba(34,197,94,.4);text-shadow:none;opacity:1!important}
.chart-outcome.win .outcome-wallet{width:16px;height:16px;flex-shrink:0;color:#F5C518}
.chart-outcome.lose{top:46%;bottom:auto;transform:translate(-50%,-50%) scale(.92);padding:2px 7px;border-radius:14px;
  font-size:11px;font-weight:700;color:#fff;background:#ef4444;border:0;
  box-shadow:0 2px 10px rgba(239,68,68,.4);text-shadow:none;animation:outcomePop .35s ease;z-index:12;opacity:1!important}
.chart-outcome.lose.show{transform:translate(calc(-50% + var(--ox,0px)),calc(-50% - var(--oy,0px))) scale(1);opacity:1!important}
@keyframes outcomePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}70%{transform:translate(-50%,-50%) scale(1.06)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes outcomeFloat{0%{opacity:1;transform:translate(calc(-50% + var(--ox,0px)),calc(-50% - var(--oy,0px)))}100%{opacity:0;transform:translate(calc(-50% + var(--ox,0px)),calc(-62% - var(--oy,0px)))}}
@keyframes outcomeFade{from{opacity:0}to{opacity:1}}
.timer-panel{margin:6px 0 4px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(10,15,29,.65);text-align:center}
.timer-panel.active{display:block}
.timer-num{font-size:1.05rem;font-weight:900;color:#FFE082;font-variant-numeric:tabular-nums}
.timer-msg{font-size:.78rem;font-weight:800;margin-top:2px;min-height:1em}
.timer-panel.win .timer-msg{color:var(--green)}
.timer-panel.lose .timer-msg{color:#ff8a9b}
.timer-track{height:4px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:6px;overflow:hidden}
.timer-fill{height:100%;width:0;background:linear-gradient(90deg,#FFD700,#FFA000)}
.bal-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:0 0 auto;min-width:max-content}
.bal-sub{font-size:.62rem;font-weight:700;color:var(--muted);letter-spacing:.02em}

.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px}
.logo-mark{width:52px;height:52px;filter:none}
.brand,.brand-xl{font-family:var(--font);font-weight:800;letter-spacing:.02em;color:var(--gold)}
.brand-xl{font-size:1.85rem;text-align:center;text-shadow:none}
.brand-xl span,.brand span{color:#FBBF24}
.brand{font-size:.88rem}
.brand-domain{font-size:.62rem;font-weight:700;letter-spacing:.22em;color:var(--muted)}
.brand-sub{text-align:center;color:#f5a623;font-size:.78rem;margin:8px 0 16px;font-weight:600;letter-spacing:1px}
.auth-real-pitch{margin:0 0 12px;text-align:center;font-size:.72rem;font-weight:600;color:var(--muted);line-height:1.35}
.auth-real-pitch.hidden{display:none!important}
.tx-feed-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:start;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.tx-feed-row .tx-type{font-weight:900;font-size:.78rem}
.tx-feed-row .tx-meta{font-size:.62rem;color:var(--muted);margin-top:3px;line-height:1.35;overflow-wrap:anywhere}
.tx-feed-row .tx-amt{font-weight:900;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;overflow:visible}
.tx-feed-row .tx-st{display:inline-block;margin-top:4px;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:999px}
#financeModal .modal-box{display:flex;flex-direction:column;overflow:hidden;max-height:78dvh;padding:16px 14px 10px}
#txFeed{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.tx-st.ok{background:rgba(0,230,118,.15);color:var(--green)}
.tx-st.pending{background:rgba(255,215,0,.12);color:var(--gold)}
.tx-st.warn{background:rgba(148,163,184,.16);color:#CBD5E1}
.tx-st.bad{background:rgba(255,23,68,.15);color:#ff8aa0}
.legal{text-align:center;color:rgba(139,155,184,.72);font-size:.62rem;font-weight:700;margin-top:14px;letter-spacing:.04em}
.drawer-legal{margin-top:18px}

.auth-ambient{position:fixed;inset:0;pointer-events:none;background:
  url("../icons/pyramid-bg.svg?v=2096") center 72%/min(820px,170vw) auto no-repeat,
  radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.05),transparent 46%)}
.auth-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:30px 0 calc(8px + var(--safe));
  max-width:420px;margin-left:auto;margin-right:auto;width:92%}
.auth-card{border-radius:14px;padding:18px 16px 18px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(11,14,20,.65);padding:4px;border-radius:var(--radius);margin-bottom:14px;border:1px solid var(--line)}
.auth-tab{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:10px;border-radius:var(--radius-sm);cursor:pointer;min-height:var(--btn-h)}
.auth-tab.on{background:var(--gold);color:#0B0E14}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.field label{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.field input,.field select,.phone-row select,.phone-row input{
  width:100%;background:rgba(11,14,20,.85);border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px;
  color:var(--text);font:inherit;font-size:16px;outline:none;min-height:var(--btn-h-m)}
.field input:focus,.field select:focus,.phone-row input:focus,.phone-row select:focus{border-color:rgba(245,158,11,.55);box-shadow:0 0 0 3px rgba(245,158,11,.1)}
.phone-row{display:grid;grid-template-columns:108px 1fr;gap:8px}
.pass-wrap{position:relative;display:flex;align-items:center}
.pass-wrap input{width:100%;padding-right:52px}
.pass-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);
  line-height:1;cursor:pointer;padding:8px;min-width:44px;min-height:44px;z-index:2;display:grid;place-items:center;border-radius:var(--radius-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pass-toggle svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pass-toggle:hover{color:var(--text);background:rgba(255,255,255,.04)}
.err-msg{min-height:0;font-size:.7rem;color:#FECDD3;font-weight:600;display:none}
.err-msg.on{display:flex;align-items:flex-start;gap:8px;margin-top:6px;padding:8px 10px;border-radius:10px;
  background:rgba(11,14,20,.62);border:1px solid rgba(244,63,94,.4);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  animation:luxInLocal .28s ease}
.err-msg.on::before{content:"";width:14px;height:14px;flex:0 0 14px;margin-top:1px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5.2M12 16.4h.01' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/14px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><path d='M12 8v5.2M12 16.4h.01' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/></svg>") center/14px no-repeat}
/* OTP cooldown : carré collé au texte, une seule ligne */
#err-otpCode.otp-wait-live.on{
  display:inline-block!important;
  width:auto!important;
  max-width:100%;
  height:auto!important;
  min-height:0!important;
  margin:6px auto 0;
  padding:4px 8px;
  color:#FDE68A;
  border:1px solid rgba(245,158,11,.55);
  background:rgba(245,158,11,.12);
  border-radius:8px;
  white-space:nowrap;
  line-height:1.15;
  font-size:.74rem;
  font-weight:700}
#otpModal .field:has(#err-otpCode.otp-wait-live.on){display:flex;flex-direction:column;align-items:center}
#err-otpCode.otp-wait-live.on::before{
  content:none!important;display:none!important;width:0!important;height:0!important}
@keyframes luxInLocal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:.75rem;color:var(--muted);line-height:1.35;margin:4px 0 8px;cursor:pointer}
.check-row input{margin-top:2px;accent-color:var(--gold);width:16px;height:16px;flex-shrink:0}
.link-forgot{display:block;width:100%;background:none;border:0;color:var(--gold);font:inherit;font-size:.7rem;font-weight:700;
  text-align:right;margin:0 0 10px;cursor:pointer;white-space:nowrap}
.btn-gold{width:100%;border:0;border-radius:var(--radius);padding:0 14px;min-height:var(--btn-h);font:inherit;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;cursor:pointer;background:var(--gold);color:#0B0E14;
  box-shadow:none}
@media (max-width:859px){.btn-gold{min-height:var(--btn-h-m)}}
.btn-gold:active{transform:scale(.98)}
.btn-gold:disabled,.btn-gold[disabled]{opacity:.45;cursor:not-allowed;transform:none}

.trade-shell{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:28rem;margin:0 auto;overflow:visible}
.topbar{flex-shrink:0;padding:0;padding-top:env(safe-area-inset-top,0px);background:rgba(10,15,29,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:relative;z-index:50}
.topbar-row{display:flex;align-items:center;width:100%;padding:6px 8px;gap:6px;position:relative;min-height:40px}
.topbar-row .btn-deposit{position:static;left:auto;margin-left:0;margin-right:0;min-width:max-content;z-index:6;flex:0 0 auto;overflow:visible}
.auth-quick{display:flex;gap:5px;align-items:center;flex-shrink:0;min-width:0;z-index:2}
.topbar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}
.brand-lockup.mini{flex-direction:row;gap:4px;flex-shrink:0;min-width:0;cursor:pointer}
.brand-lockup.mini .brand{font-size:.7rem;white-space:nowrap}
.logo-mark.sm{width:22px;height:22px}
.topbar-mode{display:flex;align-items:stretch;padding:0 8px 6px;min-width:0}
.mode-switch{flex:1;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.32fr);gap:3px;background:rgba(10,15,29,.85);
  border:1px solid var(--line);border-radius:12px;padding:3px;overflow:hidden}
.mode-btn{border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--muted);font:inherit;font-size:.58rem;font-weight:800;
  padding:8px 4px;border-radius:9px;cursor:pointer;white-space:nowrap;line-height:1.15;min-width:0;width:100%;opacity:.72;transform:scale(.96);
  transition:transform .15s,opacity .15s,box-shadow .15s,background .15s}
.mode-btn[data-mode="demo"]{padding:7px 6px;font-size:.55rem;letter-spacing:.04em}
.mode-btn[data-mode="real"]{padding:8px 14px;font-size:.62rem;letter-spacing:.03em}
.mode-btn.on{opacity:1;transform:scale(1);font-size:.64rem;font-weight:900;box-shadow:0 0 16px rgba(0,0,0,.35)}
.mode-btn.on[data-mode="demo"]{background:linear-gradient(135deg,#FFB300,#FF6D00);color:#1a0d00;border-color:rgba(255,171,64,.7);
  box-shadow:0 0 18px rgba(255,109,0,.35),inset 0 0 12px rgba(255,255,255,.12)}
.mode-btn.on[data-mode="real"]{background:linear-gradient(135deg,#FFE082,#00E676 55%,#00C853);color:#04140a;border-color:rgba(255,215,0,.65);
  box-shadow:0 0 20px rgba(0,230,118,.45),0 0 8px rgba(255,215,0,.35),inset 0 0 14px rgba(255,255,255,.18)}
.mode-btn:not(.on)[data-mode="demo"]{color:#c9a227}
.mode-btn:not(.on)[data-mode="real"]{color:#6ee7a8}

.icon-btn{border:1px solid var(--line);background:rgba(21,30,48,.8);color:var(--muted);width:32px;height:32px;min-width:32px;border-radius:10px;
  display:grid;place-items:center;cursor:pointer;flex:0 0 32px}

.balance-row{display:flex;align-items:center;gap:10px;padding:2px 8px 4px}
.balance-card{flex:1;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:6px 12px!important;cursor:pointer;min-width:0}
#fsTopBalance{cursor:pointer}
.balance-card .bal{font-weight:700;color:#FBBF24;font-size:1.2rem;letter-spacing:.01em;white-space:nowrap;
  font-variant-numeric:tabular-nums;font-family:var(--font-mono);
  text-shadow:none}
.btn-deposit{position:relative;overflow:visible;flex:0 0 auto;flex-shrink:0;border:0;border-radius:var(--radius);padding:0 12px;font:inherit;font-weight:700;font-size:.72rem;
  background:var(--gold);color:#0B0E14;cursor:pointer;box-shadow:none;min-height:36px;min-width:7.2rem;
  white-space:nowrap;letter-spacing:.02em;pointer-events:auto}
.btn-deposit::after{display:none}
.balance-card.flash{animation:balPulse .35s ease}
@keyframes balPulse{50%{transform:scale(1.03);box-shadow:0 0 18px rgba(255,215,0,.5)}}

.trade-wrap{flex:1;display:flex;flex-direction:column;min-height:0;padding:4px 8px 0;gap:2px;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}
.asset-bar{display:flex;gap:6px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0;margin-bottom:0;
  scrollbar-width:none;-ms-overflow-style:none;max-width:100%;width:100%;scroll-snap-type:x mandatory;touch-action:pan-x}
.asset-bar::-webkit-scrollbar{display:none;height:0}
.markets-scroll{scroll-snap-type:x mandatory}
.markets-scroll .asset-chip{scroll-snap-align:start}
.asset-chip{
  flex:0 0 118px;width:118px;min-width:118px;max-width:118px;height:48px;min-height:48px;max-height:48px;
  touch-action:manipulation;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  box-sizing:border-box;padding:4px 8px;overflow:hidden
}
.asset-ico{display:inline-block;margin-right:4px;font-size:.85em;line-height:1;vertical-align:0}
.asset-chip[data-asset="v100"]{border-color:rgba(16,185,129,.38)}
.asset-chip[data-asset="v100"] .asset-ico,.asset-chip[data-asset="v100"].on{color:#10B981}
.asset-chip[data-asset="v100"].on{border-color:#10B981;box-shadow:0 0 10px rgba(16,185,129,.22);background:rgba(16,185,129,.08)}
.asset-chip[data-asset="stable"]{border-color:rgba(229,57,53,.42)}
.asset-chip[data-asset="stable"] .asset-ico,.asset-chip[data-asset="stable"].on{color:#E53935}
.asset-chip[data-asset="stable"].on{border-color:#E53935;box-shadow:0 0 10px rgba(229,57,53,.25);background:rgba(229,57,53,.08)}
.asset-chip[data-asset="apex500"]{border-color:rgba(168,85,247,.4)}
.asset-chip[data-asset="apex500"] .asset-ico,.asset-chip[data-asset="apex500"].on{color:#C084FC}
.asset-chip[data-asset="apex500"].on{border-color:#A855F7;box-shadow:0 0 10px rgba(168,85,247,.28);background:rgba(168,85,247,.08)}
.asset-chip[data-asset="horizon50"]{border-color:rgba(255,152,0,.4)}
.asset-chip[data-asset="horizon50"] .asset-ico,.asset-chip[data-asset="horizon50"].on{color:#ff9800}
.asset-chip[data-asset="horizon50"].on{border-color:#ff9800;box-shadow:0 0 10px rgba(255,152,0,.22);background:rgba(255,152,0,.08)}
.asset-chip[data-asset="crash300"]{border-color:rgba(255,255,255,.1)}
.asset-chip[data-asset="crash300"]:not(.on) .asset-ico{color:inherit}
.asset-chip[data-asset="crash300"].on{border-color:transparent;box-shadow:0 0 14px rgba(229,46,113,.4)}
.asset-chip[data-asset="goldtrend"]{border-color:rgba(255,255,255,.08)}
.asset-chip[data-asset="goldtrend"] .asset-ico{color:inherit}
.asset-chip[data-asset="goldtrend"].on{border-color:#fbbf24;color:#FFFBEB}
.asset-chip[data-asset="boomspike"]{border-color:rgba(255,255,255,.08)}
.asset-chip[data-asset="boomspike"] .asset-ico{color:inherit}
.asset-chip[data-asset="boomspike"].on{border-color:transparent;color:#ffffff}
.asset-chip[data-asset="nexusprime"]{border-color:rgba(34,211,238,.42)}
.asset-chip[data-asset="nexusprime"] .asset-ico,.asset-chip[data-asset="nexusprime"].on{color:#22D3EE}
.asset-chip[data-asset="nexusprime"].on{border-color:#22D3EE;box-shadow:0 0 10px rgba(34,211,238,.25);background:rgba(34,211,238,.08)}
.asset-chip[data-asset="v75"]{border-color:rgba(233,30,99,.42)}
.asset-chip[data-asset="v75"] .asset-ico,.asset-chip[data-asset="v75"].on{color:#E91E63}
.asset-chip[data-asset="v75"].on{border-color:#E91E63;box-shadow:0 0 10px rgba(233,30,99,.28);background:rgba(233,30,99,.08)}
.asset-chip[data-asset="titanpulse"]{border-color:rgba(255,255,255,.28)}
.asset-chip[data-asset="titanpulse"] .asset-ico,.asset-chip[data-asset="titanpulse"].on{color:#FFFFFF}
.asset-chip[data-asset="titanpulse"].on{border-color:rgba(255,255,255,.45);box-shadow:0 0 8px rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.asset-chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:8px;text-align:left;
  color:var(--text);font:inherit;cursor:pointer;overflow:hidden;box-sizing:border-box}
.asset-chip:not(.on){border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;background:rgba(255,255,255,.04)!important}
.asset-chip .k{display:none!important}
.asset-chip .n{font-size:10px;font-weight:700;margin-top:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-chip.on{border-color:rgba(245,158,11,.55);box-shadow:none;background:rgba(245,158,11,.08)}
.asset-chip[data-asset="v100"].on{border-width:1.5px;border-color:#10B981;box-shadow:0 0 12px rgba(16,185,129,.35);background:linear-gradient(180deg,rgba(16,185,129,.28),rgba(6,78,59,.18));color:#10B981}
.asset-chip[data-asset="stable"].on{border-width:1.5px;border-color:#E53935;box-shadow:0 0 12px rgba(229,57,53,.4);background:linear-gradient(180deg,rgba(229,57,53,.28),rgba(127,29,29,.18));color:#E53935}
.asset-chip[data-asset="apex500"].on{border-width:1.5px;border-color:#A855F7;box-shadow:0 0 12px rgba(168,85,247,.4);background:linear-gradient(180deg,rgba(168,85,247,.3),rgba(76,29,149,.2));color:#C084FC}
.asset-chip[data-asset="horizon50"].on{border-width:1.5px;border-color:#ff9800;box-shadow:0 0 12px rgba(255,152,0,.35);background:linear-gradient(180deg,rgba(255,152,0,.28),rgba(124,63,0,.18));color:#ff9800}
.asset-chip[data-asset="crash300"].on{
  border-width:1.5px!important;border-style:solid!important;border-color:transparent!important;
  background:linear-gradient(180deg,rgba(18,10,22,.94),rgba(8,10,18,.96)) padding-box,
    linear-gradient(90deg,#ff007f,#7928ca,#00d2ff) border-box!important;
  box-shadow:0 0 14px rgba(229,46,113,.4)!important;color:inherit}
.asset-chip[data-asset="crash300"].on .n,
.asset-chip[data-asset="crash300"].on .asset-ico{
  background:linear-gradient(90deg,#ff8a00,#e52e71);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:transparent;font-weight:700}
.asset-chip[data-asset="goldtrend"].on{border-width:1.5px;border-color:#fbbf24;color:#FFFBEB}
.asset-chip[data-asset="boomspike"].on{
  border-color:transparent;
  color:#ffffff}
.asset-chip[data-asset="boomspike"].on .n,
.asset-chip[data-asset="boomspike"].on .asset-ico{
  color:#ffffff!important;font-weight:700;-webkit-text-fill-color:#ffffff;background:none;
  text-shadow:none}
.asset-chip[data-asset="boomspike"].on .payout-live{color:#ffffff!important;font-weight:700;
  -webkit-text-fill-color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.asset-chip[data-asset="nexusprime"].on{border-width:1.5px;border-color:#22D3EE;box-shadow:0 0 12px rgba(34,211,238,.4);background:linear-gradient(180deg,rgba(34,211,238,.3),rgba(21,94,117,.2));color:#22D3EE}
.asset-chip[data-asset="v75"].on{border-width:1.5px;border-color:#E91E63;box-shadow:0 0 12px rgba(233,30,99,.4);background:linear-gradient(180deg,rgba(233,30,99,.3),rgba(136,14,79,.2));color:#E91E63}
.asset-chip[data-asset="titanpulse"].on{border-width:1.5px;border-color:#FFFFFF;box-shadow:0 0 14px rgba(255,255,255,.45);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));color:#FFFFFF}
.payout-live{font-size:10px;font-weight:700;color:var(--green);line-height:1.2;margin-top:1px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}

.chart-card,#chart{flex:1 0 auto;flex-shrink:0!important;min-height:380px!important;height:45vh!important;max-height:none!important;width:100%!important;
  display:flex!important;flex-direction:column;border-radius:0!important;overflow:hidden;position:relative;z-index:1;background:#0B0E14!important;
  border:none!important;outline:none!important;box-shadow:none!important}
.chart-card.glass,#chart.glass{border:none!important;outline:none!important;box-shadow:none!important;background:#0B0E14!important;backdrop-filter:none}
.chart-card,#chart{position:relative}
.chart-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:2px 6px;margin:7px 0 4px;flex-shrink:0;
  position:absolute;top:0;left:0;right:0;z-index:14;min-height:22px;border-bottom:none;
  background:linear-gradient(180deg,rgba(11,14,20,.88),rgba(11,14,20,0));pointer-events:none}
.chart-toolbar .ind-pills,.chart-toolbar .ind-btn,.chart-toolbar .chart-fs-btn{pointer-events:auto}
.chart-live-price{display:none!important}
.chart-price-wm{opacity:.9;font-size:.72rem;text-shadow:0 0 10px rgba(0,0,0,.55);color:var(--gold)}
.chart-live-price .pnl-value{font-size:.68rem;opacity:.85}
.chart-stage{flex:1 1 auto;position:relative;min-height:360px!important;height:100%!important;width:100%!important;flex-shrink:0;overflow:hidden;overscroll-behavior:none;touch-action:auto;pointer-events:none;background:#0B0E14!important;margin-top:0}
#chartCanvas{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important;
  background-color:#0B0E14!important;pointer-events:none;touch-action:none;border:none!important;outline:none!important}
#chartOverlay,.chart-overlay{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;visibility:visible!important;opacity:1!important;z-index:20!important;
  background:transparent!important;background-color:transparent!important;pointer-events:none;border:none!important;outline:none!important}
.chart-toolbar,.ind-pills,.ind-btn,.chart-fs-btn,.install-banner{pointer-events:auto!important;touch-action:manipulation!important}
.ind-pills{display:flex;flex-wrap:nowrap;gap:5px;z-index:13;align-items:center;min-width:0;flex:1 1 auto}
.chart-tool-sep{width:1px;height:12px;margin:0 3px;background:rgba(255,255,255,.18);flex-shrink:0}
.ind-pills .zoom-btn:first-of-type,.ind-btn.zoom-btn#chartZoomIn{margin-left:0}
.ind-btn.zoom-btn#chartZoomOut{margin-left:3px}
.ind-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#aaa;
  font:inherit;font-size:10px!important;font-weight:800;letter-spacing:.04em;padding:4px 6px!important;border-radius:4px;cursor:pointer;min-height:24px;min-width:26px;line-height:1;flex-shrink:0}
.ind-btn.on{border-color:rgba(255,224,130,.7);color:#FFE082;background:rgba(255,215,0,.16);box-shadow:0 0 8px rgba(255,215,0,.22)}
.ind-btn.zoom-btn:active{border-color:rgba(249,115,22,.7);color:#FFD4A8;background:rgba(249,115,22,.22)}
.chart-reset-btn{min-width:28px;font-size:11px;line-height:1;margin-left:9px;margin-right:12px;
  background:rgba(245,166,35,.16);border:1px solid rgba(245,166,35,.55);color:#ffb703;padding:3px 8px;border-radius:4px}
.order-hud{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none}
.laser-timer{min-width:64px;text-align:center;padding:4px 10px;border-radius:999px;font-weight:900;font-size:.82rem;
  color:#0A0F1D;background:linear-gradient(135deg,#FFD700,#FFA000);border:1px solid rgba(255,255,255,.35);
  box-shadow:0 0 18px rgba(255,215,0,.55)}
.strip-price{font-size:.78rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,Consolas,monospace}
.pnl-value{font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,Consolas,monospace}
.pnl-value.up{color:var(--green);text-shadow:0 0 10px rgba(0,230,118,.45)}
.pnl-value.down{color:var(--red);text-shadow:0 0 10px rgba(255,23,68,.45)}
.pnl-value.idle{color:var(--muted)}

.history-card{display:none!important;flex:0 0 auto;border-radius:10px;padding:4px 8px}
.hist-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
.hist-title{font-size:.62rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:var(--gold)}
.hist-more{border:0;background:transparent;color:var(--gold);font:inherit;font-size:.55rem;font-weight:800;cursor:pointer;padding:4px 6px;white-space:nowrap}
.history-feed{overflow:hidden;max-height:92px}
.trade-hint,
[data-i18n="tradeHint"],
[data-i18n="tradeHintAndroid"],
[data-i18n="tradeHintA"]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;font-size:0!important;line-height:0!important}
.risk-line{display:none!important}
.deposit-instant{color:var(--green);font-weight:800;font-size:.78rem;text-align:center;margin:8px 0 12px;padding:8px 10px;
  border-radius:10px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35)}
.op-grid-deposit{grid-template-columns:1fr 1fr;gap:8px}
.op-grid-deposit .op-card{min-height:64px;justify-content:center}
.op-grid-deposit .op-card.on{box-shadow:0 0 0 1px var(--gold) inset}
.help-badge{border:1px solid var(--line);background:rgba(245,197,24,.1);color:var(--gold);border-radius:999px;
  padding:4px 8px;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap;flex-shrink:0}
.auth-back{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:12px;z-index:6;
  width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;padding:0;
  border:1px solid rgba(255,255,255,.14);background:rgba(21,30,48,.72);color:#E8EEF9;
  border-radius:10px;font:inherit;font-weight:700;font-size:1.05rem;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.auth-back span{display:none}
.bal-plus{width:26px;height:26px;min-width:26px;border-radius:50%;border:1px solid rgba(245,197,24,.75);
  background:linear-gradient(180deg,#F59E0B,#D97706);color:#000;
  padding:0;cursor:pointer;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 0 10px rgba(245,158,11,.35)}
.bal-plus .plus-ico,.fs-mid-plus .plus-ico{width:15px;height:15px;display:block;flex-shrink:0}
.bal-plus.hidden{display:none}
.balance-card{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.bal-crypto-frieze{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:10px;pointer-events:none}
.bal-crypto-frieze .coin-svg{width:20px;height:20px;opacity:.72;flex-shrink:0;border-radius:50%}
.balance-card .bal{white-space:nowrap;flex-shrink:0}
#screenTrade.mode-demo .balance-card{border:1px solid rgba(245,158,11,.35);box-shadow:none;
  background:var(--surface)}
#screenTrade.mode-demo .balance-card .bal{color:#FBBF24;text-shadow:none}
#screenTrade.mode-real .balance-card{border:1px solid rgba(16,185,129,.35);box-shadow:none;
  background:var(--surface)}
#screenTrade.mode-real .balance-card .bal{color:#6EE7B7;text-shadow:none}
#screenTrade.mode-real .btn-deposit{box-shadow:none}
#screenTrade.mode-demo .btn-deposit{background:var(--gold);box-shadow:none}
#screenTrade.is-guest .brand-lockup.mini .brand{font-size:.62rem}
#screenTrade.is-guest .logo-mark.sm{width:18px;height:18px}
#screenTrade.is-guest #btnProfile{display:none}
#screenTrade.is-guest #btnOpenDeposit,
#screenTrade.is-guest .topbar-cta,
#screenTrade.is-guest .guest-crypto-pills,
.guest-crypto-pills{display:none!important}
#screenTrade.is-guest .auth-quick,
#screenTrade.is-guest .auth-quick.hidden{display:flex!important;position:relative;z-index:50;flex:1 1 auto;min-width:0;margin-left:auto;margin-right:6px;gap:8px}
#screenTrade.is-guest .topbar-actions{margin-left:0;flex:0 0 auto}
#screenTrade.is-guest .btn-auth-link{padding:8px 16px;font-size:.76rem;font-weight:800;min-height:36px;text-align:center;justify-content:center;display:inline-flex;align-items:center;border-radius:9px}
#screenTrade.is-guest #btnGoLogin{flex:1 1 0;background:#12141c;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none}
#screenTrade.is-guest #btnGoRegister{flex:1.3 1 0;background:#2a1d05;color:#ffb703;border:1.5px solid #f5a623;box-shadow:0 0 10px rgba(245,166,35,.22);font-weight:800}
#screenTrade:not(.is-guest) .auth-quick,
#screenTrade:not(.is-guest) .guest-crypto-pills{display:none!important}
#screenTrade:not(.is-guest) .topbar-cta{position:absolute;left:50%;transform:translateX(-50%);margin:0;z-index:1}
#screenTrade:not(.is-guest) .topbar-actions{margin-left:auto}
.pay-logos-strip{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden}
.pay-showcase{display:none!important}
.op-wave{background:#1BA0F2}.op-orange{background:#FF6600}.op-mtn{background:#FFCC00;color:#0A0F1D!important}
.op-moov{background:#0B3C8A}.op-card{background:#1a1f2e;font-size:.9rem!important}.op-crypto{background:#F7931A;color:#0A0F1D!important}
.op-paypal{background:#003087}
.qbtn-back{flex:0 0 15%;max-width:52px;color:#ffb4c0;border-color:rgba(239,68,68,.35)!important}
#chartCanvas{width:100%!important;height:100%!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important}
.admin-adj-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.admin-adj-row input{flex:1;min-width:120px}
.admin-finance-block{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.admin-finance-table{margin-top:8px;max-height:220px;overflow:auto;-webkit-overflow-scrolling:touch}
.admin-finance-table .hist-table{font-size:.64rem}
.admin-finance-ref{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart-outcome.win{color:#fff;text-shadow:none;font-size:13px;font-weight:700;
  animation:outcomePop .35s ease}
@keyframes festGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.chart-outcome.lose{color:#fff;font-size:11px;font-weight:700;opacity:1!important}
.help-fab{display:none!important}
.btn-hist-cta{display:none!important}
.quick-stakes{display:none!important}
.btn-hist-drawer{letter-spacing:.02em;font-size:.68rem!important;min-height:42px;line-height:1.2;text-align:center}
.chart-fs-btn{
  position:relative;z-index:13;top:auto;right:auto;min-height:22px;padding:2px 5px!important;gap:2px!important;margin-left:8px;margin-right:4px;
  border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;pointer-events:auto;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:rgba(255,255,255,.06);
  color:#aaa;box-shadow:none;white-space:nowrap!important;
  font:inherit;font-size:9.5px!important;font-weight:700;letter-spacing:.04em;line-height:1;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;opacity:1;animation:fsBtnHint 2.4s ease-in-out infinite}
.chart-fs-btn:hover,.chart-fs-btn:focus-visible{
  border-color:#334155;background:rgba(18,23,34,.95);
  color:#E2E8F0}
.chart-fs-btn[aria-pressed="true"]{animation:none}
.chart-fs-live{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#EF4444;
  box-shadow:0 0 0 0 rgba(239,68,68,.55);animation:fsLiveDot 1.5s ease-in-out infinite}
.chart-fs-ico{font-size:11px;line-height:1;flex-shrink:0}
.chart-fs-label{white-space:nowrap;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:inherit}
@keyframes fsLiveDot{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.5)}
  50%{opacity:.45;box-shadow:0 0 0 5px rgba(239,68,68,0)}
}
@keyframes fsBtnHint{
  0%,100%{border-color:#1E2638}
  50%{border-color:rgba(239,68,68,.55)}
}
@media (max-width:859px){
  .chart-fs-btn{
    position:relative;right:auto;top:auto;min-height:22px;padding:2px 5px!important;gap:2px!important;width:auto;border-radius:4px;
    background:rgba(18,23,34,.85);border:1px solid #1E2638;color:#94A3B8;
    box-shadow:none}
  .chart-fs-label{display:inline;font-size:9.5px}
  .chart-fs-ico{font-size:11px}
}
.btn-hist-cta:active{transform:scale(.98)}
.btn-auth-link{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px 8px;
  font:inherit;font-size:.62rem;font-weight:800;cursor:pointer;white-space:nowrap}
.btn-auth-link.on{border-color:var(--gold);color:var(--gold);background:rgba(245,197,24,.08)}
.auth-quick{display:flex;gap:4px;align-items:center}
.auth-quick.hidden{display:none}
.hist-table{width:100%;border-collapse:collapse;font-size:.68rem}
.hist-table th{text-align:left;color:var(--muted);font-weight:800;padding:6px 4px;border-bottom:1px solid var(--line)}
.hist-table td{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
.hist-table .w{color:var(--green);font-weight:800}
.hist-table .l{color:var(--red);font-weight:800}
.hist-table tr.hist-open td{color:#FDE68A}
.hist-table .hist-amt,.hist-table .hist-pnl{white-space:nowrap;font-variant-numeric:tabular-nums}
.st-COMPLETED{color:var(--green);font-weight:800}
.st-PENDING{color:var(--gold);font-weight:800}
.st-REJECTED{color:var(--red);font-weight:800}
.admin-search{margin:8px 0 12px}
.admin-search input{width:100%}
.admin-detail{padding:12px;margin:10px 0 16px}
.admin-detail.hidden{display:none}
#helpMessage{width:100%;resize:vertical;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:10px;
  color:var(--text);padding:10px;font:inherit}
.h-item{display:grid;grid-template-columns:36px 1fr auto;gap:6px;align-items:center;padding:3px 6px;border-radius:6px;
  background:rgba(255,255,255,.03);border-left:3px solid transparent;margin-bottom:2px}
.h-item.live{border-left-color:var(--gold);background:rgba(255,215,0,.06)}
.h-item.live .h-gain{color:var(--gold)}
.h-badge{font-size:.55rem;font-weight:900;font-family:ui-monospace,Menlo,Consolas,monospace}
.h-badge.call{color:var(--green)}.h-badge.put{color:var(--red)}
.h-main{font-size:.66rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-time{font-size:.55rem;color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.h-gain{font-weight:900;font-size:.7rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.h-gain.w,.w{color:var(--green)}.h-gain.l,.l{color:var(--red)}
.empty-feed{color:var(--muted);text-align:center;padding:6px;font-size:.7rem}
.sheet-feed{max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal-box.sheet{max-height:78dvh}

.pad{position:fixed;bottom:0;left:0;right:0;z-index:50;margin:0 auto;max-width:28rem;border-radius:12px 12px 0 0;padding:4px 8px;gap:3px;
  padding-bottom:calc(18px + env(safe-area-inset-bottom, 12px));display:flex;flex-direction:column;background:#0b0e14;
  border:none;border-top:1px solid rgba(255,255,255,.06);box-shadow:none}
@media (max-width:859px){
  html,body,#screenTrade,#screenTrade .trade-shell,#screenTrade .trade-wrap{
    background:#0B0E14!important;background-color:#0B0E14!important;
    min-height:100dvh;min-height:100svh}
  #screenTrade:not(.hidden)::after{
    content:"";position:fixed;left:0;right:0;bottom:-64px;z-index:0;pointer-events:none;
    height:calc(88px + env(safe-area-inset-bottom, 28px) + 64px);
    background:linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(11,14,20,.42) 22%,#0B0E14 52%,#0B0E14 100%);
  }
}
.pad.glass{border:none!important;border-top:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;background:#0b0e14!important}
.dur-row,.quick-row{display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dur-row::-webkit-scrollbar,.quick-row::-webkit-scrollbar{display:none}
.dur-chip{flex:0 0 auto;min-width:44px;font-size:.55rem}
.dur-chip,.qbtn{flex:1;border:1px solid var(--line);background:rgba(10,15,29,.75);color:var(--text);font:inherit;font-weight:800;
  font-size:.6rem;padding:2px 0;border-radius:7px;cursor:pointer;min-height:28px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}
.dur-chip.on{border-color:#FBBF24;color:#1A1204;background:linear-gradient(180deg,#FDE68A 0%,#F59E0B 100%);box-shadow:0 0 14px rgba(245,158,11,.45)}
.qbtn.hit,.qbtn:active{transform:scale(.94);border-color:var(--gold);color:var(--gold);background:var(--gold-soft);box-shadow:0 0 12px rgba(255,215,0,.25)}
.stake-line{display:flex;align-items:center;gap:6px;margin:2px 0;padding:0}
.stake-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;position:relative}
.stake-line input,.stake-field input{width:100%;background:rgba(10,15,29,.8);border:1px solid var(--line);border-radius:8px;padding:5px 8px;
  color:var(--gold);font:inherit;font-size:1rem;font-weight:900;text-align:right;outline:none;min-width:0;min-height:34px;
  -moz-appearance:textfield;appearance:textfield}
.stake-line input::-webkit-outer-spin-button,.stake-line input::-webkit-inner-spin-button,
.stake-field input::-webkit-outer-spin-button,.stake-field input::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0}
.stake-min{display:flex!important;justify-content:space-between;align-items:center;padding:0!important;margin:2px 0!important;gap:8px;width:100%;line-height:1.15;border:none!important;background:transparent!important;box-shadow:none!important}
.stake-min-label{font-size:10px!important;opacity:.58;font-weight:500;letter-spacing:.04em;color:#94A3B8;border:none!important;background:transparent!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.stake-min-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px;align-items:center;flex-shrink:0}
.stake-min-actions .qbtn,.stake-min-actions .stake-act{
  flex:0 0 auto;min-width:38px;width:auto;max-width:none;min-height:30px;height:30px;max-height:30px;
  padding:0 8px;font-size:.70rem;border-radius:7px;line-height:1;
  border:1.5px solid rgba(232,195,106,.5);color:#F8E7B0;background:rgba(18,23,34,.92);
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;
  transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}
.stake-min-actions .qbtn-back{
  flex:0 0 auto;min-width:38px;max-width:none;color:#ffb4c0;border-color:rgba(239,68,68,.45)!important;
  background:rgba(239,68,68,.12)}
/* Feedback clic discret — + orange, ÷2/×2 vert, ⌫ rouge */
.stake-min-actions .qbtn.hit,
.stake-min-actions .qbtn:active{transform:scale(.96)}
.stake-min-actions .qbtn[data-add].hit,
.stake-min-actions .qbtn[data-add]:active{
  border-color:rgba(249,115,22,.75)!important;color:#FFD4A8!important;
  background:rgba(249,115,22,.28)!important;box-shadow:0 0 10px rgba(249,115,22,.28)}
.stake-min-actions .qbtn[data-a="half"].hit,
.stake-min-actions .qbtn[data-a="half"]:active,
.stake-min-actions .qbtn[data-a="x2"].hit,
.stake-min-actions .qbtn[data-a="x2"]:active{
  border-color:rgba(34,197,94,.7)!important;color:#BBF7D0!important;
  background:rgba(34,197,94,.26)!important;box-shadow:0 0 10px rgba(34,197,94,.25)}
.stake-min-actions .qbtn[data-a="back"].hit,
.stake-min-actions .qbtn[data-a="back"]:active,
.stake-min-actions .qbtn-back.hit,
.stake-min-actions .qbtn-back:active{
  border-color:rgba(239,68,68,.85)!important;color:#FECACA!important;
  background:rgba(239,68,68,.38)!important;box-shadow:0 0 10px rgba(239,68,68,.3)}
.win-preview{text-align:right;flex-shrink:0;min-width:96px}
.win-preview .label{display:none}
.win-preview .amount{font-size:.82rem;font-weight:900;font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--green)}
.win-preview .mult{font-size:.62rem;color:var(--green);font-weight:800}
.odds-label,.payout-badge{margin:6px 0 4px;padding:3px 8px;font-size:.62rem;font-weight:700;color:#F8E7B8;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;
  display:inline-block;align-self:flex-start;border-radius:999px;background:rgba(10,15,29,.72);border:1px solid rgba(245,158,11,.3);text-align:left}
.odds-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 0}
.odds-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 3px;min-height:34px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}
.odds-chip .odds-mult{font-size:.78rem;font-weight:700;line-height:1.1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}
.odds-chip .odds-pct{font-size:.58rem;font-weight:600;color:var(--muted);line-height:1.1;text-transform:uppercase;letter-spacing:.03em}
.odds-chip[data-odds="1.9"]{border:1px solid #F97316;background:rgba(249,115,22,.15)}
.odds-chip[data-odds="1.9"] .odds-mult{color:#FDBA74}
.odds-chip[data-odds="5"]{border:1px solid #06B6D4;background:rgba(6,182,212,.15)}
.odds-chip[data-odds="5"] .odds-mult{color:#67E8F9}
.odds-chip[data-odds="10"]{border:1px solid #A855F7;background:rgba(168,85,247,.15)}
.odds-chip[data-odds="10"] .odds-mult{color:#D8B4FE}
.odds-chip[data-odds="50"]{border:1px solid #F59E0B;background:rgba(245,158,11,.15)}
.odds-chip[data-odds="50"] .odds-mult{color:#FCD34D}
.odds-chip.on{color:#fff}
.odds-chip[data-odds="1.9"].on{border-color:#F97316;background:rgba(249,115,22,.9);box-shadow:0 0 16px rgba(249,115,22,.55)}
.odds-chip[data-odds="1.9"].on .odds-mult,.odds-chip[data-odds="1.9"].on .odds-pct{color:#fff}
.odds-chip[data-odds="5"].on{border-color:#06B6D4;background:rgba(6,182,212,.9);box-shadow:0 0 16px rgba(6,182,212,.55)}
.odds-chip[data-odds="5"].on .odds-mult,.odds-chip[data-odds="5"].on .odds-pct{color:#fff}
.odds-chip[data-odds="10"].on{border-color:#A855F7;background:rgba(168,85,247,.9);box-shadow:0 0 18px rgba(168,85,247,.55)}
.odds-chip[data-odds="10"].on .odds-mult,.odds-chip[data-odds="10"].on .odds-pct{color:#fff}
.odds-chip[data-odds="50"].on{border-color:#F59E0B;background:rgba(245,158,11,.9);box-shadow:0 0 18px rgba(245,158,11,.55)}
.odds-chip[data-odds="50"].on .odds-mult,.odds-chip[data-odds="50"].on .odds-pct{color:#fff}
.timer-panel{display:none!important}
.trade-lock{display:none!important}
.btn-trade.locked{filter:grayscale(.4);opacity:.45;animation:none;box-shadow:none}
.btn-trade.soft-pause,
.btn-trade.soft-pause:disabled{
  opacity:1!important;cursor:pointer!important;filter:none;pointer-events:auto}
.trade-row{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:0;margin:8px 0 0}
.btn-trade{border:0;border-radius:var(--radius);min-height:52px;flex:1 1 0;min-width:0;width:auto;font:inherit;font-weight:700;letter-spacing:0;text-transform:uppercase;
  cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;padding:12px 8px;font-size:12px;line-height:1.15;
  white-space:nowrap;overflow:visible;text-overflow:clip;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn-trade span{display:block;white-space:nowrap;overflow:visible;font-size:12px;font-weight:700;max-width:100%}
.btn-trade:disabled{opacity:.4;cursor:not-allowed;animation:none;filter:grayscale(.35)}
.btn-call{background:#10B981;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 18px rgba(0,230,118,.4),inset 0 1px 0 rgba(255,255,255,.18);animation:none}
.btn-put{background:#F43F5E;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 18px rgba(255,59,48,.4),inset 0 1px 0 rgba(255,255,255,.12);animation:none}
.btn-call:hover:not(:disabled),.btn-call:focus-visible:not(:disabled){box-shadow:0 6px 20px rgba(0,230,118,.5),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-put:hover:not(:disabled),.btn-put:focus-visible:not(:disabled){box-shadow:0 6px 20px rgba(255,59,48,.5),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-call:active:not(:disabled){box-shadow:0 4px 18px rgba(0,230,118,.6),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-put:active:not(:disabled){box-shadow:0 4px 18px rgba(255,59,48,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-trade small{font-size:.62rem;font-weight:700;opacity:.9;letter-spacing:.02em}
@keyframes pulseCall{0%,100%{opacity:1}50%{opacity:1}}
@keyframes pulsePut{0%,100%{opacity:1}50%{opacity:1}}

.prof-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.avatar{width:46px;height:46px;border-radius:10px;background:rgba(245,158,11,.16);border:1px solid rgba(245,158,11,.35);
  color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.card{border-radius:14px;padding:12px;margin-bottom:10px}
.card h3{font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}
.list-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}
.list-row:last-child{border-bottom:0}
.btn-danger{width:100%;border:1px solid var(--red);background:rgba(255,23,68,.12);color:var(--red);border-radius:12px;
  padding:12px;font:inherit;font-weight:900;cursor:pointer;margin-top:8px}

.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none!important;
  z-index:210;opacity:0;pointer-events:none!important;transition:.2s;backdrop-filter:blur(10px)}
.modal-backdrop.active{display:block!important;opacity:1;pointer-events:auto!important}
.modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);
  background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 16px 14px;
  width:min(360px,86vw);max-width:360px;max-height:72dvh;overflow-y:auto;transition:.22s;z-index:211}
.modal-box.glass{background:rgba(21,30,48,.92);box-shadow:0 0 0 1px rgba(255,215,0,.14),0 20px 50px rgba(0,0,0,.5)}
.modal-backdrop.active .modal-box{transform:translate(-50%,-50%) scale(1)}
.trade-row.cooldown,.btn-trade.cooldown{pointer-events:none}
.dur-chip,.odds-chip,.dur-row,.odds-row{pointer-events:auto!important}
.btn-close{position:absolute!important;top:16px!important;right:16px!important;z-index:40;
  width:36px;height:36px;min-width:36px;min-height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:10px;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer;padding:0;touch-action:manipulation}
.btn-close:hover,.btn-close:focus-visible{background:rgba(255,255,255,.08)!important;color:#F8FAFC}

/* Android : overflow hidden sans calque inset qui mange les taps */
html.is-android,html.is-android body{
  position:relative!important;inset:auto!important;width:100%!important;
  height:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
  overflow:hidden!important;overscroll-behavior:none!important;background:#0B0E14!important;
  pointer-events:auto!important;touch-action:manipulation!important}
html.is-android .screen,
html.is-android #screenTrade{
  height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}
html.is-android .pad{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  z-index:50!important;background:#0B0E14!important;max-width:none!important;
  padding-bottom:calc(28px + env(safe-area-inset-bottom, 18px))!important}
html.is-android .btn-close{
  min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;
  z-index:9999;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;position:absolute!important;
  top:8px!important;right:8px!important;left:auto!important;bottom:auto!important}
html.is-android .modal-backdrop.active{pointer-events:auto!important}
html.is-android .modal-backdrop.active .modal-box{pointer-events:auto;z-index:211}
html.is-android .modal-backdrop.active .btn-gold{
  pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:9999}
html.is-android .modal-backdrop.active .btn-close{
  pointer-events:auto!important;touch-action:manipulation;position:absolute!important;
  top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;z-index:9999}
html.is-android #depositModal .deposit-box:not(.is-crypto){padding-top:14px}
html.is-android .drawer-head .btn-close{
  position:absolute!important;top:8px!important;right:10px!important;left:auto!important;bottom:auto!important;z-index:20}
html.is-android .trade-hint,
html.is-android [data-i18n="tradeHint"],
html.is-android [data-i18n="tradeHintAndroid"]{
  display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;font-size:0!important;line-height:0!important}
html.is-android .btn-hist-cta{
  display:none!important}
html.is-android .chart-card,html.is-android #chart{
  flex-shrink:0!important;min-height:280px!important;height:42vh!important;max-height:52vh!important;
  background:#0B0E14!important}
html.is-android .chart-stage{
  flex-shrink:0!important;min-height:240px!important;height:100%!important;background:#0B0E14!important;background-color:#0B0E14!important}
html.is-android #chartCanvas{
  display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important;
  background:#0B0E14!important;background-color:#0B0E14!important;min-height:0!important}
html.is-android #chartOverlay{
  background:transparent!important;background-color:transparent!important;min-height:0!important;z-index:20!important}
@media (max-width:429px){
  html.is-android .chart-card,html.is-android #chart{
    min-height:260px!important;height:40vh!important;max-height:48vh!important;background:#0B0E14!important}
  html.is-android .chart-stage{min-height:220px!important;background:#0B0E14!important}
}
.modal-title{font-size:1rem;font-weight:900;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:6px;padding-right:44px}
.modal-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex-shrink:0}
.modal-head-row .modal-title{margin:0;padding:0;flex:1 1 auto;min-width:0;line-height:1.25}
.modal-head-row .btn-close{
  position:static!important;top:auto!important;right:auto!important;flex:0 0 32px;
  width:32px;height:32px;min-width:32px;min-height:32px;font-size:1rem;transform:none}
.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pack-card{border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;background:rgba(255,255,255,.02)}
.pack-card.selected,.pack-card:active{border-color:var(--gold);background:var(--gold-soft)}
.pack-coins{font-size:1.05rem;font-weight:900;color:var(--gold)}
.result-box{text-align:center;padding:8px 0 4px}
.res-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-size:1.6rem;font-weight:900}
.result-box.win .res-icon{background:rgba(0,230,118,.15);color:var(--green);box-shadow:0 0 28px rgba(0,230,118,.45)}
.result-box.lose .res-icon{background:rgba(255,23,68,.15);color:var(--red)}
.res-title{font-size:1.45rem;font-weight:900}
.result-box.win .res-title,.result-box.win .res-detail{color:var(--green)}
.result-box.lose .res-title,.result-box.lose .res-detail{color:var(--red)}
.res-detail{font-size:1.15rem;font-weight:900;margin:4px 0 6px}
.res-sub{font-size:.75rem;color:var(--muted);margin-bottom:14px}

.wd-live{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;color:var(--green);margin-bottom:8px}
.dot-on{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.4s infinite}
.wd-bal{font-size:1.15rem;font-weight:900;color:var(--gold);margin:6px 0 14px;padding:14px 16px;border-radius:12px;
  border:1px solid rgba(245,197,24,.35);background:rgba(245,197,24,.08);font-family:ui-monospace,Menlo,Consolas,monospace;
  text-align:center;letter-spacing:.02em;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:6px}
.wd-bal-caption{font-size:.72rem;font-weight:800;color:var(--muted);font-family:"Hanken Grotesk",system-ui,sans-serif;
  letter-spacing:.04em;text-transform:none}
.wd-bal-amt{font-size:1.15rem;font-weight:900;color:var(--gold)}
.wd-wager-box{margin:0 0 12px;padding:10px;border-radius:10px;border:1px solid rgba(245,197,24,.35);background:rgba(245,197,24,.08)}
.wd-wager-box.hidden{display:none!important}
.wd-wager-track{height:8px;border-radius:99px;background:rgba(10,15,29,.55);overflow:hidden;margin-bottom:8px}
.wd-wager-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#FFB300,#00E676);transition:width .25s ease}
.wd-wager-text{margin:0;font-size:.72rem;font-weight:600;color:#E8EEF9;line-height:1.4;text-align:center}
#wdOtpField{margin-top:8px}
#wdOtpField .otp-input{margin-top:4px}
#btnSendWithdraw:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.op-card{border:2px solid var(--op,#1BA0F2);background:rgba(10,15,29,.75);color:#fff;border-radius:10px;padding:10px 8px;
  font:inherit;font-weight:900;font-size:.72rem;cursor:pointer;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.op-card span{display:block}
.op-logo{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:.62rem;font-weight:900;letter-spacing:-.04em;font-style:normal}
.op-wave .op-logo{background:#1BA0F2;color:#fff}
.op-orange .op-logo{background:#FF6600;color:#fff}
.op-mtn .op-logo{background:#FFCC00;color:#0A0F1D}
.op-moov .op-logo{background:linear-gradient(135deg,#0B3C8A,#4DA3FF);color:#fff}
.op-card.on{background:var(--op,#1BA0F2);color:#0A0F1D;box-shadow:0 0 14px color-mix(in srgb, var(--op) 45%, transparent)}
.op-card.on .op-logo{box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.op-card.op-mtn.on{color:#0A0F1D}
.op-card.op-moov.on{color:#fff}
.wd-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.wd-pill{flex:1;min-width:56px;border:1px solid var(--line);background:rgba(10,15,29,.75);color:var(--text);border-radius:8px;
  padding:6px 4px;font:inherit;font-weight:800;font-size:.62rem;cursor:pointer;min-height:32px}
.wd-pill.on{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}
.wd-trust{display:flex;flex-direction:column;gap:4px;font-size:.62rem;font-weight:700;color:var(--muted);margin:8px 0 12px;line-height:1.35}
#withdrawModal .withdraw-box{width:min(420px,94vw);max-width:420px;height:auto;max-height:92dvh;overflow:hidden!important;padding:10px 10px 8px;
  display:flex;flex-direction:column;background:rgba(11,14,20,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(245,158,11,.35);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.deposit-box,.withdraw-box{overflow:auto!important}
.deposit-box .op-grid{margin-top:0}
.pay-method-label{font-size:.68rem;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:12px 0 8px}
.pay-method-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.pay-method-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(10,15,29,.88);
  border-radius:12px;padding:12px 12px 11px;cursor:pointer;color:var(--text);font:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.pay-method-card .pay-method-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.pay-method-title{font-size:.82rem;font-weight:800;color:#E8EEF9}
.pay-method-desc{display:block;font-size:.82rem;font-weight:700;color:#CBD5E1;line-height:1.4}
.pay-method-rec{flex-shrink:0;font-size:.55rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#0B0E14;background:linear-gradient(90deg,#F59E0B,#FBBF24);border-radius:999px;padding:3px 7px}
.pay-method-card.on{border-color:var(--gold);background:rgba(245,158,11,.08);
  box-shadow:0 0 0 1px rgba(245,158,11,.45),0 8px 20px rgba(245,158,11,.08)}
.pay-method-card.on .pay-method-title{color:var(--gold)}
.pay-crypto-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}
.pay-crypto-badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
  font-size:.52rem;font-weight:900;line-height:1;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.pay-crypto-badge.usdt{background:#26A17B}
.pay-crypto-badge.btc{background:#F7931A}
.pay-crypto-badge.eth{background:#627EEA}
.pay-crypto-badge.trx{background:#7C3AED}
.deposit-box{width:min(440px,94vw);max-width:440px;height:auto;max-height:92dvh;padding:20px 16px 16px;overflow:auto;
  background:rgba(8,10,16,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(245,158,11,.35);box-shadow:0 20px 48px rgba(0,0,0,.55)}
.dep-amt-chips,.dep-amt-chip{display:none!important}
.dep-amt-input,.deposit-box #depositAmt{border:1px solid rgba(245,158,11,.55)!important;
  box-shadow:0 0 0 1px rgba(245,158,11,.18),0 0 18px rgba(245,158,11,.12);
  background:rgba(11,14,20,.9)}
.oxa-net{position:relative}
.oxa-net::before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle;background:#64748B}
.oxa-net[data-net="TRC20"]::before{background:#EF0027}
.oxa-net[data-net="ERC20"]::before{background:#627EEA}
.oxa-net[data-net="BEP20"]::before{background:#F3BA2F}
.oxa-net.on{border:1px solid rgba(245,158,11,.7)!important;box-shadow:0 0 0 1px rgba(245,158,11,.25)}
.deposit-box.is-crypto .crypto-qr{width:118px;height:118px;padding:6px}
.oxa-max,#oxaMaxHint{display:none!important}
.btn-deposit-confirm{position:relative;overflow:hidden;color:#0B0E14;
  background:linear-gradient(135deg,#B45309 0%,#F59E0B 42%,#FBBF24 68%,#D97706 100%);
  box-shadow:0 0 18px rgba(245,158,11,.38),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-deposit-confirm::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.38) 50%,transparent 72%);
  transform:translateX(-130%);animation:depShimmer 2.6s ease-in-out infinite}
@keyframes depShimmer{0%,18%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
.deposit-box:not(.is-crypto) .modal-title{margin-bottom:8px}
.deposit-box:not(.is-crypto) .field{margin-bottom:6px;gap:4px}
.deposit-box:not(.is-crypto) .field input{min-height:40px;padding:10px 12px}
.deposit-box:not(.is-crypto) .pay-method-label{margin:8px 0 6px}
.deposit-box:not(.is-crypto) .pay-method-grid{gap:10px;margin-bottom:0}
#depositModal #payMethodCard .pay-method-desc{font-size:.62rem;font-weight:600;line-height:1.25;color:#E8EEF9;margin-top:4px;
  white-space:normal;overflow:visible;position:relative;z-index:1}
#depositModal .pay-method-grid #btnConfirmDeposit.btn-deposit-confirm{margin:2px 0 14px}
.deposit-box:not(.is-crypto) .pay-method-card{padding:16px 14px 15px;min-height:76px}
#depositModal #payMethodUsdt,.deposit-box:not(.is-crypto) .pay-method-card[data-pay="usdt"]{
  display:flex;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;
  padding:16px 12px 14px;min-height:0;
  background:linear-gradient(165deg,rgba(18,28,46,.98) 0%,rgba(10,16,30,.98) 58%,rgba(8,12,22,.98) 100%);
  border:1px solid rgba(56,189,248,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.28)}
#depositModal #payMethodUsdt.on,.deposit-box:not(.is-crypto) .pay-method-card[data-pay="usdt"].on{
  border-color:rgba(245,158,11,.55);
  box-shadow:0 0 0 1px rgba(245,158,11,.35),0 10px 24px rgba(245,158,11,.1)}
#depositModal #payMethodUsdt .pay-method-top{justify-content:flex-start;margin-bottom:12px}
#depositModal #payMethodUsdt .pay-method-title{font-size:1.08rem;letter-spacing:.04em;line-height:1.25;font-weight:900}
#depositModal #payMethodUsdt .pay-method-desc{font-size:.8rem;font-weight:700;line-height:1.45;margin-top:12px;color:#CBD5E1}
#depositModal #payMethodUsdt .pay-crypto-wall{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;width:100%}
#depositModal #payMethodUsdt .pay-crypto-cell{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;
  min-width:0;padding:6px 2px 5px;border-radius:10px;cursor:pointer;
  border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(245,158,11,.06);
  -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}
#depositModal #payMethodUsdt .pay-crypto-cell::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 32%,rgba(255,236,179,.38) 50%,transparent 68%);
  transform:translateX(-130%);opacity:.85}
#depositModal #payMethodUsdt .pay-crypto-cell:hover,
#depositModal #payMethodUsdt .pay-crypto-cell:focus-visible,
#depositModal #payMethodUsdt .pay-crypto-cell:active{
  border-color:rgba(245,158,11,.7);background:rgba(245,158,11,.14);
  box-shadow:0 0 0 1px rgba(245,158,11,.35),0 4px 12px rgba(245,158,11,.18);
  transform:translateY(-1px)}
#depositModal #payMethodUsdt .pay-crypto-cell:hover::after,
#depositModal #payMethodUsdt .pay-crypto-cell:active::after{
  animation:oroCryptoGleam 1.15s ease-out}
#depositModal #payMethodUsdt .pay-crypto-badge,
#depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{
  width:28px!important;height:28px!important;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 4px 10px rgba(0,0,0,.28)}
#depositModal #payMethodUsdt .pay-crypto-cell b{
  font-size:.62rem;font-weight:800;color:#E8EEF9;letter-spacing:.03em;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#depositModal #btnConfirmDeposit.btn-deposit-confirm{
  display:flex;align-items:center;justify-content:center;width:100%;
  min-height:56px;padding:16px 18px;margin-top:4px;
  font-size:1.02rem;font-weight:900;letter-spacing:.06em;line-height:1.15;
  border-radius:12px;box-sizing:border-box}
@media (max-width:859px){
  #depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 4px}
  #depositModal #payMethodUsdt .pay-method-title{font-size:1.02rem}
  #depositModal #payMethodUsdt .pay-crypto-cell b{font-size:.58rem}
  #depositModal #btnConfirmDeposit.btn-deposit-confirm{
    min-height:58px;padding:17px 16px;font-size:1rem}
}
html.is-android #depositModal #btnConfirmDeposit.btn-deposit-confirm{
  min-height:52px;padding:14px 14px;font-size:.92rem;
  pointer-events:auto!important;touch-action:manipulation;z-index:9999}
html.is-android #depositModal #payMethodUsdt .pay-crypto-badge,
html.is-android #depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{
  width:26px!important;height:26px!important}
@keyframes oroCryptoGleam{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.deposit-box.is-crypto{width:min(400px,94vw);max-width:400px;max-height:100dvh;padding:12px 14px 14px;overflow-x:hidden;overflow-y:auto;
  background:linear-gradient(180deg,#161C28 0%,#121824 100%);border:1px solid rgba(255,255,255,.1)}
.deposit-box.is-crypto #closeDeposit{display:none!important}
#depositStepCrypto:not(.hidden),#depositStepSelect:not(.hidden),#depositStepCryptoOk:not(.hidden){
  display:block!important;visibility:visible!important;height:auto!important;overflow:visible}
#formRegister:not(.hidden),#formLogin:not(.hidden){display:block!important;visibility:visible!important}
#wdStepForm:not(.hidden){display:flex!important;visibility:visible!important;overflow:auto!important;min-height:0}
.crypto-step-head{display:flex;align-items:center;gap:8px;min-height:36px;margin:0 0 8px}
.crypto-invoice,.crypto-ok{padding-top:2px}
.crypto-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#CBD5E1;
  font:inherit;font-size:.82rem;font-weight:700;padding:8px 4px;margin:0 0 4px;min-height:36px;cursor:pointer}
.crypto-back:hover{color:var(--gold)}
.crypto-pay{font-size:1.7rem;font-weight:900;color:var(--gold);text-align:center;margin:4px 0 10px;letter-spacing:.01em;
  font-variant-numeric:tabular-nums;line-height:1.2;text-shadow:0 0 20px rgba(245,158,11,.28)}
.crypto-live{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;padding:7px 12px;
  width:fit-content;max-width:100%;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);
  color:#6EE7B7;font-size:.68rem;font-weight:800;letter-spacing:.03em}
.crypto-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 10px #22C55E;animation:cryptoPulse 1.2s ease-in-out infinite}
@keyframes cryptoPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}
.crypto-qr-wrap{display:flex;justify-content:center;margin:0 0 10px}
.crypto-qr{width:118px;height:118px;border-radius:12px;padding:6px;background:#fff;object-fit:contain;display:block;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28)}
.crypto-addr-box{background:rgba(10,15,29,.92);border:1px solid rgba(245,158,11,.28);border-radius:16px;padding:14px 12px 12px;margin-bottom:16px}
.crypto-addr-label{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  text-align:center;margin-bottom:8px}
.crypto-addr{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;color:#F3F6FC;
  word-break:break-all;line-height:1.5;text-align:center;margin-bottom:12px}
.crypto-copy{width:100%;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.1);color:var(--gold);
  border-radius:12px;padding:11px 12px;font:inherit;font-weight:800;font-size:.82rem;cursor:pointer}
.crypto-copy:hover,.crypto-copy.is-copied{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#86EFAC}
.crypto-guide{margin:0 0 16px;padding:0 0 0 1.15rem;display:flex;flex-direction:column;gap:8px}
.crypto-guide li{font-size:.78rem;font-weight:600;color:#C5D0E0;line-height:1.45}
.crypto-hash-field input{min-height:48px;font-size:.88rem}
.crypto-spin{margin:8px auto}
.crypto-verify{margin:0 0 10px;text-align:center;font-size:.78rem;font-weight:700;color:#FDE68A;
  padding:10px 12px;border-radius:12px;background:rgba(11,14,20,.7);border:1px solid rgba(245,166,35,.35);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:luxInLocal .28s ease}
.crypto-verify.is-err{color:#FECDD3;border-color:rgba(244,63,94,.45)}
.crypto-pay-btn{width:100%;min-height:48px;font-size:.88rem;letter-spacing:.04em}
.crypto-ok{text-align:center;padding:28px 8px 12px}
.crypto-ok-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
  font-size:1.8rem;font-weight:900;color:#0B0E14;background:linear-gradient(180deg,#34D399,#059669);
  box-shadow:0 0 28px rgba(16,185,129,.4);animation:oxaOkPop .55s ease}
@keyframes oxaOkPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.crypto-ok-title{font-size:1.25rem;font-weight:900;color:#34D399;margin-bottom:8px}
.crypto-ok-copy{font-size:.88rem;font-weight:600;color:#a7f3d0;line-height:1.45;margin:0 0 20px}
.oxa-pick-wrap{margin:0 0 10px;display:flex;flex-direction:column;gap:10px}
.oxa-field{display:flex;flex-direction:column;gap:6px;position:relative}
.oxa-field label{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.oxa-dd-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 10px 10px 12px;
  border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#121824;color:var(--text);
  font:inherit;cursor:pointer;text-align:left;touch-action:manipulation}
.oxa-dd-btn[aria-expanded=true]{border-color:rgba(245,158,11,.45)}
.oxa-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;
  color:#0B0E14;flex-shrink:0}
.oxa-dd-meta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.oxa-dd-meta strong{font-size:.86rem}
.oxa-dd-meta small{font-size:.68rem;color:var(--muted);font-weight:700}
#depositModal .oxa-dd-chev,.oxa-dd-chev{
  width:30px;height:30px;display:grid;place-items:center;margin-left:4px;flex-shrink:0;
  border-radius:8px;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.55);
  color:#FBBF24;font-size:1.15rem;font-weight:900;line-height:1;
  box-shadow:0 0 0 1px rgba(245,158,11,.12)}
#depositModal .oxa-dd-btn[aria-expanded=true] .oxa-dd-chev{
  transform:rotate(180deg);background:rgba(245,158,11,.3)}
.oxa-dd{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#0E1420;border:1px solid rgba(255,255,255,.1);
  border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:8px;max-height:260px;display:flex;flex-direction:column}
.oxa-dd input{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#121824;
  color:var(--text);padding:8px 10px;font:inherit;font-size:.82rem;margin-bottom:6px}
.oxa-dd-list{overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:2px}
.oxa-dd-opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);
  border-radius:8px;padding:8px 8px;min-height:44px;font:inherit;cursor:pointer;text-align:left;touch-action:manipulation}
.oxa-dd-opt:hover,.oxa-dd-opt.on{background:rgba(255,255,255,.05)}
.oxa-nets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.oxa-net{min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#121824;color:#E8EEF9;
  font:inherit;font-size:.74rem;font-weight:800;cursor:pointer;touch-action:manipulation}
.oxa-net.on{border-color:var(--gold);color:var(--gold);background:rgba(245,158,11,.1)}
.oxa-wallet{background:#1C2433;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 12px 10px}
.oxa-wallet-title{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  text-align:center;margin-bottom:10px}
.oxa-wallet-addr{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem;font-weight:700;
  word-break:break-all;line-height:1.55;text-align:center;margin-bottom:12px;color:#94A3B8}
.oxa-wallet-addr .addr-hi{color:#4ADE80;text-shadow:0 0 10px rgba(74,222,128,.35)}
.oxa-wallet-addr .addr-mid{color:#CBD5E1}
.oxa-usd-line{display:none!important}
.oxa-usd-line strong{color:var(--gold)}
.oxa-chip-row{display:flex;gap:6px;margin:0 0 10px}
.oxa-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border-radius:999px;
  border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.1);color:#F8E7B8;font-size:.68rem;font-weight:800}
.oxa-chip-ico{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#26A17B;color:#fff;font-size:.55rem}
.oxa-wallet .crypto-qr-wrap{display:flex;justify-content:center;margin:0 0 10px}
.oxa-wallet-actions{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.oxa-act{display:block;width:100%;flex:none;min-height:42px;margin:0 auto 8px;border:1px solid rgba(245,158,11,.4);border-radius:12px;background:rgba(245,158,11,.12);
  color:var(--gold);font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;touch-action:manipulation;text-align:center}
.oxa-act-ico{flex:0 0 48px;display:grid;place-items:center;padding:0}
.oxa-act-ico svg{width:18px;height:18px}
.oxa-act.is-copied{border-color:rgba(34,197,94,.55);color:#ECFDF5;background:rgba(34,197,94,.22)}
.oxa-min{margin:0 0 8px;text-align:center;font-size:.68rem;font-weight:700;color:#CBD5E1}
.oxa-warn{margin:0;display:none}
.oxa-warn-ico{flex-shrink:0;opacity:.85}
.oxa-live{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;padding:6px 10px;
  width:fit-content;max-width:100%;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);
  color:#6EE7B7;font-size:.66rem;font-weight:800}
@media (max-width:480px){
  .deposit-box:not(.is-crypto){width:min(440px,94vw);max-height:92dvh;overflow:auto;padding:48px 12px 14px 12px}
  #depositModal #payMethodCard .pay-method-desc{font-size:.56rem;line-height:1.2;margin-top:3px}
  #depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(5,minmax(0,1fr))}
  #depositModal #payMethodUsdt .pay-crypto-cell b{font-size:.56rem}
  .deposit-box.is-crypto{padding:10px 12px 12px;max-height:100dvh;overflow-x:hidden;overflow-y:auto}
  .deposit-box.is-crypto .modal-title{margin-bottom:4px;font-size:.88rem}
  .deposit-box.is-crypto .crypto-qr{width:150px;height:150px;padding:8px;border-radius:14px}
  .deposit-box.is-crypto .oxa-wallet{padding:10px}
  .deposit-box.is-crypto .oxa-dd-btn{min-height:52px}
  .deposit-box.is-crypto .oxa-net{min-height:36px}
}
.drawer-item.drawer-logout{width:100%;min-height:30px;margin:2px 0 0;color:#F87171;justify-content:flex-start;
  position:sticky;bottom:0;background:#0B0E14;z-index:3;flex-shrink:0;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.drawer-item.drawer-logout .di-label{color:#F87171}
.drawer-item.drawer-logout .di-ico{opacity:.95;color:#F87171}
.logout-box{width:min(360px,90vw);padding:22px 18px 18px;text-align:center}
.logout-lead{margin:0 0 18px;font-size:.8rem;font-weight:600;color:var(--muted);line-height:1.45}
.logout-modal-row{display:flex;gap:8px}
.logout-cancel,.logout-go{flex:1;min-height:46px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.logout-cancel{border:1px solid rgba(255,255,255,.1);background:#1A2230;color:#E8EEF9}
.logout-go{border:1px solid rgba(127,29,29,.6);background:#7F1D1D;color:#FEE2E2}
#logoutModal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:220}
html.oro-profile-open #logoutModal{pointer-events:auto}
html.lang-ar .crypto-addr,html.lang-ar .crypto-pay,html.lang-ar .crypto-qr-wrap{direction:ltr;unicode-bidi:isolate;text-align:center}
.pay-mode-label{font-size:.72rem;font-weight:800;color:var(--muted);margin:10px 0 6px;letter-spacing:.03em}
.hint-min{font-size:.62rem;font-weight:700;color:var(--muted);margin:4px 0 0}
.convert-box{text-align:center;padding:14px 12px 16px;width:min(320px,86vw);max-width:320px}
.convert-fire{font-size:2.4rem;margin-bottom:6px;filter:drop-shadow(0 0 16px rgba(255,215,0,.55))}
.wait-spin{width:34px;height:34px;margin:2px auto 10px;border-radius:50%;border:3px solid rgba(255,215,0,.22);
  border-top-color:var(--gold);animation:waitSpin .9s linear infinite}
@keyframes waitSpin{to{transform:rotate(360deg)}}
.wait-note{margin:8px 0 0;font-size:.72rem;line-height:1.4;color:var(--muted);min-height:1px}
.wait-note.ok,.wait-note.warn{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;
  background:rgba(11,14,20,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  animation:luxInLocal .28s ease}
.wait-note.ok{color:#A7F3D0;border:1px solid rgba(16,185,129,.45)}
.wait-note.warn{color:#FDE68A;border:1px solid rgba(245,166,35,.35)}
#depositWaitModal #btnDepositWaitClose{margin-top:8px}
.wait-ref{font-size:.6rem;font-weight:700;color:var(--muted);margin-bottom:12px;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.convert-title{font-size:1.25rem;font-weight:900;color:var(--gold);margin-bottom:8px}
.convert-copy{font-size:.85rem;color:var(--muted);margin-bottom:16px;line-height:1.4}

.sparkle{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}
.sparkle i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:spark 700ms ease-out forwards}
@keyframes spark{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}

.lang-bar{display:flex;gap:2px;flex-shrink:0}
.lang-dd{position:relative;flex:0 0 32px;width:32px;min-width:32px;max-width:32px;overflow:hidden;z-index:40;background:#0B0E14}
.lang-dd-btn{border:1px solid var(--line);background:#121722;color:var(--text);border-radius:10px;padding:0;
  font:inherit;font-size:13px;font-weight:800;cursor:pointer;width:32px;height:32px;min-width:32px;max-width:32px;
  display:grid;place-items:center;line-height:1;overflow:hidden;position:relative;flex:0 0 32px;
  appearance:none;-webkit-appearance:none;box-shadow:none}
.lang-flag{font-size:14px;line-height:1;background:transparent;box-shadow:none}
.lang-dd-btn .lang-chev{display:none}
.lang-dd-menu{position:fixed;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(16,22,34,.98);border:1px solid var(--line);
  border-radius:8px;padding:4px;z-index:9999;min-width:168px;width:196px;max-width:min(196px,calc(100vw - 16px));
  max-height:none;overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.5)}
.lang-dd-menu.hidden{display:none!important}
.lang-dd-menu .lang-btn{display:flex;align-items:center;gap:4px;width:auto;text-align:left;font-size:10px;
  padding:4px 6px;min-height:24px;opacity:1;border-radius:6px;font-weight:600;color:var(--text)}
.lang-dd-menu .lang-btn .lang-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lang-dd-menu .lang-btn.on{opacity:1;background:var(--gold-soft);color:var(--gold)}
.lang-bar-auth{position:absolute;top:10px;right:10px;z-index:40}
.lang-btn{border:0;background:transparent;font-size:13px;line-height:1;padding:3px;border-radius:6px;cursor:pointer;opacity:.45}
.lang-btn.on{opacity:1;background:var(--gold-soft)}
.install-banner{position:absolute;left:50%;transform:translateX(-50%);right:auto;top:10px;bottom:auto;z-index:26;display:flex;align-items:center;gap:4px;
  max-width:calc(100% - 16px);width:auto;background:#121722;border:1px solid rgba(245,166,35,.35);border-radius:999px;padding:2px 6px;
  min-height:26px;box-shadow:0 8px 22px rgba(0,0,0,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;
  opacity:1;transition:opacity .45s ease}
.install-banner.hidden{display:none!important}
.install-banner.fade-out{opacity:0;pointer-events:none}
.install-banner #btnInstall{border:0;border-radius:999px;padding:2px 10px!important;min-height:22px;font:inherit;font-weight:500;font-size:11px!important;
  background:transparent;color:#E8EDF5;cursor:pointer;white-space:nowrap;letter-spacing:.01em;display:inline-flex;align-items:center;gap:4px}
.install-banner #btnInstall em{color:#F5A623;font-style:normal;font-weight:500}
.install-ico{display:inline-grid;place-items:center;width:12px;height:12px;max-width:12px;max-height:12px;border-radius:50%;background:rgba(245,166,35,.16);color:#F5A623;font-size:8px;font-weight:900;line-height:1}
.install-x{border:0;background:transparent;color:#94A3B8;width:12px;height:12px;max-width:12px;max-height:12px;border-radius:999px;cursor:pointer;font-size:12px;line-height:1;flex-shrink:0}
.install-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.install-ios-box{max-width:360px;text-align:left}
.install-ios-lead{font-size:.82rem;color:var(--muted);margin:0 0 14px;line-height:1.4;font-weight:600}
.install-ios-steps{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.install-ios-step{display:flex;align-items:flex-start;gap:12px;font-size:.8rem;line-height:1.4;color:var(--text);font-weight:600}
.install-ios-ico{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.install-ios-ico svg{width:20px;height:20px;display:block}
.install-ios-steps strong{color:var(--gold)}
.ios-share-icon{display:inline-block;color:var(--gold);font-weight:900}
.btn-admin{flex-shrink:0;border:1px solid var(--gold);background:var(--gold-soft);color:var(--gold);border-radius:10px;
  padding:8px 10px;font:inherit;font-size:.62rem;font-weight:800;cursor:pointer;white-space:nowrap}
.btn-admin.hidden{display:none!important}
.ghost-gold{background:transparent;border:1px solid var(--line);color:var(--text);margin-top:0}
.badge-ok{display:inline-block;margin-top:4px;font-size:.58rem;font-weight:700;color:#ECFDF5;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.35);border-radius:999px;padding:2px 8px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(4,8,16,.86);z-index:200;opacity:0;pointer-events:none;
  transition:opacity .22s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.drawer-backdrop.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;width:min(400px,100vw);height:100dvh;max-height:100svh;background:#0B0E14;
  border-left:1px solid rgba(245,158,11,.18);z-index:201;padding:0 0 env(safe-area-inset-bottom,0px);
  transform:translate3d(100%,0,0);transition:transform .28s cubic-bezier(.22,.8,.24,1);overflow:hidden;
  display:flex;flex-direction:column;gap:0;box-shadow:-24px 0 60px rgba(0,0,0,.55);will-change:transform;
  isolation:isolate;box-sizing:border-box}
.drawer.on{transform:translate3d(0,0,0)}
@media (max-width:640px){
  .drawer{width:100vw;max-width:100vw;left:0;right:0;top:0;height:100dvh;max-height:100svh;border-left:0;overflow:hidden}
}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 4px;
  position:relative;z-index:4;background:#0B0E14;padding-top:calc(8px + env(safe-area-inset-top,0px));flex-shrink:0}
.drawer-head h2{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.drawer-head .btn-close{position:static;margin:0;flex-shrink:0}
.drawer .prof-head{padding:2px 12px 6px;margin:0;gap:8px;flex-shrink:0}
.drawer .avatar{width:34px;height:34px;font-size:.72rem;border-radius:8px}
.drawer .prof-name{font-size:.86rem}
.drawer .badge-ok{margin-top:2px;font-size:.5rem;padding:1px 6px}
.drawer .card{margin:0 12px 6px;padding:6px 10px;flex-shrink:0}
.drawer .list-row{padding:4px 0;font-size:.7rem}
.wallet-card{margin:0 12px 6px;padding:10px 10px 8px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(165deg,#141A26 0%,#10151F 100%);
  border:1px solid rgba(245,158,11,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.wallet-card-k{font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94A3B8}
.wallet-card-v{font-size:1.35rem;font-weight:900;color:#F8E7B8;margin:2px 0 6px;letter-spacing:.01em;
  text-shadow:0 0 18px rgba(245,158,11,.25);font-variant-numeric:tabular-nums}
.wallet-xpress{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:34px;margin:0 0 8px;
  padding:6px 10px;border:0;border-radius:10px;cursor:pointer;user-select:none;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;
  background:linear-gradient(90deg,#F59E0B 0%,#EAB308 55%,#FBBF24 100%);
  color:#1A1204;font-size:.68rem;font-weight:900;letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(245,158,11,.28)}
.wx-coins{display:flex;align-items:center}
.wx-coin{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;font-weight:900;
  color:#fff;margin-left:-5px;box-shadow:0 0 0 1.5px rgba(26,18,4,.35)}
.wx-coin:first-child{margin-left:0}
.wx-usdt{background:#26A17B}
.wx-btc{background:#F7931A}
.wx-eth{background:#627EEA}
.wx-trx{background:#FF0013}
.wallet-tabs{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:4px;margin:0 0 8px}
.wallet-tab{min-height:32px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0E1420;color:#94A3B8;
  font:inherit;font-size:.52rem;font-weight:800;padding:4px 3px;cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}
.wallet-tab-ico{width:14px;height:14px;flex-shrink:0;display:block;border-radius:50%}
.wallet-tab.on{border-color:rgba(245,158,11,.55);color:#F8E7B8;background:rgba(245,158,11,.12)}
.wallet-addr-row{display:flex;align-items:flex-start;gap:6px;margin:0;padding:6px 8px;border-radius:8px;min-height:36px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,158,11,.16)}
.wallet-addr-row code{flex:1;min-width:0;font-size:.62rem;font-weight:700;color:#E2E8F0;line-height:1.4;
  font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all;white-space:normal}
.wallet-copy,.wallet-gen{flex-shrink:0;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.1);color:var(--gold);
  border-radius:7px;padding:4px 8px;font:inherit;font-size:.58rem;font-weight:800;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wallet-gen{white-space:nowrap}
.wallet-copy.is-copied{border-color:rgba(34,197,94,.5);color:#86EFAC;background:rgba(34,197,94,.14)}
.drawer-admin{margin:0 12px 4px;padding:6px;border:1px solid rgba(245,158,11,.28);border-radius:var(--radius);background:rgba(245,158,11,.06);flex-shrink:0}
.drawer-admin .btn-admin{padding:6px 8px;font-size:.58rem}
.drawer-nav{padding:0 6px;display:flex;flex-direction:column;gap:2px;margin-top:2px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.drawer-legal{margin:2px 12px 4px;font-size:.52rem;flex-shrink:0}
@media (min-width:860px){
  .drawer{width:min(360px,38vw)}
  .drawer .card{margin:0 10px 4px;padding:4px 8px}
  .drawer .list-row{padding:3px 0;font-size:.66rem}
  .wallet-card{margin:0 10px 4px;padding:8px}
  .wallet-card-v{font-size:1.08rem;margin:0 0 4px}
  .wallet-xpress{min-height:26px;margin:0 0 6px;padding:4px 8px;font-size:.6rem}
  .wallet-tab{min-height:26px}
  .drawer-item{min-height:28px;padding:4px 8px;font-size:.7rem}
  .drawer-section-title{padding:2px 8px 1px}
}
html.fs-trade,html.fs-trade body,html.is-fullscreen,html.is-fullscreen body{overflow:hidden!important;overscroll-behavior:none}
html.oro-profile-open{overflow:hidden}
html.oro-profile-open #screenTrade{pointer-events:auto!important}
[dir=rtl] .drawer{right:auto;left:0;border-left:0;border-right:1px solid rgba(245,158,11,.18);transform:translate3d(-100%,0,0)}
[dir=rtl] .drawer.on{transform:translate3d(0,0,0)}
.prof-name{font-weight:800;font-size:1.02rem}
.drawer-section{display:flex;flex-direction:column;gap:0}
.drawer-section-title{font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 8px 2px}
.drawer-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--text);
  border-radius:8px;padding:6px 8px;min-height:32px;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;text-align:left}
.drawer-item:hover,.drawer-item:focus-visible{background:rgba(255,255,255,.04)}
.drawer-item:active{transform:none;background:rgba(255,255,255,.06)}
.drawer-item .di-ico{width:15px;height:15px;flex-shrink:0;opacity:.75}
.drawer-item .di-label{flex:1 1 auto;min-width:0}
.drawer-item .di-chev{color:var(--muted);font-size:.85rem;opacity:.7}
.drawer-admin .btn-admin{width:100%;margin:0;justify-content:center}
.prof-id-row{display:flex;align-items:center;gap:8px}
.prof-id-row strong{font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums}
.btn-copy-id{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:var(--radius-sm);
  padding:2px 6px;font:inherit;font-size:.55rem;font-weight:700;cursor:pointer;min-height:22px}
.btn-copy-id:hover{color:var(--text);border-color:rgba(245,158,11,.4)}
.prof-id-row strong.prof-email{font-family:inherit;font-size:.8rem;max-width:min(52vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));
  background-size:200% 100%;animation:skelShine 1.2s ease-in-out infinite;border-radius:6px;min-height:14px}
@keyframes skelShine{0%{background-position:200% 0}100%{background-position:-200% 0}}
.balance-card.skel-bal .bal{color:transparent;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));
  background-size:200% 100%;animation:skelShine 1.2s ease-in-out infinite;border-radius:4px}
.admin-screen{background:linear-gradient(165deg,#0A0F1D,#121A2B);z-index:50}
.admin-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.admin-head h2{font-size:.95rem;color:var(--gold)}
.admin-body{flex:1;overflow-y:auto;padding:12px}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.metrics-row2{margin-bottom:14px}
@media (min-width:700px){
  .metrics{grid-template-columns:repeat(3,1fr)}
  .metrics-row2{grid-template-columns:repeat(3,1fr)}
}
.metric{border-radius:12px;padding:10px}
button.metric-btn{display:block;width:100%;border:1px solid rgba(255,255,255,.08);background:inherit;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
button.metric-btn:hover{border-color:rgba(212,175,55,.45)}
button.metric-btn.on{border-color:var(--gold);box-shadow:0 0 0 1px rgba(212,175,55,.25)}
.metric .k{font-size:.62rem;color:var(--muted);text-transform:uppercase;font-weight:800}
.metric .v{font-size:1.05rem;font-weight:900;color:var(--gold);margin-top:4px}
.admin-body h3{font-size:.75rem;color:var(--gold);margin:12px 0 8px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-table-wrap{max-height:min(62vh,560px);overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:10px}
.admin-table{width:100%;border-collapse:collapse;font-size:.72rem}
.admin-table th,.admin-table td{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;white-space:nowrap}
.admin-table th{color:var(--muted);font-size:.62rem;text-transform:uppercase;position:sticky;top:0;background:#121A2B;z-index:2}
.admin-table th.sortable{cursor:pointer;color:var(--gold)}
.admin-email{display:inline-block;max-width:22ch;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.admin-net-panel{display:grid;gap:10px;padding:12px}
.admin-net-panel .list-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.badge-suspect{background:var(--red);color:#fff;font-size:.58rem;font-weight:900;padding:2px 6px;border-radius:4px}
.mini{border:1px solid var(--line);background:rgba(10,15,29,.7);color:var(--text);border-radius:6px;padding:4px 8px;font:inherit;font-weight:800;cursor:pointer}
.mini.ok{border-color:var(--green);color:var(--green)}
.mini.bad{border-color:var(--red);color:var(--red)}
#btnAdminMessages,#btnMaketouLog{margin-top:10px;margin-right:8px}

@media (min-width:900px){
  .trade-shell{max-width:1200px;height:100%;min-height:0;overflow:hidden}
  .trade-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,360px);grid-template-rows:auto minmax(0,1fr);
    gap:10px;padding:12px;padding-bottom:12px;overflow:hidden;min-height:0;-webkit-overflow-scrolling:touch}
  .asset-bar{grid-column:1;grid-row:1;min-width:0;max-width:100%;width:100%;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:0;scrollbar-width:none;scroll-snap-type:x mandatory;justify-content:stretch}
  .asset-bar::-webkit-scrollbar{display:none}
  .asset-chip .k{display:none!important}
  .asset-chip{padding:8px 10px;min-height:58px;min-width:0;flex:1 1 0;width:auto;overflow:hidden;
    display:flex;flex-direction:column;justify-content:center;gap:2px;scroll-snap-align:start}
  .asset-chip .n{font-size:.72rem;line-height:1.15;margin:0}
  .payout-live{font-size:.68rem;line-height:1.1;margin-top:0}
  .chart-card,#chart{grid-column:1;grid-row:2;flex:1 1 auto;flex-shrink:0!important;height:100%!important;min-height:380px!important;max-height:none!important;display:flex!important;background:#0B0E14!important}
  .chart-stage{min-height:320px!important;flex:1 1 auto;height:100%!important;background:#0B0E14!important}
  .asset-live-tag{display:inline;font-size:.62rem;color:var(--muted);font-weight:700}
  .strip-price,.pnl-value{font-size:1rem}
  .history-card{display:none!important}
  .pad{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-column:2;grid-row:1 / span 2;margin:0;border-radius:14px;
    max-width:none;z-index:50;background:rgba(21,30,48,.72);padding-bottom:12px;border-top:0;box-shadow:none;
    overflow-y:auto;min-height:0;max-height:100%;align-self:stretch;isolation:isolate}
  .pad .btn-hist-cta{position:relative;z-index:20;pointer-events:auto!important;touch-action:manipulation}
  .history-feed{max-height:160px;overflow-y:auto}
  .win-preview .label{display:none!important}
  .win-preview{text-align:right;min-width:0;flex:1 1 auto}
  .pad .stake-line{width:100%;display:flex;align-items:stretch;gap:10px}
  .pad .stake-field{flex:1 1 auto;min-width:0;position:relative}
  .pad .stake-field::before{content:"$";position:absolute;left:10px;top:9px;z-index:2;color:#F59E0B;font-weight:800;font-size:.95rem;pointer-events:none;line-height:1}
  .pad .stake-field > input{padding:6px 10px 6px 26px;font-size:clamp(.82rem,1.4vw,1.12rem);font-variant-numeric:tabular-nums;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .pad .trade-row{margin-top:10px}
  .btn-trade{min-height:58px}
  .topbar-row{padding:8px 10px;min-height:36px;flex-wrap:nowrap}
  .topbar-mode{padding:0 10px 6px}
  .balance-row{padding:0 10px 8px}
  .dur-chip{flex:1 1 auto;min-width:0;font-size:.68rem;min-height:32px;padding:4px 0}
  .trade-hint{display:none!important}
  .install-banner{left:auto;right:10px;top:40px;bottom:auto;width:auto;max-width:none;z-index:26}
  .pay-logos-strip{display:none!important;height:0!important;margin:0!important;padding:0!important}
}
/* Compat 860–899 : même 2 colonnes (TV / tablette large) */
@media (min-width:860px) and (max-width:899px){
  .trade-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,320px);grid-template-rows:auto minmax(0,1fr);
    gap:8px;padding:10px;overflow:hidden}
  .chart-card,#chart{grid-column:1;grid-row:2;display:flex!important;min-height:380px!important}
  .pad{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-column:2;grid-row:1 / span 2}
}
@media (max-width:859px){
  .pad .trade-row{margin-top:2px}
  .pad .stake-min{margin:1px 0!important}
  .pad .stake-min-actions{gap:4px}
  .pad .odds-label,.pad .payout-badge{margin:1px 0 0}
  .pad .odds-row{gap:3px;margin:0}
  html.is-android .pad{padding-bottom:calc(28px + env(safe-area-inset-bottom, 18px))!important}
  html.is-android .pad .trade-row{margin-top:2px!important}
  .balance-card{padding:6px 12px!important}
  .balance-card .bal{font-size:20px!important}
  .chart-card,#chart{flex:1 0 auto;flex-shrink:0!important;min-height:380px!important;height:45vh!important;max-height:none!important;background:#0B0E14!important}
  .chart-stage{min-height:340px!important;height:100%!important;flex-shrink:0;background:#0B0E14!important}
  .trade-wrap{padding-bottom:0;overflow:hidden}
  .trade-lock{display:none!important}
  .trade-hint{display:none!important}
  .install-banner{gap:4px;padding:2px 6px!important;min-height:26px!important;top:6px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
  .install-banner #btnInstall{padding:2px 10px!important;min-height:22px!important;font-size:11px!important;font-weight:500!important;gap:4px}
  .install-banner #btnInstall em{font-weight:500}
  .install-ico{width:12px;height:12px;max-width:12px;max-height:12px;font-size:8px}
  .install-x{width:12px;height:12px;max-width:12px;max-height:12px;font-size:12px;line-height:1}
  #historySheet .sheet-feed{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;max-height:56dvh}
  #historySheet .hist-table{font-size:10px!important;width:100%;table-layout:auto}
  #historySheet .hist-table th,
  #historySheet .hist-table td{padding:5px 3px!important;white-space:normal!important;vertical-align:middle;font-size:10px!important;word-break:break-word}
  #historySheet .hist-table .hist-amt,
  #historySheet .hist-table .hist-pnl{white-space:nowrap!important;overflow:visible!important;font-variant-numeric:tabular-nums}
}
@media (max-width:859px) and (max-height:680px){
  .chart-card,#chart{flex:1 0 auto;flex-shrink:0!important;min-height:340px!important;min-height:max(340px,52vh)!important}
  .btn-trade{min-height:52px}
  .trade-wrap{padding-bottom:0;overflow:hidden}
}
@media (min-height:760px) and (max-width:859px){
  .chart-card,#chart{flex:1 0 auto;flex-shrink:0!important;min-height:380px!important;min-height:max(380px,58vh)!important}
}
/* <430 : haut plus plat (−15…−25%), bas lisible, chart hauteur inchangée (≥ valeurs actuelles). */
@media (max-width:429px){
  /* —— HAUT compact —— */
  .topbar-row{padding:3px 6px;gap:6px;min-height:30px}
  .brand-lockup.mini .brand{font-size:.58rem}
  .logo-mark.sm{width:18px;height:18px}
  .icon-btn,.lang-dd,.lang-dd-btn{width:26px;height:26px;min-width:26px;max-width:26px;flex-basis:26px;border-radius:8px}
  .lang-dd-menu{width:min(196px,calc(100vw - 12px));min-width:0;max-height:none;overflow:hidden}
  .lang-flag{font-size:12px}
  .help-badge{padding:4px 8px;font-size:.68rem}
  #screenTrade.is-guest .auth-quick{gap:6px}
  #screenTrade.is-guest .btn-auth-link{padding:7px 12px;font-size:.7rem;min-height:34px;border-radius:8px}
  .topbar-mode{padding:0 6px 3px}
  .mode-switch{padding:2px;gap:2px;border-radius:10px}
  .mode-btn{padding:5px 2px;font-size:.5rem;border-radius:7px}
  .mode-btn.on{font-size:.54rem}
  .balance-row{padding:1px 6px 2px}
  .balance-card{padding:3px 8px!important;border-radius:10px}
  .balance-card .bal{font-size:1.02rem}
  .btn-deposit{padding:0 8px;font-size:.62rem;min-height:28px;border-radius:8px}
  .bal-plus{width:26px;height:26px;min-width:26px;font-size:16px;border-radius:50%}
  .trade-wrap{padding:2px 6px 0;gap:2px;padding-bottom:0;overflow:hidden}
  .asset-bar{gap:6px;padding-bottom:2px}
  .asset-chip{padding:4px 8px;border-radius:8px}
  .asset-chip .n,.payout-live{font-size:9px}
  .chart-toolbar{padding:2px 4px 1px;min-height:22px}
  .chart-price-wm{font-size:.64rem}
  .ind-btn{min-height:22px;padding:2px 6px;font-size:11px}
  .asset-live-name{font-size:.52rem}

  /* —— BAS lisible (plus de texte minuscule) —— */
  .trade-lock{display:none!important}
  .pad{padding:4px 8px;gap:3px;padding-bottom:calc(26px + env(safe-area-inset-bottom, 16px))}
  .dur-row{gap:3px;margin:0}
  .dur-chip{min-width:42px;min-height:26px;padding:2px 0;font-size:.58rem;border-radius:7px}
  .qbtn{min-height:26px;padding:2px 0;font-size:.58rem;border-radius:7px}
  .trade-hint{display:none!important}
  .stake-line{gap:4px;margin:2px 0;padding:0}
  .stake-line input,.stake-field input{min-height:32px;padding:4px 8px;font-size:.95rem}
  .stake-min{font-size:11px;margin:1px 0!important;padding:0!important}
  .stake-min-actions{gap:4px}
  .odds-label,.payout-badge{font-size:10px;margin:6px 0 4px;line-height:1.15;padding:3px 8px}
  .odds-row{gap:3px;margin:2px 0 0}
  .odds-chip{padding:2px 2px;border-radius:8px;min-height:28px}
  .odds-chip .odds-mult{font-size:.62rem}
  .odds-chip .odds-pct{font-size:.48rem}
  .quick-row{gap:3px;margin:0}
  .btn-trade{min-height:52px;border-radius:11px;font-size:12px;padding:14px 2px;white-space:nowrap}
  .btn-trade span{font-size:12px;font-weight:700}
  .btn-trade small{font-size:.55rem}
  .trade-row{margin-top:2px;gap:8px;padding:0}
  .odds-label,.payout-badge{margin:1px 0 0}
  .odds-row{margin:0;gap:3px}
  .stake-line{margin:0 0 1px}
  .btn-hist-cta{min-height:34px!important;height:auto!important;padding:6px 8px!important;font-size:.58rem;margin-top:3px;z-index:60}
  .win-preview{padding:0;margin:0;min-width:88px}
  .win-preview .amount{font-size:.82rem}
  .win-preview .mult{font-size:.6rem}

  /* —— Chart : espace libéré (presets + historique) —— */
  .chart-card,#chart{
    flex:1 0 auto!important;flex-shrink:0!important;
    min-height:360px!important;min-height:max(360px,54vh)!important;min-height:max(360px,54dvh)!important;
    height:auto;max-height:none}
  .chart-stage{flex-shrink:0!important;min-height:340px!important;min-height:max(340px,52vh)!important}
}
html.is-android .chart-card,html.is-android #chart{
  flex-shrink:0!important;min-height:max(440px,62vh)!important;min-height:max(440px,62dvh)!important}
html.is-android .chart-stage{flex-shrink:0!important;min-height:max(410px,58vh)!important}
@media (max-width:429px){
  /* Android : vides du ticket → canvas. HAUT / côtes fonctionnelles inchangés. */
  html.is-android .trade-wrap{overflow:hidden;overscroll-behavior:none}
  html.is-android .pad{
    padding:2px 6px!important;gap:2px!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom, 18px))!important}
  html.is-android .dur-row{gap:2px!important;margin:0!important}
  html.is-android .dur-chip{min-height:22px!important;font-size:.52rem!important;padding:1px 0!important;margin:0!important}
  html.is-android .trade-hint,
  html.is-android [data-i18n="tradeHint"],
  html.is-android [data-i18n="tradeHintAndroid"]{
    display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;font-size:0!important}
  html.is-android .odds-label,html.is-android .payout-badge{font-size:10px!important;margin:1px 0 0!important;line-height:1.15!important;padding:2px 6px!important}
  html.is-android .odds-row{gap:2px!important;margin:0!important}
  html.is-android .odds-chip{padding:2px 1px!important;min-height:28px!important}
  html.is-android .odds-chip .odds-mult{font-size:.62rem!important}
  html.is-android .odds-chip .odds-pct{font-size:.46rem!important}
  html.is-android .stake-line{gap:4px!important;margin:0!important}
  html.is-android .stake-line input,html.is-android .stake-field input{
    min-height:28px!important;font-size:.88rem!important;padding:2px 6px!important}
  html.is-android .stake-min{display:flex!important;flex-direction:row!important;align-items:center!important;font-size:11px!important;margin:1px 0!important;padding:0!important;line-height:1.15!important}
  html.is-android .stake-min-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:3px!important}
  html.is-android .stake-min-actions .qbtn{min-height:28px!important;height:28px!important;max-height:28px!important;min-width:36px!important;font-size:.66rem!important;padding:0 7px!important}
  html.is-android .win-preview{min-width:78px!important;margin:0!important;padding:0!important}
  html.is-android .win-preview .amount{font-size:.78rem!important}
  html.is-android .win-preview .mult{font-size:.55rem!important}
  html.is-android .quick-row{gap:2px!important;margin:0!important}
  html.is-android .qbtn{min-height:22px!important;font-size:.52rem!important;padding:1px 0!important}
  html.is-android .btn-trade{min-height:52px!important;padding:14px 2px!important;font-size:12px!important;border-radius:10px!important;
    white-space:nowrap!important;overflow:visible!important;letter-spacing:0!important;flex:1 1 0!important;min-width:0!important}
  html.is-android .btn-trade span{font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
  html.is-android .btn-trade small{font-size:.5rem!important}
  html.is-android .trade-row{display:flex!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:0!important;margin-top:2px!important}
  html.is-android .btn-hist-cta{
    height:20px!important;min-height:20px!important;padding:0 6px!important;margin-top:1px!important;
    font-size:.45rem!important;line-height:20px!important;border-radius:6px!important}
  html.is-android .chart-card,html.is-android #chart{
    min-height:max(400px,56vh)!important;min-height:max(400px,56dvh)!important}
  html.is-android .chart-stage{min-height:max(370px,52vh)!important}
}
@media (orientation:landscape) and (min-width:700px){
  .chart-card,#chart{display:flex!important;flex-shrink:0!important;min-height:420px!important;max-height:none}
  .chart-stage{min-height:360px!important}
  .trade-shell{max-width:none}
}
@media (max-width:380px){
  .topbar .brand{display:none}
  .logo-mark.sm{width:16px;height:16px}
  .topbar-actions{gap:2px}
  .topbar-mode{gap:4px;padding:0 6px 2px}
  .mode-btn{font-size:.48rem;padding:4px 2px}
  .btn-deposit{padding:0 7px;font-size:.58rem;min-height:26px}
  .balance-card .bal{font-size:.95rem}
  .asset-chip .n,.payout-live{font-size:8px}
  #screenTrade.is-guest .btn-auth-link{padding:7px 10px;font-size:.66rem;min-height:32px}
}
@media (max-width:400px){
  .lang-btn{font-size:11px;padding:2px}
  .btn-admin{font-size:.55rem;padding:7px 6px}
}

/* OTP inscription */
.otp-box{max-width:400px;width:calc(100% - 28px)}
.otp-lead{margin:0 0 16px;color:var(--muted);font-size:.88rem;line-height:1.45;text-align:center}
.otp-lead strong{color:#E8EEF9;font-weight:700;word-break:break-all}
.otp-input{text-align:center;font-size:1.55rem;font-weight:800;letter-spacing:.42em;padding:14px 10px 14px 18px!important}
.otp-resend-row{display:flex;align-items:center;justify-content:center;gap:0;margin-top:14px}
.otp-resend-row .mini:disabled{opacity:.45;cursor:not-allowed}
.otp-timer,.otp-resend-wait{display:none!important}
/* Le décompte vit sur ce lien discret, et nulle part ailleurs : une alerte
   « Wait 59 s » s'ouvrait auparavant entre les champs du formulaire. */
.otp-resend-line{display:flex;align-items:center;gap:8px;margin:8px 0 0;flex-wrap:wrap}
.otp-resend-link{background:none;border:0;padding:0;font:inherit;font-size:.72rem;font-weight:700;
  color:#F5A623;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.otp-resend-link:disabled{color:var(--muted);text-decoration:none;cursor:default;opacity:.7}
.otp-resend-wait{font-size:.68rem;font-weight:600;color:var(--muted)}

/* ===== Full Screen Trading Overlay (IQ Option style, 0° — no rotate) ===== */
.fs-trade-overlay{
  display:none;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;
  z-index:99999;background:#0B0E14;overflow:hidden;margin:0;padding:0;
  box-sizing:border-box;flex-direction:column}
.fs-trade-overlay.on{display:flex!important;flex-direction:column!important;overflow:hidden!important;
  height:100vh!important;height:100dvh!important;width:100%!important}
.fs-trade-topbar{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:40px;padding:6px 12px;padding-top:max(8px,env(safe-area-inset-top,0px));
  border-bottom:1px solid var(--line);background:rgba(11,14,20,.98);z-index:6}
.fs-top-end{display:flex;align-items:center;flex-shrink:0;gap:8px;margin-left:auto}
.fs-top-mid{display:none;flex-direction:column;align-items:center;justify-content:center;min-width:0;flex:1}
.fs-mode-label{display:none}
.fs-mode-switch{display:grid;grid-template-columns:minmax(44px,.82fr) 26px minmax(58px,1.18fr);align-items:center;justify-items:stretch;gap:4px;margin-top:5px;padding:3px 4px;max-width:min(220px,100%);border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.fs-mode-btn{border:0;background:transparent;color:#94A3B8;font:inherit;font-size:10px;font-weight:700;letter-spacing:.06em;
  padding:4px 8px;border-radius:999px;cursor:pointer;min-height:24px;min-width:0;transform:none;opacity:1}
.fs-mode-btn[data-mode="demo"]{padding:4px 8px;min-height:24px;font-size:9px;font-weight:700;letter-spacing:.08em;justify-self:stretch}
.fs-mode-btn[data-mode="real"]{padding:6px 14px;min-height:28px;font-weight:800;font-size:10px;letter-spacing:.06em;justify-self:stretch}
.fs-mid-plus{width:26px;height:26px;min-width:26px;border-radius:50%;border:1px solid rgba(245,197,24,.75);
  background:linear-gradient(180deg,#FDE68A,#D97706);color:#000;
  padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 0 10px rgba(245,158,11,.35);flex-shrink:0;justify-self:center}
.fs-mode-btn.on{background:rgba(245,197,24,.16);color:#FDE68A;box-shadow:0 0 10px rgba(245,197,24,.2)}
html.fs-trade .fs-mode-btn.mode-btn,
html.is-fullscreen .fs-mode-btn.mode-btn{transform:none!important;font-size:10px;font-weight:700;box-shadow:none}
html.fs-trade .fs-mode-btn.mode-btn[data-mode="demo"],
html.is-fullscreen .fs-mode-btn.mode-btn[data-mode="demo"]{padding:4px 8px;min-height:24px;font-size:9px}
html.fs-trade .fs-mode-btn.mode-btn[data-mode="real"],
html.is-fullscreen .fs-mode-btn.mode-btn[data-mode="real"]{padding:6px 14px;min-height:28px;font-size:10px;font-weight:800}
html.fs-trade .fs-mode-btn.mode-btn.on[data-mode="demo"],
html.is-fullscreen .fs-mode-btn.mode-btn.on[data-mode="demo"]{
  background:rgba(245,197,24,.18);color:#FDE68A;border-color:transparent;box-shadow:none}
html.fs-trade .fs-mode-btn.mode-btn:not(.on)[data-mode="demo"],
html.is-fullscreen .fs-mode-btn.mode-btn:not(.on)[data-mode="demo"]{
  color:#78716C;background:transparent;opacity:.7}
html.fs-trade .fs-mode-btn.mode-btn.on[data-mode="real"],
html.is-fullscreen .fs-mode-btn.mode-btn.on[data-mode="real"]{
  background:#059669;color:#fff;border:1px solid #34D399;
  box-shadow:0 0 16px rgba(16,185,129,.5);font-weight:800}
.fs-top-bal-row{display:flex;align-items:center;gap:6px}
.hist-tabs{display:flex;gap:8px;margin:0 0 10px}
.hist-tab{flex:1;border:1px solid var(--line);background:rgba(10,15,29,.75);color:var(--muted);font:inherit;font-weight:800;
  min-height:38px;border-radius:8px;cursor:pointer}
.hist-tab.on{border-color:#F5C518;color:#FDE68A;background:rgba(245,197,24,.12)}
.fs-bal-plus{width:26px;height:26px;min-width:26px;font-size:.85rem}
.fs-trade-top-label{display:none!important}
.fs-trade-close{
  position:relative;top:auto;right:auto;z-index:7;width:38px;min-width:38px;height:38px;border-radius:9px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#F8E7B8;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin-left:12px;margin-right:10px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 1px 8px rgba(0,0,0,.35)}
.fs-trade-close .fs-exit-ico{width:20px;height:20px;display:block;stroke-width:2}
.fs-trade-close:hover,.fs-trade-close:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(248,231,184,.45)}
.fs-trade-slot{flex:1 1 auto;min-height:0;min-width:0;width:100%;height:auto;display:flex;flex-direction:column;overflow:hidden}
.fs-trade-overlay .trade-wrap{
  display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;
  min-height:0!important;min-width:0;flex:1 1 auto;gap:0!important;padding:0!important;margin:0!important;
  overflow:hidden!important;max-width:none!important;box-sizing:border-box}
.fs-trade-overlay .history-card,
.fs-trade-overlay .install-banner,
.fs-trade-overlay .trade-hint,
.fs-trade-overlay .win-preview,
.fs-trade-overlay .stake-min,
.fs-trade-overlay .stake-min-label,
.fs-trade-overlay .stake-min-actions,
.fs-trade-overlay .stake-act,
.fs-trade-overlay .qbtn,
.fs-trade-overlay .timer-panel,
.fs-trade-overlay .trade-lock,
.fs-trade-overlay .help-fab,
.fs-trade-overlay .dur-row,
.fs-trade-overlay .odds-label,
.fs-trade-overlay .odds-row{display:none!important}

/* Actifs */
.fs-trade-overlay .asset-bar{
  flex:0 0 auto;display:flex!important;flex-direction:row;gap:6px;padding:8px 10px;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,20,.95);
  width:100%;max-width:none}
.fs-trade-overlay .asset-chip{
  flex:0 0 auto;min-width:88px;min-height:44px;padding:6px 8px;border-radius:8px}
.fs-trade-overlay .asset-chip .k{display:none!important}
.fs-trade-overlay .asset-chip .n{font-size:10px;line-height:1.15;white-space:nowrap}
.fs-trade-overlay .payout-live{font-size:10px}

/* Courbe : prend l'espace restant, ne pousse pas le pad hors écran */
.fs-trade-overlay .chart-card,
.fs-trade-overlay #chart{
  flex:1 1 auto!important;min-height:0!important;min-width:0!important;
  width:100%!important;height:auto!important;max-height:none!important;
  border-radius:0!important;margin:0!important;
  display:flex!important;flex-direction:column;position:relative!important;background:#0B0E14!important;overflow:hidden}
.fs-trade-overlay .chart-stage{
  flex:1 1 auto!important;min-height:0!important;
  width:100%!important;height:auto!important;
  position:relative!important;background:#0B0E14!important;overflow:hidden}
.fs-trade-overlay #chartCanvas{
  display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important;
  background:#0B0E14!important;background-color:#0B0E14!important}
.fs-trade-overlay #chartOverlay{
  background:transparent!important;background-color:transparent!important;z-index:20!important}

/* Mise + CALL / PUT — ancré en bas, toujours visible */
.fs-trade-overlay .pad{
  flex:0 0 auto!important;flex-shrink:0!important;position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  margin:0!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;
  max-width:none!important;max-height:none!important;width:100%!important;height:auto!important;
  padding:8px 10px calc(18px + env(safe-area-inset-bottom, 12px))!important;
  background:#0B0E14!important;box-shadow:none!important;z-index:50!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;overflow:visible!important;box-sizing:border-box!important}
.fs-trade-overlay .pad .stake-line{flex:0 0 auto!important;margin:0!important;width:60px!important;min-width:55px!important;max-width:65px!important;position:relative}
.fs-trade-overlay .pad .stake-field{width:100%;position:relative;max-width:65px;flex-shrink:0}
.fs-trade-overlay .pad .stake-field::before{
  content:"$";position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:2;
  color:var(--muted);font-weight:700;font-size:.85rem;pointer-events:none}
.fs-trade-overlay .pad .stake-line input,
.fs-trade-overlay .pad .stake-field input{
  width:100%;min-height:48px;font-size:15px;text-align:center;border-radius:8px;
  padding:8px 6px 8px 20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;
  border:1px solid rgba(245,158,11,.4);background:rgba(11,14,20,.88)}
.fs-trade-overlay .pad .trade-row{
  flex:1 1 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:8px!important;margin:0!important;min-width:0!important;padding:0!important}
.fs-trade-overlay .pad .btn-trade{
  flex:1 1 0!important;min-width:0!important;min-height:48px;border-radius:8px;margin:0;padding:10px 4px!important;
  white-space:nowrap!important;font-size:13px!important;font-weight:700!important;line-height:1.15;
  overflow:visible!important;text-overflow:clip!important;text-align:center!important}
.fs-trade-overlay .pad .btn-trade span{white-space:nowrap!important;font-size:13px!important;font-weight:700!important;overflow:visible!important;max-width:100%}

/* Paysage : actifs à gauche, courbe au centre, actions à droite — sans rotation */
@media (orientation:landscape){
  .fs-trade-overlay .trade-wrap{flex-direction:row!important}
  .fs-trade-overlay .asset-bar{
    flex:0 0 92px;flex-direction:column!important;width:92px;max-width:92px;height:100%;
    overflow-x:hidden;overflow-y:auto;padding:12px 8px;border-bottom:0;
    border-right:1px solid rgba(255,255,255,.08)}
  .fs-trade-overlay .asset-chip{width:100%;min-width:0;min-height:48px}
  .fs-trade-overlay .asset-chip .n{white-space:normal;font-size:9px}
  .fs-trade-overlay .chart-card,
  .fs-trade-overlay #chart{flex:1 1 auto!important;min-height:0!important;width:auto!important;height:auto!important}
  .fs-trade-overlay .pad{
    flex:0 0 148px;width:148px;max-width:148px;height:100%;
    flex-direction:column;justify-content:center;align-items:stretch;
    border-top:0!important;border-left:1px solid rgba(255,255,255,.08)!important;
    padding:12px 10px max(16px, env(safe-area-inset-bottom, 0px))!important;gap:8px;overflow:hidden!important}
  .fs-trade-overlay .dur-row,
  .fs-trade-overlay .odds-label,
  .fs-trade-overlay .odds-row,
  .fs-trade-overlay .stake-min,
  .fs-trade-overlay .stake-min-actions{display:none!important}
  .fs-trade-overlay .pad .stake-line{width:100%}
  .fs-trade-overlay .pad .trade-row{flex-direction:column;width:100%;margin-top:auto}
  .fs-trade-overlay .pad .btn-trade{width:100%;min-height:48px;white-space:nowrap;font-size:13px}
}
@media (orientation:landscape) and (max-height:420px){
  .fs-trade-overlay .asset-bar{flex-basis:78px;width:78px;max-width:78px;padding:8px 6px}
  .fs-trade-overlay .pad{flex-basis:128px;width:128px;max-width:128px;padding:8px!important}
  .fs-trade-overlay .pad .btn-trade{min-height:44px;font-size:12px}
}

/* ===== Android / immersif — overrides de dernière priorité ===== */
html.is-android .chart-card,
html.is-android #chart,
html.is-android .chart-stage{
  background:#0B0E14!important;background-color:#0B0E14!important}
html.is-android #chartCanvas{
  display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important;
  background:#0B0E14!important;background-color:#0B0E14!important}
html.is-android #chartOverlay,
html.is-android .chart-overlay{
  background:transparent!important;background-color:transparent!important}
html.is-android .trade-hint,
html.is-android [data-i18n="tradeHint"],
html.is-android [data-i18n="tradeHintAndroid"],
.trade-hint,
[data-i18n="tradeHint"],
[data-i18n="tradeHintAndroid"],
[data-i18n="tradeHintA"]{
  display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;font-size:0!important;line-height:0!important}
html.is-android .fs-trade-overlay .stake-min,
html.is-android .fs-trade-overlay .stake-min-actions,
html.is-android .fs-trade-overlay .stake-min-label,
html.is-android .fs-trade-overlay .qbtn,
html.is-android .fs-trade-overlay .stake-act,
html.is-android .fs-trade-overlay .win-preview,
html.is-android .fs-trade-overlay .dur-row,
html.is-android .fs-trade-overlay .odds-row,
html.is-android .fs-trade-overlay .odds-label,
html.is-android .fs-trade-overlay .trade-hint,
html.fs-trade .stake-min,
html.fs-trade .stake-min-actions,
html.fs-trade .win-preview,
html.fs-trade .dur-row,
html.fs-trade .odds-row,
html.fs-trade .odds-label{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
  height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
/* CRITICAL: ne JAMAIS forcer display:flex sur .fs-trade-overlay sans .on
   (sinon overlay noir z-index 99999 couvre tout Android). */
html.is-android .fs-trade-overlay:not(.on),
.fs-trade-overlay:not(.on){
  display:none!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}
html.is-android .fs-trade-overlay.on,
html.is-fullscreen .fs-trade-overlay.on,
html.fs-trade .fs-trade-overlay.on{
  height:100vh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  visibility:visible!important;pointer-events:auto!important;z-index:99999!important}
html.is-fullscreen .fs-trade-overlay .chart-card,
html.is-fullscreen .fs-trade-overlay #chart,
html.is-android .fs-trade-overlay .chart-card,
html.is-android .fs-trade-overlay #chart,
html.fs-trade .fs-trade-overlay .chart-card,
html.fs-trade .fs-trade-overlay #chart{
  flex:1 1 auto!important;min-height:280px!important;width:100%!important;height:100%!important;max-height:none!important;
  position:relative!important;z-index:10!important;overflow:hidden!important}
html.fs-trade .fs-trade-overlay.on .chart-stage,
html.is-fullscreen .fs-trade-overlay.on .chart-stage{
  position:relative!important;flex:1 1 auto!important;min-height:280px!important;height:100%!important;width:100%!important;
  overflow:hidden!important;z-index:10!important}
html.fs-trade .fs-trade-overlay.on #chartCanvas,
html.is-fullscreen .fs-trade-overlay.on #chartCanvas{
  position:relative!important;inset:auto!important;z-index:10!important;width:100%!important;height:100%!important;
  display:block!important;visibility:visible!important;opacity:1!important}
html.is-android .fs-trade-overlay .pad,
html.fs-trade .fs-trade-overlay .pad{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  flex-shrink:0!important;position:relative!important;z-index:50!important;
  gap:8px!important;width:100%!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px))!important;
  box-sizing:border-box!important;background:#0B0E14!important;overflow:visible!important}
html.is-android .fs-trade-overlay .pad .stake-line,
html.fs-trade .fs-trade-overlay .pad .stake-line{
  flex:0 0 auto!important;width:60px!important;min-width:55px!important;max-width:65px!important;margin:0!important}
html.is-android .fs-trade-overlay .pad .stake-field input,
html.fs-trade .fs-trade-overlay .pad .stake-field input{
  min-height:44px!important;padding-left:18px!important;padding-right:4px!important;font-size:14px!important}
html.is-android .fs-trade-overlay .pad .trade-row,
html.fs-trade .fs-trade-overlay .pad .trade-row{
  flex:1 1 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:8px!important;min-width:0!important;width:auto!important;margin:0!important}
html.is-android .fs-trade-overlay .pad .btn-trade,
html.fs-trade .fs-trade-overlay .pad .btn-trade{
  flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
  padding:10px 4px!important;min-height:48px!important;height:auto!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  font-size:13px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.15!important;text-align:center!important}
html.is-android .fs-trade-overlay .pad .btn-trade span,
html.fs-trade .fs-trade-overlay .pad .btn-trade span{
  display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  font-size:13px!important;font-weight:700!important;max-width:100%}
@media (orientation:landscape){
  html.is-android .fs-trade-overlay .pad,
  html.fs-trade .fs-trade-overlay .pad{
    flex-direction:column!important;justify-content:center!important}
  html.is-android .fs-trade-overlay .pad .stake-line,
  html.fs-trade .fs-trade-overlay .pad .stake-line{
    width:100%!important;max-width:none!important;min-width:0!important}
  html.is-android .fs-trade-overlay .pad .trade-row,
  html.fs-trade .fs-trade-overlay .pad .trade-row{flex-direction:column!important;width:100%!important}
  html.is-android .fs-trade-overlay .pad .btn-trade,
  html.fs-trade .fs-trade-overlay .pad .btn-trade{width:100%!important;flex:0 0 auto!important}
}

/* ===== Android FULLSCREEN ONLY — barre mise/CALL/PUT collée en bas (safe-area) =====
   Ne touche PAS le layout mobile normal hors .fs-trade-overlay.on */
html.is-android .fs-trade-overlay.on{
  padding:0!important;box-sizing:border-box!important}
html.is-android .fs-trade-overlay.on .trade-wrap{
  flex-direction:column!important;
  padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
  box-sizing:border-box!important}
html.is-android .fs-trade-overlay.on .asset-bar{
  flex:0 0 auto!important;width:100%!important;max-width:none!important;height:auto!important;
  flex-direction:row!important;border-right:0!important}
html.is-android .fs-trade-overlay.on .chart-card,
html.is-android .fs-trade-overlay.on #chart{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;
  max-height:none!important}
html.is-android .fs-trade-overlay.on .pad{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  top:auto!important;width:100%!important;max-width:none!important;height:auto!important;
  flex:none!important;flex-shrink:0!important;flex-direction:row!important;
  align-items:center!important;justify-content:space-between!important;gap:8px!important;
  margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;border-left:0!important;
  border-radius:0!important;z-index:100001!important;
  padding:10px 10px calc(14px + env(safe-area-inset-bottom, 0px))!important;
  box-sizing:border-box!important;background:#0B0E14!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.55)!important;overflow:visible!important;
  pointer-events:auto!important;display:flex!important}
html.is-android .fs-trade-overlay.on .pad .stake-line{
  flex:0 0 auto!important;width:58px!important;min-width:52px!important;max-width:64px!important;
  margin:0!important}
html.is-android .fs-trade-overlay.on .pad .stake-field{max-width:64px!important;width:100%!important}
html.is-android .fs-trade-overlay.on .pad .trade-row{
  flex:1 1 auto!important;flex-direction:row!important;width:auto!important;min-width:0!important;
  gap:8px!important;margin:0!important;display:flex!important}
html.is-android .fs-trade-overlay.on .pad .btn-trade{
  flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
  min-height:48px!important;padding:10px 4px!important;font-size:12px!important;font-weight:700!important;
  white-space:nowrap!important;overflow:visible!important;text-align:center!important}
html.is-android .fs-trade-overlay.on .pad .btn-trade span{
  font-size:12px!important;font-weight:700!important;white-space:nowrap!important;overflow:visible!important}
@media (orientation:landscape){
  html.is-android .fs-trade-overlay.on .trade-wrap{flex-direction:column!important}
  html.is-android .fs-trade-overlay.on .pad{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;max-width:none!important;height:auto!important;flex:none!important;
    flex-direction:row!important;border-left:0!important;
    padding:10px 10px calc(14px + env(safe-area-inset-bottom, 0px))!important}
  html.is-android .fs-trade-overlay.on .pad .stake-line{
    width:58px!important;max-width:64px!important;min-width:52px!important}
  html.is-android .fs-trade-overlay.on .pad .trade-row{flex-direction:row!important;width:auto!important}
  html.is-android .fs-trade-overlay.on .pad .btn-trade{width:auto!important;flex:1 1 0!important}
}

/* PC landscape fullscreen: the pad must NOT be width:100% (it crushed the chart to 0). */
@media (orientation:landscape){
  html.fs-trade:not(.is-android) .fs-trade-overlay.on .pad,
  html.is-fullscreen:not(.is-android) .fs-trade-overlay.on .pad{
    flex:0 0 148px!important;width:148px!important;max-width:148px!important;min-width:128px!important;
    height:100%!important;flex-direction:column!important;justify-content:center!important;
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important}
  html.fs-trade:not(.is-android) .fs-trade-overlay.on .chart-card,
  html.fs-trade:not(.is-android) .fs-trade-overlay.on #chart,
  html.is-fullscreen:not(.is-android) .fs-trade-overlay.on .chart-card,
  html.is-fullscreen:not(.is-android) .fs-trade-overlay.on #chart{
    flex:1 1 0%!important;width:auto!important;min-width:240px!important;height:100%!important;
    position:relative!important;z-index:10!important}
  html.fs-trade:not(.is-android) .fs-trade-overlay.on .chart-stage,
  html.is-fullscreen:not(.is-android) .fs-trade-overlay.on .chart-stage{
    width:100%!important;min-width:240px!important;height:100%!important;
    position:relative!important;z-index:10!important}
  html.fs-trade:not(.is-android) .fs-trade-overlay.on #chartCanvas,
  html.is-fullscreen:not(.is-android) .fs-trade-overlay.on #chartCanvas{
    position:relative!important;z-index:10!important;width:100%!important;height:100%!important;
    display:block!important;visibility:visible!important;opacity:1!important}
}

/* i18n: Arabic chrome RTL — never flip html/body (chart + CALL/PUT stay LTR) */
html[lang="ar"],html.lang-ar{
  --font:"Noto Naskh Arabic","Plus Jakarta Sans",system-ui,sans-serif;
}
html[lang="hi"]{
  --font:"Noto Sans Devanagari","Plus Jakarta Sans",system-ui,sans-serif;
}
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="hi"] body,
html[lang="hi"] button,
html[lang="hi"] input{
  font-family:var(--font);
}
html[lang="ar"] .btn-trade{text-transform:none}
html.lang-ar .auth-wrap,
html.lang-ar .drawer,
html.lang-ar .drawer-item,
html.lang-ar .modal-box,
html.lang-ar .brand-sub,
html.lang-ar .help-badge,
html.lang-ar .btn-deposit,
html.lang-ar .mode-btn,
html.lang-ar .install-ios-box{
  direction:rtl;
  text-align:right;
  unicode-bidi:isolate;
}
html.lang-ar .install-ios-steps{padding-left:0;padding-right:0}
html.lang-ar .install-ios-step{flex-direction:row-reverse}
html.lang-ar .chart-card,
html.lang-ar #chart,
html.lang-ar .chart-stage,
html.lang-ar .chart-toolbar,
html.lang-ar #chartCanvas,
html.lang-ar #chartOverlay,
html.lang-ar .chart-outcome,
html.lang-ar .asset-bar,
html.lang-ar .trade-row,
html.lang-ar .btn-trade,
html.lang-ar .btn-call,
html.lang-ar .btn-put,
html.lang-ar .dur-row,
html.lang-ar .odds-row,
html.lang-ar .lang-dd-menu,
html.lang-ar .usdt-addr,
html.lang-ar .usdt-amt,
html.lang-ar .usdt-qr-wrap{
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
}
html.lang-ar .usdt-amt,
html.lang-ar .usdt-addr,
html.lang-ar .usdt-qr-wrap{text-align:center}

.fs-top-mid-home{display:flex;flex:1;min-width:0;justify-content:center}
.fs-pad-capsule{display:none;flex-shrink:0}
@media (min-width:860px){
  html.fs-trade .fs-pad-capsule,html.is-fullscreen .fs-pad-capsule{display:none!important}
  html.fs-trade .fs-top-mid-home,html.is-fullscreen .fs-top-mid-home{
    display:flex!important;flex:1;justify-content:center;min-width:0;max-width:min(240px,46%)}
}
html.fs-trade .fs-trade-topbar,html.is-fullscreen .fs-trade-topbar{
  position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:12px;padding-right:12px}
html.fs-trade .fs-top-mid,html.is-fullscreen .fs-top-mid{display:flex;align-items:center}
html.fs-trade .fs-mode-label,html.is-fullscreen .fs-mode-label{display:none}
html.fs-trade .fs-top-bal,html.is-fullscreen .fs-top-bal{
  display:block!important;position:static;left:auto;transform:none;
  font-family:Inter,"Segoe UI",Roboto,system-ui,sans-serif;font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;font-weight:600;font-size:18px;letter-spacing:.015em;color:#F59E0B;
  background:transparent;border:0;border-radius:0;padding:0;z-index:8;white-space:nowrap;
  box-shadow:none;text-shadow:none;-webkit-font-smoothing:antialiased}
html.fs-trade .fs-crypto-row,html.is-fullscreen .fs-crypto-row{display:none!important}
html.fs-trade .fs-crypto-left,html.is-fullscreen .fs-crypto-left{left:auto}
html.fs-trade .fs-crypto-right,html.is-fullscreen .fs-crypto-right{right:auto;margin-right:16px}
html.fs-trade .fs-crypto-row .coin-svg,html.is-fullscreen .fs-crypto-row .coin-svg{
  width:16px;height:16px;border-radius:50%;overflow:hidden}
html.fs-trade .modal-backdrop,html.is-fullscreen .modal-backdrop{z-index:100000}
html.fs-trade .modal-box,html.is-fullscreen .modal-box{z-index:100001}
html.fs-trade .toast,html.is-fullscreen .toast{z-index:100002}
html.fs-trade .ind-pills .ind-btn,
html.is-fullscreen .ind-pills .ind-btn{display:inline-flex!important}
html.fs-trade .chart-toolbar,
html.is-fullscreen .chart-toolbar,
html.fs-trade .fs-trade-overlay .chart-toolbar,
html.is-fullscreen .fs-trade-overlay .chart-toolbar{
  display:flex!important;flex-shrink:0!important}
html.fs-trade .chart-fs-btn,
html.is-fullscreen .chart-fs-btn,
html.fs-trade .fs-trade-overlay .chart-fs-btn,
html.is-fullscreen .fs-trade-overlay .chart-fs-btn{
  display:none!important}

/* PLEIN ÉCRAN : familles groupées [MA BB EMA] | [+ − ↺], barre un peu plus haute.
   Taille boutons inchangée. Courbe / prix / pad intacts. */
html.fs-trade .chart-toolbar,
html.is-fullscreen .chart-toolbar,
html.fs-trade .fs-trade-overlay .chart-toolbar,
html.is-fullscreen .fs-trade-overlay .chart-toolbar{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box;
  align-items:center;
  top:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:3px 8px 2px!important;
  padding-right:56px!important;
  min-height:0!important;
  gap:0!important}
html.fs-trade .ind-pills,
html.is-fullscreen .ind-pills,
html.fs-trade .fs-trade-overlay .ind-pills,
html.is-fullscreen .fs-trade-overlay .ind-pills{
  display:flex!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 8px)!important;
  min-width:0!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important}
html.fs-trade .ind-pills .ind-btn,
html.is-fullscreen .ind-pills .ind-btn,
html.fs-trade .fs-trade-overlay .ind-pills .ind-btn,
html.is-fullscreen .fs-trade-overlay .ind-pills .ind-btn{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:34px!important;
  max-width:none!important;
  height:auto!important;
  min-height:30px!important;
  padding:6px 12px!important;
  font-size:11px!important;
  border-radius:6px!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-content:center!important;
  align-items:center!important}
html.fs-trade #chartZoomIn,
html.is-fullscreen #chartZoomIn{
  margin-left:0!important;
  min-width:36px!important;
  padding:6px 14px!important;
  font-size:15px!important}
html.fs-trade #chartZoomOut,
html.is-fullscreen #chartZoomOut{
  margin-left:3px!important;
  min-width:36px!important;
  padding:6px 14px!important;
  font-size:15px!important}
/* Trait vertical entre indicateurs et zoom */
html.fs-trade .chart-tool-sep,
html.is-fullscreen .chart-tool-sep,
html.fs-trade .fs-trade-overlay .chart-tool-sep,
html.is-fullscreen .fs-trade-overlay .chart-tool-sep{
  display:inline-block!important;
  width:1px!important;
  height:16px!important;
  margin:0 8px!important;
  background:rgba(255,255,255,.22)!important;
  flex-shrink:0!important;
  align-self:center}
html.fs-trade .chart-reset-btn,
html.is-fullscreen .chart-reset-btn,
html.fs-trade #chartReset.chart-reset-btn,
html.is-fullscreen #chartReset.chart-reset-btn,
html.fs-trade .ind-pills .chart-reset-btn,
html.is-fullscreen .ind-pills .chart-reset-btn{
  margin-left:8px!important;
  margin-right:0!important;
  min-width:36px!important;
  padding:6px 14px!important;
  font-size:14px!important;
  min-height:30px!important}

/* Grand écran FS : mêmes familles, boutons taille validée, barre haute */
@media (min-width:860px){
  html.fs-trade .chart-toolbar,
  html.is-fullscreen .chart-toolbar,
  html.fs-trade .fs-trade-overlay .chart-toolbar,
  html.is-fullscreen .fs-trade-overlay .chart-toolbar{
    padding:4px 10px 2px!important;
    padding-right:72px!important;
    min-height:0!important}
  html.fs-trade .ind-pills,
  html.is-fullscreen .ind-pills{
    gap:6px!important}
  html.fs-trade .ind-pills .ind-btn,
  html.is-fullscreen .ind-pills .ind-btn,
  html.fs-trade .fs-trade-overlay .ind-pills .ind-btn,
  html.is-fullscreen .fs-trade-overlay .ind-pills .ind-btn{
    min-height:34px!important;
    padding:8px 16px!important;
    font-size:12px!important;
    border-radius:7px!important}
  html.fs-trade #chartZoomIn,
  html.is-fullscreen #chartZoomIn,
  html.fs-trade #chartZoomOut,
  html.is-fullscreen #chartZoomOut{
    min-width:40px!important;
    padding:8px 18px!important;
    font-size:16px!important}
  html.fs-trade #chartZoomOut,
  html.is-fullscreen #chartZoomOut{margin-left:4px!important}
  html.fs-trade .chart-tool-sep,
  html.is-fullscreen .chart-tool-sep{
    height:20px!important;
    margin:0 10px!important}
  html.fs-trade .chart-reset-btn,
  html.is-fullscreen .chart-reset-btn,
  html.fs-trade #chartReset.chart-reset-btn,
  html.is-fullscreen #chartReset.chart-reset-btn,
  html.fs-trade .ind-pills .chart-reset-btn,
  html.is-fullscreen .ind-pills .chart-reset-btn{
    min-width:40px!important;
    min-height:34px!important;
    padding:8px 18px!important;
    font-size:15px!important;
    margin-left:10px!important}
}

@media (max-width:859px){
  html.fs-trade .fs-trade-overlay.on .fs-trade-topbar,
  html.is-fullscreen .fs-trade-overlay.on .fs-trade-topbar{
    min-height:32px;padding:4px 12px;padding-top:max(4px,env(safe-area-inset-top,0px))}
  html.fs-trade .fs-trade-overlay.on .asset-bar,
  html.is-fullscreen .fs-trade-overlay.on .asset-bar{
    padding:8px 8px 6px;margin-top:0}
  html.fs-trade .fs-trade-overlay.on .chart-card,
  html.fs-trade .fs-trade-overlay.on #chart,
  html.is-fullscreen .fs-trade-overlay.on .chart-card,
  html.is-fullscreen .fs-trade-overlay.on #chart{margin-top:0!important}
  html.fs-trade .fs-trade-overlay.on .chart-stage,
  html.is-fullscreen .fs-trade-overlay.on .chart-stage{margin-top:0!important}
  html.fs-trade .fs-trade-overlay.on .trade-wrap,
  html.is-fullscreen .fs-trade-overlay.on .trade-wrap{
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  html.fs-trade .fs-trade-overlay.on .pad,
  html.is-fullscreen .fs-trade-overlay.on .pad,
  html.is-ios .fs-trade-overlay.on .pad,
  html.is-android .fs-trade-overlay.on .pad{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-width:none!important;height:auto!important;flex:none!important;
    z-index:50!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important}
  html.fs-trade .fs-pad-bal,html.is-fullscreen .fs-pad-bal,
  html.fs-trade .fs-pad-capsule,html.is-fullscreen .fs-pad-capsule{display:none!important}
}

@media (orientation:landscape) and (min-width:860px){
  .fs-trade-overlay .trade-wrap,
  html.fs-trade .fs-trade-overlay .trade-wrap,
  html.is-fullscreen .fs-trade-overlay .trade-wrap{
    display:grid!important;grid-template-columns:minmax(0,1fr) 168px;grid-template-rows:auto minmax(0,1fr);
    flex-direction:unset!important;align-items:stretch!important;gap:0!important}
  .fs-trade-overlay .asset-bar,
  html.fs-trade .fs-trade-overlay .asset-bar,
  html.is-fullscreen .fs-trade-overlay .asset-bar{
    grid-column:1;grid-row:1;flex:none!important;width:auto!important;max-width:none!important;height:auto!important;
    flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;
    border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:8px 10px!important}
  .fs-trade-overlay .asset-chip{width:auto;min-width:88px}
  .fs-trade-overlay .chart-card,
  .fs-trade-overlay #chart,
  html.fs-trade .fs-trade-overlay .chart-card,
  html.is-fullscreen .fs-trade-overlay #chart{
    grid-column:1;grid-row:2;min-width:0!important;width:auto!important;height:auto!important}
  .fs-trade-overlay .pad,
  html.fs-trade .fs-trade-overlay .pad,
  html.is-fullscreen .fs-trade-overlay .pad{
    grid-column:2;grid-row:1 / span 2;width:auto!important;max-width:none!important;flex:none!important;
    height:100%!important}
  html.fs-trade .fs-top-mid-home:empty,html.is-fullscreen .fs-top-mid-home:empty{display:none!important;flex:0}
  html.fs-trade .fs-pad-capsule,html.is-fullscreen .fs-pad-capsule{
    display:flex!important;align-items:center;justify-content:center;
    min-width:0;width:100%;margin:8px 0;padding:0}
  html.fs-trade .pad .trade-row,html.is-fullscreen .pad .trade-row{
    flex-direction:column!important;width:100%!important}
}

/* ===== Web3 / zero-scroll / cold wallet ===== */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.coin-svg,.pay-crypto-badge,.wx-coin,.wallet-tab-ico{width:16px;height:16px;display:block;flex-shrink:0}
.pay-crypto-badge{width:18px;height:18px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.wx-coin{width:18px;height:18px;border-radius:50%;overflow:hidden;margin-left:-5px;box-shadow:0 0 0 1.5px rgba(26,18,4,.35)}
.wx-coin:first-child{margin-left:0}

#screenTrade,#screenTrade .trade-shell{
  height:100%;max-height:100dvh;overflow:hidden;overscroll-behavior:none}
#screenTrade .trade-wrap{overflow:hidden;overscroll-behavior:none;min-height:0}

.web3-badge{display:inline-flex;align-items:center;gap:5px;margin-left:4px;
  padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.28);white-space:nowrap;max-width:100%}
.web3-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:web3Pulse 1.8s ease-in-out infinite}
.web3-txt{font-size:.48rem;font-weight:800;letter-spacing:.06em;color:#86EFAC;text-transform:uppercase;line-height:1}
@keyframes web3Pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5);opacity:1}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:.7}}

.topbar-cta{display:flex;align-items:center;gap:7px;flex-shrink:0}
.crypto-mini-row{display:flex;align-items:center;gap:3px}
.crypto-mini-row .coin-svg{width:15px;height:15px;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.btn-deposit{display:inline-flex;align-items:center;justify-content:center;gap:5px;
  background:linear-gradient(180deg,#FBBF24 0%,#F59E0B 55%,#D97706 100%)!important;
  color:#0B0E14!important;
  box-shadow:0 0 15px rgba(245,166,35,.3),inset 0 1px 0 rgba(255,255,255,.28)!important;
  border:1px solid rgba(253,230,138,.45)}
.btn-deposit .dep-bolt{font-size:.85em;line-height:1;flex-shrink:0}
.btn-deposit .dep-label{color:#0B0E14!important;font-weight:800;opacity:1;visibility:visible}
#screenTrade.mode-demo .btn-deposit,#screenTrade.mode-real .btn-deposit{
  box-shadow:0 0 15px rgba(245,166,35,.3),inset 0 1px 0 rgba(255,255,255,.28)!important}
.balance-card .bal{font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums;
  font-size:1.05rem;font-weight:700;color:#E8C36A;letter-spacing:.01em}

.auth-card{background:rgba(13,19,31,.9)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(30,41,59,.8)!important;box-shadow:0 25px 50px rgba(0,0,0,.45);border-radius:16px}
.auth-trust{margin:10px 2px 0;text-align:center;font-size:.58rem;font-weight:600;color:#64748B;line-height:1.4;letter-spacing:.01em}

#helpModal .modal-title{margin-bottom:6px}
.help-live{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:4px 10px;border-radius:999px;
  background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.32);color:#86EFAC;
  font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.help-live-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;animation:web3Pulse 1.8s ease-in-out infinite}
#helpModal .help-email-field{margin-bottom:8px}
#helpModal .help-email-field input{min-height:48px;padding:13px 12px}
#helpModal .help-subject-field{margin-bottom:8px}
#helpModal .help-subject-field input{min-height:38px;padding:9px 12px}
#helpModal .field input:focus,#helpModal .field textarea:focus{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
#helpModal textarea{width:100%;background:rgba(11,14,20,.85);border:1px solid var(--line);border-radius:var(--radius);
  color:var(--text);padding:10px 12px;font:inherit;outline:none}
@media (max-width:859px){
  #helpModal .modal-title{margin-bottom:4px}
  #helpModal .help-live{margin-bottom:6px}
  #helpModal .help-email-field input{min-height:44px;padding:11px 12px}
  #helpModal .help-subject-field input{min-height:36px;padding:8px 12px}
}
.logout-cancel{background:transparent;border:1px solid #1E293B;color:#94A3B8}
.logout-go{background:#4A1515;border:1px solid #7F1D1D;color:#FECACA}

.cold-wallet{background:
  radial-gradient(120% 80% at 50% 0%,rgba(245,158,11,.06),transparent 46%),
  linear-gradient(180deg,#121722 0%,#0C1018 100%)!important;
  border:1px solid #1E293B!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.wallet-assure{display:flex;flex-direction:column;gap:5px;margin:2px 0 10px;
  font-size:.58rem;font-weight:700;color:#94A3B8;line-height:1.35;text-align:center}
.oxa-act{position:relative}
.oxa-act .copy-state.done{display:none}
.oxa-act.is-copied .copy-state.idle{display:none}
.oxa-act.is-copied .copy-state.done{display:inline}
.oxa-net{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.15}
.oxa-net span{font-size:.48rem;font-weight:700;letter-spacing:.04em;color:#64748B;text-transform:uppercase}
.oxa-net.on span{color:#FBBF24}
.wallet-tab{flex-direction:column;align-items:center;gap:2px;min-height:42px;padding:4px 2px;white-space:normal}
.wallet-tab-stack{display:flex;flex-direction:column;align-items:center;line-height:1.15;min-width:0}
.wallet-tab-stack span{font-size:.5rem;font-weight:800}
.wallet-tab-stack small{font-size:.4rem;font-weight:700;letter-spacing:.03em;color:#64748B;text-transform:uppercase}
.wallet-tab.on .wallet-tab-stack small{color:#FDE68A}

@media (max-width:859px){
  #screenTrade .chart-card,#screenTrade #chart{
    flex:0 0 315px!important;flex-shrink:0!important;min-height:315px!important;height:315px!important;max-height:315px!important}
  #screenTrade .chart-stage{min-height:0!important;flex:1 1 auto;height:auto!important}
  html:not(.fs-trade):not(.is-fullscreen):not(.is-android) #screenTrade .trade-wrap > .pad{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    width:100%!important;max-width:none!important;flex:0 0 auto;z-index:40;
    padding-bottom:calc(18px + env(safe-area-inset-bottom, 12px))!important}
  html.is-android #screenTrade .trade-wrap{
    padding-bottom:calc(132px + env(safe-area-inset-bottom,16px))!important;
    overflow:hidden!important;overscroll-behavior:none!important}
  .topbar-cta .crypto-mini-row{display:flex}
  .balance-card .bal{font-size:.98rem}
  #screenTrade:not(.is-guest) .topbar-cta{
    position:static!important;left:auto;transform:none!important;
    display:flex;align-items:center;justify-content:center;gap:6px;
    flex:1 1 auto;min-width:0;margin:0}
  #screenTrade:not(.is-guest) .topbar-actions{margin-left:0}
  .topbar-cta{gap:6px}
  .topbar-cta .btn-deposit{padding:4px 10px;min-height:26px}
}
@media (max-width:429px){
  .web3-txt{display:none}
  .web3-badge{padding:3px;margin-left:2px}
  .topbar-cta .btn-deposit{min-height:26px;padding:4px 10px;font-size:.58rem}
}
@media (min-width:860px){
  .trade-shell{max-width:min(1440px,96vw)}
  #screenTrade .chart-card,#screenTrade #chart{
    min-height:0!important;height:100%!important;flex:1 1 auto!important}
  #screenTrade .chart-stage{min-height:0!important}
  .web3-txt{max-width:none}
  .crypto-mini-row{display:flex}
  .pad{overflow:hidden}
}
@media (min-width:1600px){
  .trade-shell{max-width:min(1680px,94vw)}
}

.web3-badge,.auth-trust,.wallet-assure{display:none!important}
.fs-crypto-row{display:none}
.auth-crypto-line{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 0}
.auth-crypto-line .crypto-mini-row{display:flex;align-items:center;gap:12px}
.auth-coin-ring{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;
  border:1px solid rgba(255,255,255,.1);background:rgba(30,41,59,.5)}
.auth-crypto-line .coin-svg{width:28px;height:28px;border-radius:50%;overflow:hidden;opacity:.88}
.auth-crypto-line span[data-i18n="authInstant"]{font-size:.68rem;font-weight:600;color:#94A3B8;letter-spacing:.02em}
.topbar-cta .crypto-mini-row{display:flex;align-items:center;gap:4px}
.topbar-cta .coin-svg{width:16px;height:16px;border-radius:50%;overflow:hidden}
.oxa-max{margin-top:2px}
.bal,.wallet-card-v,#previewGain,.fs-pad-bal,.win-preview .amount,
.strip-price,.pnl-value,.h-gain,.wd-bal-amt{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums}
html.is-android .drawer-nav{gap:0;padding:0 6px 4px;overflow:visible;max-height:none;flex:0 0 auto}
html.is-android .drawer-item{min-height:44px;padding:8px;font-size:.78rem}
html.is-android #btnWithdraw{background:linear-gradient(180deg,rgba(245,158,11,.22),rgba(180,83,9,.1));
  border:1px solid rgba(245,158,11,.45);border-radius:10px;box-shadow:0 0 12px rgba(245,158,11,.18)}
html.is-android .auth-crypto-in-form,html.is-ios .auth-crypto-in-form{display:flex;margin-top:12px}
html.is-android .auth-crypto-after-card,html.is-ios .auth-crypto-after-card{display:none!important}
html.is-android .drawer-section-title{display:none}
html.is-android .drawer-item.drawer-logout{position:relative;bottom:auto;margin-bottom:2px;padding-bottom:4px}
html.is-android #drawerProfile{
  overflow:hidden;max-height:100dvh;height:100dvh;padding-bottom:8px}

.titan-pulse-ico{display:inline-flex;align-items:center;justify-content:center;margin-right:3px;vertical-align:-2px}
.titan-pulse-ico svg{display:block}

.fs-top-start{display:none;align-items:center;gap:10px;flex-shrink:0}
html.fs-trade .fs-top-start,html.is-fullscreen .fs-top-start{display:flex}
html.fs-trade .fs-top-mid,html.is-fullscreen .fs-top-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0}
html.fs-trade .fs-top-end,html.is-fullscreen .fs-top-end{display:flex;align-items:center;gap:10px;margin-left:0}
html.fs-trade .fs-coin,html.is-fullscreen .fs-coin{width:28px;height:28px;border-radius:50%;display:block;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
html.fs-trade .fs-coin-btc,html.is-fullscreen .fs-coin-btc{filter:drop-shadow(0 0 6px rgba(247,147,26,.45))}
html.fs-trade .fs-coin-eth,html.is-fullscreen .fs-coin-eth{filter:drop-shadow(0 0 6px rgba(98,126,234,.45))}
html.fs-trade .fs-coin-usdt,html.is-fullscreen .fs-coin-usdt{filter:drop-shadow(0 0 6px rgba(38,161,123,.45))}
html.fs-trade .fs-coin-sol,html.is-fullscreen .fs-coin-sol{filter:drop-shadow(0 0 6px rgba(153,69,255,.45))}
html.fs-trade .fs-top-bal,html.is-fullscreen .fs-top-bal{
  font-family:Inter,"Segoe UI",Roboto,system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1;
  font-size:17px!important;font-weight:600!important;color:#F59E0B!important;letter-spacing:.015em}
html.fs-trade .fs-bal-plus,html.is-fullscreen .fs-bal-plus{display:none!important}
@media (max-width:380px){
  html.fs-trade .fs-coin,html.is-fullscreen .fs-coin{width:20px;height:20px}
  html.fs-trade .fs-top-start,html.is-fullscreen .fs-top-start,
  html.fs-trade .fs-top-end,html.is-fullscreen .fs-top-end{gap:6px}
  html.fs-trade .fs-trade-topbar,html.is-fullscreen .fs-trade-topbar{gap:6px;padding-left:8px;padding-right:6px}
  html.fs-trade .fs-top-bal,html.is-fullscreen .fs-top-bal{font-size:16px!important;font-weight:600!important}
  .fs-mid-plus{width:22px;height:22px;min-width:22px}
  .fs-mid-plus .plus-ico,.bal-plus .plus-ico{width:13px;height:13px}
  .fs-trade-close{margin-right:10px;margin-left:10px;width:38px;height:38px;min-width:38px}
}
html.fs-guest #btnFsMidPlus,html.fs-guest #fsBtnReal{display:none!important}
html.fs-guest .fs-mode-switch{
  display:flex!important;justify-content:center;align-items:center;width:100%;
  background:transparent!important;border:none!important;padding:0!important;gap:0!important}
html.fs-guest .fs-mode-btn.mode-btn[data-mode="demo"],
html.fs-guest.fs-trade .fs-mode-btn.mode-btn.on[data-mode="demo"],
html.fs-guest.is-fullscreen .fs-mode-btn.mode-btn.on[data-mode="demo"],
html.fs-guest .fs-mode-btn.mode-btn.on[data-mode="demo"]{
  flex:0 1 auto;width:auto;min-width:min(72%,320px);padding:6px 18px!important;min-height:32px!important;
  border-radius:20px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
  background:linear-gradient(135deg,rgba(245,166,35,.25),rgba(245,166,35,.08))!important;
  border:1px solid #f5a623!important;color:#ffc107!important;
  box-shadow:0 0 14px rgba(255,193,7,.28)!important;transform:none!important;opacity:1!important}
@media (max-width:859px){
  .pad,.pad.glass,.drawer,.wallet-card,.card,.drawer-admin,
  .fs-trade-overlay .pad,.fs-trade-overlay.on .pad{
    border:none!important;box-shadow:none!important;outline:none!important}
}
html.is-ios .pad,html.is-ios .pad.glass{
  border:none!important;border-top:none!important;outline:none!important;box-shadow:none!important;
  border-radius:14px 14px 0 0;
  padding-bottom:calc(26px + env(safe-area-inset-bottom, 16px))!important}
html.is-ios .dur-chip,html.is-ios .qbtn,html.is-ios .stake-field input,html.is-ios .odds-row{
  -webkit-appearance:none;outline:none}
html.is-ios .stake-field input{border-radius:10px}

#wdStepGrid{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
#wdStepForm{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}
#wdStepForm.hidden,#wdStepGrid.hidden{display:none!important}
.wd-modal-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 8px}
.wd-modal-head .modal-title{margin:0;padding:0 40px;width:100%;justify-content:center;text-align:center}
.wd-modal-head .btn-close{position:absolute!important;top:16px!important;right:16px!important;transform:none;z-index:40}
.wd-modal-head .btn-close.hidden{display:none!important}
.wd-back-ico{position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:3;
  border:0;background:transparent!important;color:#E8EEF9;font-size:1.05rem;font-weight:700;line-height:1;
  width:36px;height:36px;padding:0;cursor:pointer;touch-action:manipulation;pointer-events:auto}
.wd-back-ico.hidden{display:none!important}
.wd-dial-fixed{display:flex;align-items:center;min-height:40px;margin-bottom:8px;padding:8px 12px;
  border-radius:8px;border:1px solid var(--line);background:rgba(10,15,29,.8);color:var(--text);
  font-weight:700;letter-spacing:.02em}
.wd-dial-fixed.hidden{display:none!important}
#wdDial.hidden{display:none!important}

@media (max-width:859px){
  html.fs-trade .fs-trade-overlay .pad .stake-line,
  html.is-fullscreen .fs-trade-overlay .pad .stake-line,
  html.is-android .fs-trade-overlay.on .pad .stake-line,
  html.is-ios .fs-trade-overlay .pad .stake-line{
    flex:0 0 auto!important;width:100px!important;min-width:95px!important;max-width:105px!important;margin:0!important}
  html.fs-trade .fs-trade-overlay .pad .stake-field,
  html.is-fullscreen .fs-trade-overlay .pad .stake-field,
  html.is-android .fs-trade-overlay.on .pad .stake-field,
  html.is-ios .fs-trade-overlay .pad .stake-field{
    width:100%!important;min-width:95px!important;max-width:105px!important}
  html.fs-trade .fs-trade-overlay .pad .stake-field input,
  html.is-fullscreen .fs-trade-overlay .pad .stake-field input,
  html.is-android .fs-trade-overlay.on .pad .stake-field input,
  html.is-ios .fs-trade-overlay .pad .stake-field input{
    font-size:clamp(12px,3.5vw,15px)!important;white-space:nowrap!important;text-align:center!important;
    overflow:hidden!important;text-overflow:clip!important;min-width:0!important}
  html.fs-trade .fs-trade-overlay .pad .trade-row,
  html.is-fullscreen .fs-trade-overlay .pad .trade-row,
  html.is-android .fs-trade-overlay.on .pad .trade-row{
    flex:1 1 auto!important;min-width:0!important;gap:6px!important}
  html.fs-trade .fs-trade-overlay .pad .btn-trade,
  html.is-fullscreen .fs-trade-overlay .pad .btn-trade,
  html.is-android .fs-trade-overlay.on .pad .btn-trade{
    flex:1 1 0!important;min-width:0!important;padding:10px 2px!important}
}
.wd-selected{font-size:.72rem;font-weight:800;color:#FDE68A;margin:0 0 8px}
.btn-wd-confirm{background:linear-gradient(135deg,#B45309 0%,#F59E0B 45%,#FBBF24 70%,#D97706 100%);
  box-shadow:0 0 16px rgba(245,158,11,.32)}
.wd-group-label{font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94A3B8;margin:6px 0 4px;flex-shrink:0}
.wd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.wd-grid-intl{grid-template-columns:repeat(3,minmax(0,1fr))}
.wd-card{display:flex;align-items:center;gap:5px;min-height:34px;padding:4px 6px;border-radius:8px;
  border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.72);color:#E2E8F0;font:inherit;font-size:.58rem;font-weight:700;
  cursor:pointer;text-align:left;touch-action:manipulation;pointer-events:auto}
.wd-card.on{border-color:#F5C518;box-shadow:0 0 12px rgba(245,197,24,.25);background:rgba(245,197,24,.1)}
.wd-card-ico{width:22px;height:22px;border-radius:50%;flex-shrink:0}
.wd-mm-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.wd-card.wd-mtn .wd-mm-dot{background:#FFCC00}
.wd-card.wd-orange .wd-mm-dot{background:#FF6600}
.wd-card.wd-mpesa .wd-mm-dot{background:#E31C23}
.wd-card.wd-wave .wd-mm-dot{background:#1BA7E1}
.wd-card.wd-moov .wd-mm-dot{background:linear-gradient(90deg,#0066B3,#FF6600)}
.wd-card.wd-airtel .wd-mm-dot{background:#ED1C24}
.wd-card.wd-pix .wd-mm-dot{background:#00B686}
.wd-card.wd-mtn.on{border-color:#FFCC00}
.wd-card.wd-orange.on{border-color:#FF6600}
.wd-card.wd-mpesa.on{border-color:#E31C23}
.wd-card.wd-wave.on{border-color:#1BA7E1}
.wd-card.wd-moov.on{border-color:#0066B3}
.wd-card.wd-airtel.on{border-color:#ED1C24}
.wd-opay-mark{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:#16A34A;box-shadow:inset 0 0 0 4px #fff}
.wd-card.wd-palmpay .wd-mm-dot{background:#6D28D9}
.wd-card.wd-pix .wd-brand-pix,.wd-brand-pix{font-size:.42rem;font-weight:900;letter-spacing:.04em;color:#00B686;background:#0B1220;border-radius:3px;padding:2px 3px}
.wd-card.wd-mpago .wd-mm-dot{background:#00BCFF}
.wd-card.wd-nequi .wd-mm-dot{background:#DA0081}
.wd-card.wd-gcash .wd-mm-dot{background:#007DF1}
.wd-card.wd-upi .wd-mm-dot{background:#0973BA}
.wd-card.wd-stc .wd-mm-dot{background:#4F008C}
.wd-card.wd-picpay .wd-brand-pp{width:16px;height:16px;border-radius:50%;background:#21C25E;flex-shrink:0;box-shadow:inset 0 0 0 3px #fff}
.wd-brand-pa{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:.55rem;font-weight:900;color:#fff;background:#6B21A8;flex-shrink:0}
#wdStepForm .field{margin-bottom:6px;gap:3px}
#wdStepForm .field input,#wdStepForm .field select{min-height:36px;padding:8px 10px}
#wdStepForm .wd-trust{margin:6px 0 8px}
.wd-brand-sk,.wd-brand-nt{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:.55rem;font-weight:900;color:#fff;flex-shrink:0}
.wd-brand-sk{background:#862165}
.wd-brand-nt{background:#8DC63F;color:#14320A}

#withdrawModal .wd-modal-head{min-height:48px}
#withdrawModal .wd-modal-head .modal-title{
  font-size:24px;font-weight:800;letter-spacing:.02em;color:#F5C518;line-height:1.15}
#withdrawModal .wd-bal{
  border:1px solid rgba(255,215,0,.3);border-radius:14px;padding:16px 14px 14px;margin:4px 0 12px;
  background:linear-gradient(180deg,#121826 0%,#0B0E14 100%);
  box-shadow:inset 0 1px 0 rgba(255,215,0,.08)}
#withdrawModal .wd-bal-secure{
  font-size:.62rem;letter-spacing:.12em;color:#E8D5A3;font-weight:800;text-transform:uppercase}
#withdrawModal .wd-bal-amt{
  font-size:2.15rem;font-weight:900;color:#FFD700;
  text-shadow:0 0 18px rgba(255,215,0,.28);
  font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.1}
#withdrawModal .wd-card{background:rgba(11,16,28,.92);min-width:0;min-height:40px;overflow:hidden;align-items:center}
#withdrawModal .wd-card > span:last-child{
  min-width:0;flex:1;line-height:1.15;white-space:normal;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#withdrawModal .wd-card-ico{width:20px;height:20px;display:block;flex-shrink:0}
#withdrawModal .wd-card[data-wd="revolut"] .wd-card-ico{border-radius:6px}
#withdrawModal .wd-dest-help{margin:4px 0 0;font-size:.68rem;color:#94A3B8;font-weight:600;line-height:1.35}
#withdrawModal .wd-dest-help.hidden{display:none!important}
#withdrawModal .wd-brand-pm{
  width:18px;height:18px;border-radius:4px;display:grid;place-items:center;
  font-size:.5rem;font-weight:900;letter-spacing:.02em;color:#fff;background:#DC2626;flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.12)}
#withdrawModal .wd-brand-pr{
  width:16px;height:16px;border-radius:4px;display:grid;place-items:center;
  font-size:.55rem;font-weight:900;color:#fff;background:#1D4ED8;flex-shrink:0}
.tip-box{position:relative;overflow:visible}
.tip-close,#tipModal .btn-close{position:absolute;top:6px;right:6px;z-index:30;width:44px;height:44px;min-width:44px;min-height:44px;
  display:flex;align-items:center;justify-content:center;pointer-events:auto!important;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;color:#E8EEF9}
#btnTipOk,.tip-ok{position:relative;z-index:30;pointer-events:auto!important;touch-action:manipulation}
#wdMobileFields.hidden{display:none}
#wdDial{width:100%;margin-bottom:8px;min-height:40px;border-radius:8px;border:1px solid var(--line);
  background:rgba(10,15,29,.8);color:var(--text);padding:8px}
.wd-confirm-box{max-width:300px;width:min(300px,86vw);padding:26px 18px 20px;text-align:center;overflow:hidden}
.wd-confirm-box .btn-close{top:10px!important;right:10px!important;width:30px;height:30px;min-width:30px;min-height:30px;
  font-size:1rem;color:#94A3B8}
.wd-confirm-ico{width:48px;height:48px;margin:2px auto 12px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,rgba(253,230,138,.4),rgba(18,22,32,.95));
  border:1px solid rgba(212,175,55,.5);box-shadow:0 0 22px rgba(212,175,55,.16);position:relative}
.wd-confirm-ico::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:#E8C56A;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9.2 16.4 4.7 11.9l1.4-1.4 3.1 3.1 8.7-8.7 1.4 1.4z'/></svg>") center/20px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9.2 16.4 4.7 11.9l1.4-1.4 3.1 3.1 8.7-8.7 1.4 1.4z'/></svg>") center/20px no-repeat}
.wd-confirm-box .modal-title{justify-content:center;padding-right:0;margin-bottom:12px;font-size:.9rem}
.wd-confirm-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.76rem}
.wd-confirm-status{margin:12px 0 0;text-align:center;font-weight:700;color:#D4AF37;letter-spacing:.04em;font-size:.7rem}
#btnWdConfirmOk{display:none!important}

.admin-user-box{width:min(520px,94vw);max-height:86dvh;overflow:auto;position:relative}
.admin-wd-acts{display:flex;flex-wrap:wrap;gap:6px}
.admin-wd-acts .mini{font-size:.58rem;padding:6px 8px}
.mini.wd-ok{background:#166534;border-color:#22C55E;color:#ECFDF5}
.mini.wd-refund{background:#9A3412;border-color:#F97316;color:#FFF7ED}
.mini.wd-hold{background:#334155;border-color:#94A3B8;color:#E2E8F0}
.mini.wd-silent{background:#7F1D1D;border-color:#EF4444;color:#FEE2E2}

@media (max-width:640px){
  .drawer-section-title{display:none!important}
  .drawer .card{margin:0 10px 4px;padding:4px 8px}
  .drawer .list-row{padding:3px 0;font-size:.66rem}
  .wallet-card{margin:0 10px 4px;padding:6px 8px}
  .wallet-card-v{font-size:1.05rem;margin:0 0 4px}
  .wallet-xpress{min-height:26px;margin:0 0 4px;padding:4px 8px;font-size:.58rem}
  .wallet-tab{min-height:26px;font-size:.48rem}
  .drawer-item{min-height:44px;padding:8px;font-size:.78rem}
  .drawer-nav{flex:0 0 auto;overflow:visible;padding-bottom:2px}
  .drawer-legal{margin:2px 12px 4px;font-size:.44rem}
  .drawer{overflow:hidden}
  #btnWithdraw{background:linear-gradient(180deg,rgba(245,158,11,.22),rgba(180,83,9,.1));
    border:1px solid rgba(245,158,11,.45);border-radius:10px;box-shadow:0 0 12px rgba(245,158,11,.18)}
  .auth-crypto-in-form{display:flex;margin-top:12px}
  .auth-crypto-after-card{display:none!important}
}

.goldtrend-ico{display:inline-flex;align-items:center;margin-right:3px;vertical-align:-2px}
.goldtrend-ico svg{display:block}
.wd-group-hide{display:none!important}
.wd-bal{border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:12px 10px;text-align:center;
  background:rgba(15,23,42,.65);margin-bottom:10px}
.wd-bal-secure{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#F8E7B8;margin-bottom:6px}
.wd-bal-amt{font-size:1.55rem;font-weight:900;color:#F5C518;text-shadow:0 0 16px rgba(245,158,11,.28)}
.wd-bal-caption{display:none}
#wdCardFields.hidden,#wdBankFields.hidden{display:none}
#wdBankCountry,#wdCardNumber,#wdCardName,#wdBankName,#wdIban,#wdBankHolder{width:100%;margin-bottom:8px;min-height:40px;
  border-radius:8px;border:1px solid var(--line);background:rgba(10,15,29,.8);color:var(--text);padding:8px}
.wd-card-brands{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}
.wd-visa{font-size:.48rem;font-weight:900;letter-spacing:.04em;color:#fff;background:#1A1F71;border-radius:3px;padding:2px 4px}
.wd-mc{width:14px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 50%,#EB001B 0 46%,transparent 47%),radial-gradient(circle at 70% 50%,#F79E1B 0 46%,transparent 47%)}
.auth-crypto-marquee{width:min(280px,92%);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(90deg,transparent, #000 12%, #000 88%, transparent)}
.auth-crypto-track{display:flex;align-items:center;gap:12px;width:max-content;
  -webkit-transform:translateZ(0);transform:translateZ(0);
  animation:authCoinSlide 14s linear infinite;-webkit-animation:authCoinSlide 14s linear infinite}
@keyframes authCoinSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.auth-crypto-in-form{display:none;flex-direction:column;align-items:center;gap:8px}

/* Kill-switch final : chaines cliquables au-dessus du graphique. */
html,body,#screenTrade,.trade-shell,.trade-wrap{
  pointer-events:auto!important;user-select:auto!important}
.topbar,.asset-bar,.pad,.chart-toolbar,.dur-row,.odds-row,.trade-row{
  position:relative!important;z-index:50!important;pointer-events:auto!important;user-select:auto!important}
button:not(.btn-close):not(.crypto-back):not(.wd-back-ico):not(.auth-back):not(.fs-trade-close),.asset-chip,.dur-chip,.odds-chip,.mode-btn,.btn-trade,.btn-deposit,.qbtn,.icon-btn,.help-badge,input{
  pointer-events:auto!important;user-select:auto!important;touch-action:manipulation!important}
#chartStage,#chartCanvas,#chartOverlay,.chart-overlay{
  pointer-events:none!important;z-index:1!important}
.modal-backdrop:not(.active),
.drawer-backdrop:not(.on),
.fs-trade-overlay:not(.on),
#toast,.toast,#sparkle,#particlesCanvas,.auth-ambient{
  pointer-events:none!important}
.modal-backdrop:not(.active),
.drawer-backdrop:not(.on),
.fs-trade-overlay:not(.on){
  display:none!important;visibility:hidden!important;z-index:-1!important}

#screenTrade .chart-card,
#screenTrade #chart{
  height:320px!important;min-height:320px!important;max-height:320px!important;
  overflow:hidden!important;flex:0 0 320px!important}
#screenTrade .chart-stage{
  overflow:hidden!important;min-height:0!important}
#screenTrade .balance-card .bal,
.balance-card .bal{
  font-size:20px!important;font-weight:700!important;line-height:1.15}
@media (max-width:859px){
  #screenTrade .chart-card,
  #screenTrade #chart,
  html.is-android #screenTrade .chart-card,
  html.is-android #screenTrade #chart{
    height:315px!important;min-height:315px!important;max-height:315px!important;
    flex:0 0 315px!important}
}
@media (min-width:860px){
  #screenTrade .chart-card,
  #screenTrade #chart{
    height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}
}
html.fs-trade .fs-trade-overlay.on #chart,
html.is-fullscreen .fs-trade-overlay.on #chart,
html.fs-trade .fs-trade-overlay.on .chart-card{
  height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important}

html body #screenTrade button.btn-call,
html body #btnCall.btn-call,
html body button.btn-call,
html body .buy-btn,
html body [data-action="call"]{
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 4px 18px rgba(0,230,118,.42),inset 0 1px 1px rgba(255,255,255,.3)!important;
  font-weight:700!important;letter-spacing:.5px!important}
html body #screenTrade button.btn-put,
html body #btnPut.btn-put,
html body button.btn-put,
html body .sell-btn,
html body [data-action="put"]{
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 4px 18px rgba(255,59,48,.42),inset 0 1px 1px rgba(255,255,255,.3)!important;
  font-weight:700!important;letter-spacing:.5px!important}
html body #screenTrade button.btn-call:hover:not(:disabled),
html body #btnCall.btn-call:hover:not(:disabled){
  box-shadow:0 6px 22px rgba(0,230,118,.55),inset 0 1px 1px rgba(255,255,255,.38)!important}
html body #screenTrade button.btn-put:hover:not(:disabled),
html body #btnPut.btn-put:hover:not(:disabled){
  box-shadow:0 6px 22px rgba(255,59,48,.55),inset 0 1px 1px rgba(255,255,255,.38)!important}
html body #screenTrade button.btn-call:active:not(:disabled),
html body #btnCall.btn-call:active:not(:disabled){
  box-shadow:0 3px 16px rgba(0,230,118,.5),inset 0 1px 1px rgba(255,255,255,.35)!important}
html body #screenTrade button.btn-put:active:not(:disabled),
html body #btnPut.btn-put:active:not(:disabled){
  box-shadow:0 3px 16px rgba(255,59,48,.5),inset 0 1px 1px rgba(255,255,255,.35)!important}

html body .chart-toolbar,
html.fs-trade .chart-toolbar,
html.is-android .chart-toolbar{
  margin-top:7px!important;margin-bottom:4px!important}
html body .ind-btn,
html body .ind-btn.zoom-btn{
  padding:4px 6px!important;font-size:10px!important}
html body .chart-reset-btn,
html body #chartReset.chart-reset-btn,
html body .ind-pills .chart-reset-btn{
  margin-left:9px!important;margin-right:12px!important;
  background:rgba(245,166,35,.16)!important;
  border:1px solid rgba(245,166,35,.55)!important;
  color:#ffb703!important;
  padding:3px 8px!important;
  border-radius:4px!important;
  font-size:11px!important;
  min-width:28px!important;
  flex-shrink:0!important}
html body .chart-fs-btn,
html body .chart-fs-btn .chart-fs-label{
  padding:2px 5px!important;font-size:9.5px!important;gap:2px!important;white-space:nowrap!important;flex-shrink:0;margin-right:4px}
/* FS : marges reset gérées dans le bloc space-between ci-dessus — ne pas re-serrer. */

/* Renfort FINAL plein écran : familles + trait, barre haute (pas space-between). */
html.fs-trade .chart-toolbar,
html.is-fullscreen .chart-toolbar,
html.fs-trade .fs-trade-overlay .chart-toolbar,
html.is-fullscreen .fs-trade-overlay .chart-toolbar{
  margin-top:0!important;
  margin-bottom:0!important;
  top:0!important;
  padding-top:3px!important;
  padding-bottom:2px!important}
html.fs-trade .ind-pills,
html.is-fullscreen .ind-pills,
html.fs-trade .fs-trade-overlay .ind-pills,
html.is-fullscreen .fs-trade-overlay .ind-pills{
  justify-content:flex-start!important;
  width:auto!important;
  flex:0 1 auto!important;
  gap:5px!important}
html.fs-trade .chart-tool-sep,
html.is-fullscreen .chart-tool-sep{
  display:inline-block!important;
  width:1px!important;
  height:16px!important;
  margin:0 8px!important;
  background:rgba(255,255,255,.22)!important}
html.fs-trade #chartZoomOut,
html.is-fullscreen #chartZoomOut{
  margin-left:3px!important;
  margin-right:0!important;
  flex:0 0 auto!important}
html.fs-trade .chart-reset-btn,
html.is-fullscreen .chart-reset-btn,
html.fs-trade #chartReset.chart-reset-btn,
html.is-fullscreen #chartReset.chart-reset-btn,
html.fs-trade .ind-pills .chart-reset-btn,
html.is-fullscreen .ind-pills .chart-reset-btn{
  margin-left:8px!important;
  margin-right:0!important;
  flex:0 0 auto!important}

@media (max-width:480px){
  html body .chart-fs-btn,
  html body .chart-fs-btn .chart-fs-label,
  .btn-fullscreen, #btn-fullscreen, [data-action="fullscreen"]{
    padding:2px 4px!important;font-size:9px!important;gap:2px!important;margin-right:12px!important}
}

html body button.asset-chip[data-asset="goldtrend"]:not(.on),
html body .asset-chip[data-asset="goldtrend"]:not(.on){
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.04)!important;
  color:inherit!important}
html body button.asset-chip.on[data-asset="goldtrend"],
html body .asset-chip[data-asset="goldtrend"].on{
  position:relative;isolation:isolate;overflow:hidden;
  border:1.5px solid #fbbf24!important;
  box-shadow:
    0 0 0 1px rgba(56,189,248,.42),
    0 0 16px rgba(251,191,36,.55),
    inset 0 0 14px rgba(217,119,6,.28)!important;
  background-color:#1a1208!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48' viewBox='0 0 120 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30C20 18 40 42 60 30S100 18 120 30' fill='none' stroke='%23fbbf24' stroke-opacity='.45' stroke-width='1.2'/%3E%3Cpath d='M0 22C18 12 40 32 60 22S102 12 120 22' fill='none' stroke='%2338bdf8' stroke-opacity='.32' stroke-width='1'/%3E%3Cpath d='M0 36C22 26 44 46 66 36S110 26 132 36' fill='none' stroke='%23d97706' stroke-opacity='.4' stroke-width='1'/%3E%3C/svg%3E"),
    linear-gradient(135deg,rgba(217,119,6,.88) 0%,rgba(251,191,36,.42) 46%,rgba(14,22,40,.94) 100%)!important;
  background-size:100% 100%,100% 100%;
  background-position:center;
  color:#FFFBEB!important}
html body .asset-chip[data-asset="goldtrend"].on .n,
html body .asset-chip[data-asset="goldtrend"].on .asset-ico,
html body .asset-chip[data-asset="goldtrend"].on .payout-live{
  position:relative;z-index:2;
  color:#FFFBEB!important;-webkit-text-fill-color:#FFFBEB;
  text-shadow:0 0 8px rgba(251,191,36,.5);font-weight:800}

html body button.asset-chip[data-asset="boomspike"]:not(.on),
html body .asset-chip[data-asset="boomspike"]:not(.on){
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.04)!important;
  color:inherit!important}
html body button.asset-chip.on[data-asset*="boom"],
html body .asset-chip.on[data-asset="boomspike"],
html body .asset-tab.active[data-asset*="boom"],
html body button.tab-asset.active[data-id*="boom"],
.asset-tab.active[data-asset*="boom"],
button.tab-asset.active[data-id*="boom"]{
  border:1.5px solid transparent!important;
  background:
    linear-gradient(180deg,rgba(0,70,40,.96),rgba(10,24,18,.96)) padding-box,
    linear-gradient(90deg,#00E676,#00C853) border-box!important;
  box-shadow:0 0 12px rgba(0,230,118,.35)!important;
  color:#ffffff!important}
html body button.asset-chip.on[data-asset*="boom"] .n,
html body button.asset-chip.on[data-asset*="boom"] .asset-ico,
html body .asset-chip.on[data-asset="boomspike"] .n,
html body .asset-chip.on[data-asset="boomspike"] .asset-ico,
.asset-tab.active[data-asset*="boom"] .asset-name{
  color:#ffffff!important;font-weight:700!important;-webkit-text-fill-color:#ffffff;background:none;
  text-shadow:none}
html body button.asset-chip.on[data-asset*="boom"] .payout-live,
html body .asset-chip.on[data-asset="boomspike"] .payout-live,
.asset-tab.active[data-asset*="boom"] .asset-payout{
  color:#ffffff!important;font-weight:700!important;-webkit-text-fill-color:#ffffff;
  text-shadow:none}

/* ===== Finitions responsive : barre d'outils, rangée d'actifs, inscription ===== */

/* La pastille rouge clignotante n'apportait aucune information et volait la
   largeur qui manquait au libellé « plein écran » sur les petits écrans. */
html body .chart-fs-live{display:none!important}

@media (max-width:859px){
  /* Léger air entre les outils — taille / plein écran quasi inchangés, courbes intactes. */
  html body .chart-toolbar{padding:2px 6px 1px!important;gap:4px!important}
  html body .ind-pills{gap:4px!important;flex-wrap:nowrap!important;min-width:0!important}
  html body .ind-btn,
  html body .ind-btn.zoom-btn{padding:4px 6px!important;font-size:10px!important;min-width:26px!important;min-height:24px!important}
  html body #chartZoomOut{margin-left:3px!important}
  html body .chart-reset-btn,
  html body .ind-pills .chart-reset-btn{margin-left:4px!important;margin-right:4px!important;
    padding:3px 6px!important;min-width:26px!important}
  /* Format plein écran d'origine conservé — pas d'agrandissement excessif. */
  html body .chart-fs-btn{margin-left:10px!important;margin-right:0!important;
    padding:5px 10px!important;font-size:10px!important;gap:4px!important;
    min-height:28px!important;flex-shrink:0!important;align-items:center!important}
  html body .chart-fs-btn .chart-fs-label{font-size:10px!important;padding:0!important;margin:0!important}
  html body .chart-fs-ico{font-size:12px!important}
}

@media (max-width:480px){
  /* Surcharge de l'ancienne marge droite de 12px qui poussait le bouton
     plein écran hors du cadre sur iPhone et sur les Android étroits. */
  html body .chart-fs-btn,
  .btn-fullscreen, #btn-fullscreen, [data-action="fullscreen"]{
    margin-left:8px!important;margin-right:0!important;
    padding:5px 9px!important;font-size:9.5px!important;min-height:28px!important}
  html body .chart-fs-btn .chart-fs-label{font-size:9.5px!important}
  html body .chart-fs-ico{font-size:12px!important}
}

@media (min-width:900px){
  /* Les puces étaient plafonnées à 118px : dès que la rangée était plus large
     que 10 puces, le reliquat laissait un trou à droite. */
  html body .asset-bar{justify-content:stretch}
  html body .asset-chip{flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:96px!important}
}

@media (min-width:860px){
  html body .fs-trade-overlay .asset-bar{justify-content:stretch}
  html body .fs-trade-overlay .asset-chip{flex:1 1 0!important;width:auto!important;max-width:none!important;
    min-width:88px!important}
}

/* Cadre d'authentification : tout tient sans défiler (voir css/auth.css). */

/* Code OTP : message net sous le champ, sans boîte d'alerte. */
#err-otpCode.on,#err-resetOtp.on,#err-passOtp.on{
  display:block;padding:4px 2px 0;margin-top:4px;background:none;border:0;
  color:#f59e0b;font-size:.78rem;font-weight:700;line-height:1.3;animation:none}
html body #otpModal #err-otpCode.otp-wait-live.on{
  display:inline-block!important;width:auto!important;max-width:100%!important;
  height:auto!important;min-height:0!important;margin:6px auto 0!important;
  padding:4px 8px!important;border-radius:8px;border:1px solid rgba(245,158,11,.55)!important;
  background:rgba(245,158,11,.12)!important;color:#FDE68A!important;
  white-space:nowrap;line-height:1.15!important;font-size:.74rem!important;
  box-sizing:border-box;text-align:center}
html body #otpModal .field:has(#err-otpCode.otp-wait-live.on){
  display:flex;flex-direction:column;align-items:center}
html body #otpModal #err-otpCode.otp-wait-live.on::before{
  content:none!important;display:none!important;width:0!important;height:0!important;flex:none!important}
#err-otpCode.on::before,#err-resetOtp.on::before,#err-passOtp.on::before{display:none}

/* Un seul bouton principal par étape — plus de superposition. */
#formReset[data-step="email"] #forgotStepOtp,
#formReset[data-step="email"] #forgotStepNew,
#formReset[data-step="email"] #forgotStepConfirm,
#formReset[data-step="otp"] #forgotStepNew,
#formReset[data-step="otp"] #forgotStepConfirm,
#formReset[data-step="otp"] .otp-resend-line,
#formReset[data-step="password"] #forgotStepOtp,
#formPassword[data-step="email"] #passStepOtp,
#formPassword[data-step="email"] #passStepNew,
#formPassword[data-step="email"] #passStepConfirm,
#formPassword[data-step="otp"] #passStepNew,
#formPassword[data-step="otp"] #passStepConfirm,
#formPassword[data-step="otp"] .otp-resend-line,
#formPassword[data-step="password"] #passStepOtp{display:none!important}
.otp-resend-link,.otp-resend-row .mini,#btnOtpResend,#btnForgotResend,#btnPassResend{
  pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:5}
.otp-resend-link.is-waiting,.otp-resend-row .mini.is-waiting,#btnOtpResend.is-waiting{
  opacity:.7;cursor:default;text-decoration:none;pointer-events:none;color:var(--muted)!important;font-weight:600}
#wdOtpField .btn-wd-resend,#btnWdOtpResend{
  display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;
  margin:8px 0 2px;min-height:36px;padding:8px 12px;border-radius:10px;border:1px solid #F5A623;
  background:rgba(245,166,35,.16);color:#F5A623;font:inherit;font-size:.8rem;font-weight:700;
  letter-spacing:.02em;cursor:pointer;text-decoration:none;pointer-events:auto;touch-action:manipulation}
#wdOtpField .btn-wd-resend.is-waiting,#btnWdOtpResend.is-waiting,#btnWdOtpResend:disabled{
  background:#3a4150!important;border-color:#4b5563!important;color:#9aa3b2!important;
  opacity:.85;cursor:default;pointer-events:none;font-weight:700}
@media (max-width:480px){
  #wdOtpField .btn-wd-resend,#btnWdOtpResend{min-height:32px;margin:6px 0 2px;padding:6px 10px;font-size:.74rem;border-radius:8px}
}

#depositModal .deposit-wager-note,
#depositSuccessModal .deposit-wager-note,
#depositWagerNote,#depositWagerNoteOk,#depositWagerNoteSuccess{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

#depositModal .deposit-box:not(.is-crypto){padding-top:52px}
#depositModal #closeDeposit,
#depositModal .deposit-close,
html.is-android #depositModal #closeDeposit,
html.is-ios #depositModal #closeDeposit,
html.is-android .modal-backdrop.active #depositModal #closeDeposit{
  position:absolute!important;top:10px!important;right:10px!important;left:auto!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(15,23,42,.92)!important;color:#F1F5F9!important;
  box-shadow:0 4px 14px rgba(0,0,0,.4)!important;
  font-size:1.35rem!important;font-weight:500;line-height:1!important;
  z-index:80!important;padding:0!important;transform:none!important}
#btnForgotPrimary.is-waiting,#btnPassPrimary.is-waiting,.btn-gold.is-waiting{
  opacity:.55;filter:grayscale(.45);pointer-events:none;cursor:not-allowed;
  background:#4b5563!important;color:#e5e7eb!important;box-shadow:none!important}

/* Android : le ticket de trade est en position fixe, donc hors du flux. La
   carte du graphique se calait sur une fraction de `vh` et laissait une bande
   morte au-dessus du ticket. `--oro-chart-h` porte la hauteur réellement
   disponible, mesurée par le moteur de rendu. */
html.is-android #screenTrade .chart-card,
html.is-android #screenTrade #chart{
  display:flex!important;flex-direction:column!important;
  height:var(--oro-chart-h,40vh)!important;
  min-height:var(--oro-chart-h,260px)!important;
  max-height:var(--oro-chart-h,48vh)!important;
  flex:0 0 auto!important;overflow:hidden!important}
/* La barre d'outils repasse en `position:relative` et consomme donc une
   quarantaine de pixels de flux. La scène ne peut pas valoir 100 % de la carte
   sans pousser autant de courbe sous le bord inférieur : elle prend le reste. */
html.is-android #screenTrade .chart-stage{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important}

/* Boom Spike : le blanc à droite du libellé restait nu. Un reflet ambré very
   léger l'habille sans toucher aux neuf autres onglets. */
html body .asset-chip[data-asset="boomspike"]{position:relative}
html body .asset-chip[data-asset="boomspike"]::after{display:none!important}
html body .asset-chip[data-asset="boomspike"] .n,
html body .asset-chip[data-asset="boomspike"] .payout-live{position:relative;z-index:1}

@media (orientation:landscape) and (min-width:860px){
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .fs-trade-topbar{
    min-height:28px;padding-top:4px;padding-bottom:2px}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .asset-bar{
    padding-top:6px!important;margin-top:0!important}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .trade-wrap{
    grid-template-columns:minmax(0,1fr) 220px}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad{
    padding:22px 12px 16px!important;justify-content:flex-start!important;gap:12px!important}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad .stake-line,
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad .stake-field{
    width:128px!important;min-width:118px!important;max-width:140px!important;flex:0 0 auto!important;
    margin-top:8px!important;margin-left:auto!important;margin-right:auto!important}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad .stake-field input{
    width:100%!important;min-width:0!important;max-width:100%!important;
    font-size:15px!important;letter-spacing:0;text-align:left!important;
    min-height:36px!important;height:38px!important;line-height:1.2!important;
    padding:6px 8px 6px 24px!important;overflow:visible!important;text-overflow:clip!important}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad .trade-row{
    flex-direction:column!important;width:100%!important;margin-top:8px!important;gap:8px!important}
  html.is-fullscreen:not(.is-android):not(.is-ios) .fs-trade-overlay.on .pad .btn-trade{
    width:100%!important;flex:0 0 auto!important}
}

@media (max-width:859px){
  #financeModal .modal-box,#historySheet .modal-box{
    width:min(380px,94vw);max-height:76dvh;padding:12px 10px 8px;overflow:hidden}
  #financeModal .modal-title,#historySheet .modal-title{font-size:.82rem;margin-bottom:0}
  #financeModal .modal-head-row,#historySheet .modal-head-row{margin-bottom:8px}
  #txFeed .tx-feed-row{padding:6px 2px;gap:8px;grid-template-columns:minmax(0,1fr) max-content}
  #txFeed .tx-type{font-size:.66rem}
  #txFeed .tx-amt{font-size:.7rem;white-space:nowrap}
  #txFeed .tx-meta{font-size:.52rem;word-break:break-word}
  #txFeed .tx-st{font-size:.5rem;padding:1px 5px}
  #withdrawModal .withdraw-box{max-height:92dvh!important;overflow:hidden!important;padding:10px 10px 8px}
  #withdrawModal .wd-card{min-height:40px;font-size:.62rem;padding:6px 8px}
  #withdrawModal .wd-card-grid{gap:6px}
  #withdrawModal .wd-group-label{margin:8px 0 6px;font-size:.62rem}
  #withdrawModal .wd-bal{padding:12px 10px;margin-bottom:10px}
  #withdrawModal .wd-bal-amt{font-size:1.7rem}
  #withdrawModal .pay-method-card{padding:12px}
  #withdrawModal .pay-method-title{font-size:.82rem}
  html.is-ios #financeModal .modal-box,
  html.is-android #financeModal .modal-box,
  html.is-ios #historySheet .modal-box,
  html.is-android #historySheet .modal-box{
    max-height:78dvh;overscroll-behavior:contain}
  html.is-ios #withdrawModal .withdraw-box,
  html.is-android #withdrawModal .withdraw-box{
    max-height:92dvh;overscroll-behavior:contain}
}

@media (min-width:860px){
  #financeModal .modal-box{
    width:min(520px,46vw)!important;max-width:520px!important;max-height:84dvh!important;
    padding:22px 22px 16px!important}
  #historySheet .modal-box.sheet{
    width:min(560px,50vw)!important;max-width:560px!important;max-height:84dvh!important;
    padding:22px 22px 16px!important}
  #financeModal .tx-feed-row .tx-type,
  #financeModal .tx-feed-row .tx-amt{font-size:.92rem}
  #financeModal .tx-feed-row .tx-meta{font-size:.72rem}
  #historySheet .sheet-feed{max-height:68dvh}
  #historySheet .hist-table,
  #historySheet .hist-table th,
  #historySheet .hist-table td{
    font-size:.8rem!important;padding:9px 8px!important}
  #drawerProfile.drawer{height:100dvh;min-height:100dvh}
  #drawerProfile .drawer-item{min-height:38px;padding:9px 10px;font-size:.78rem}
  #drawerProfile .drawer-nav{gap:6px;padding:4px 8px 10px}
  #drawerProfile .prof-head{padding:8px 12px 12px}
  #drawerProfile .wallet-card{padding:12px 12px 10px;margin:0 12px 12px}
  #drawerProfile .card{padding:10px 12px;margin:0 12px 10px}
  #drawerProfile .list-row{padding:7px 0;font-size:.74rem}
  .pad .stake-line{justify-content:center}
  .pad .stake-field{
    flex:0 0 auto!important;width:128px!important;min-width:118px!important;max-width:140px!important;
    margin-left:auto!important;margin-right:auto!important}
  html body #screenTrade button.btn-call,
  html body #btnCall.btn-call{
    overflow:hidden!important;
    border:1px solid rgba(16,185,129,.55)!important;
    box-shadow:0 4px 16px rgba(0,230,118,.38)!important;
    align-items:center!important;justify-content:center!important;
    padding:12px 10px!important}
  html body #screenTrade button.btn-call span,
  html body #btnCall.btn-call span{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%;text-align:center;overflow:hidden;white-space:nowrap;line-height:1.2;
    padding:0 4px;box-sizing:border-box}
}

/* Mobile only: hell-furnace under the ticket. Buttons untouched. */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade,
  html:not(.is-tv) #screenTrade .trade-shell,
  html:not(.is-tv) #screenTrade .trade-wrap{
    background:#0B0E14!important;background-color:#0B0E14!important}
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    content:"";position:fixed;left:0;right:0;bottom:0;z-index:29;pointer-events:none;
    height:calc(118px + env(safe-area-inset-bottom, 42px));
    transform-origin:50% 100%;
    background:
      radial-gradient(ellipse 11% 170% at 5% 100%,rgba(255,251,235,.95) 0%,rgba(251,191,36,.45) 36%,transparent 72%),
      radial-gradient(ellipse 15% 200% at 16% 100%,rgba(252,211,77,.95) 0%,rgba(234,88,12,.5) 40%,transparent 74%),
      radial-gradient(ellipse 10% 160% at 27% 100%,rgba(239,68,68,.72) 0%,transparent 70%),
      radial-gradient(ellipse 16% 220% at 39% 100%,rgba(254,240,138,.92) 0%,rgba(249,115,22,.48) 38%,transparent 73%),
      radial-gradient(ellipse 12% 180% at 50% 100%,rgba(251,146,60,.85) 0%,transparent 71%),
      radial-gradient(ellipse 17% 210% at 62% 100%,rgba(245,158,11,.95) 0%,rgba(185,28,28,.5) 44%,transparent 75%),
      radial-gradient(ellipse 11% 165% at 73% 100%,rgba(255,237,160,.8) 0%,transparent 70%),
      radial-gradient(ellipse 15% 195% at 85% 100%,rgba(252,211,77,.9) 0%,rgba(194,65,12,.42) 42%,transparent 73%),
      radial-gradient(ellipse 12% 175% at 96% 100%,rgba(245,158,11,.82) 0%,transparent 72%);
    animation:oroHellRise 2.4s ease-in-out infinite}
  html:not(.is-tv) #screenTrade:not(.hidden)::after{
    content:"";position:fixed;left:0;right:0;bottom:0;z-index:30;pointer-events:none;
    height:calc(128px + env(safe-area-inset-bottom, 48px));
    background:
      radial-gradient(ellipse 20% 100% at 12% 100%,rgba(252,211,77,.75) 0%,transparent 72%),
      radial-gradient(ellipse 24% 110% at 34% 100%,rgba(249,115,22,.7) 0%,transparent 74%),
      radial-gradient(ellipse 22% 105% at 58% 100%,rgba(245,158,11,.78) 0%,transparent 73%),
      radial-gradient(ellipse 26% 115% at 82% 100%,rgba(220,38,38,.62) 0%,transparent 75%),
      linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(180,83,9,.4) 26%,rgba(234,88,12,.55) 50%,rgba(127,29,29,.88) 76%,#2a0c06 100%)}
  html:not(.is-tv) #screenTrade .pad,
  html:not(.is-tv) #screenTrade .pad.glass,
  html:not(.is-tv).is-android #screenTrade .pad,
  html:not(.is-tv).is-ios #screenTrade .pad{
    background:linear-gradient(180deg,#0B0E14 0%,#0B0E14 calc(100% - 78px - env(safe-area-inset-bottom, 28px)),rgba(11,14,20,.28) calc(100% - 36px),rgba(11,14,20,0) 100%)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    overflow:hidden}
  html:not(.is-tv) #screenTrade .pad > *{position:relative;z-index:2}
  html:not(.is-tv) #screenTrade .pad::after{
    content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
    height:calc(92px + env(safe-area-inset-bottom, 40px));
    transform-origin:50% 100%;
    background:
      radial-gradient(ellipse 10% 200% at 7% 100%,rgba(255,251,235,1) 0%,rgba(252,211,77,.5) 34%,transparent 70%),
      radial-gradient(ellipse 14% 230% at 18% 100%,rgba(245,158,11,1) 0%,rgba(234,88,12,.5) 38%,transparent 73%),
      radial-gradient(ellipse 9% 180% at 28% 100%,rgba(239,68,68,.75) 0%,transparent 68%),
      radial-gradient(ellipse 15% 250% at 40% 100%,rgba(254,240,138,.95) 0%,rgba(249,115,22,.48) 36%,transparent 72%),
      radial-gradient(ellipse 10% 195% at 51% 100%,rgba(251,146,60,.85) 0%,transparent 70%),
      radial-gradient(ellipse 14% 220% at 62% 100%,rgba(251,191,36,1) 0%,rgba(185,28,28,.5) 40%,transparent 74%),
      radial-gradient(ellipse 9% 185% at 72% 100%,rgba(255,237,160,.8) 0%,transparent 68%),
      radial-gradient(ellipse 15% 235% at 83% 100%,rgba(245,158,11,.95) 0%,rgba(194,65,12,.42) 38%,transparent 73%),
      radial-gradient(ellipse 11% 205% at 94% 100%,rgba(252,211,77,.9) 0%,transparent 71%),
      linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(180,83,9,.22) 28%,rgba(127,29,29,.5) 100%);
    animation:oroHellFlicker 2.1s ease-in-out infinite}
  html:not(.is-tv) #screenTrade .pad::before{
    content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;
    height:calc(50px + env(safe-area-inset-bottom, 26px));
    transform-origin:50% 100%;
    background:
      linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(252,211,77,.35) 30%,rgba(234,88,12,.62) 62%,rgba(127,29,29,.9) 100%),
      radial-gradient(ellipse 30% 140% at 20% 100%,rgba(255,251,235,.85) 0%,transparent 72%),
      radial-gradient(ellipse 34% 150% at 48% 100%,rgba(245,158,11,.75) 0%,transparent 74%),
      radial-gradient(ellipse 32% 145% at 78% 100%,rgba(249,115,22,.68) 0%,transparent 73%);
    animation:oroHellCoals 1.7s ease-in-out infinite}
}
@keyframes oroHellFlicker{
  0%,100%{opacity:.82;transform:scaleY(1) scaleX(1)}
  18%{opacity:1;transform:scaleY(1.16) scaleX(1.02)}
  36%{opacity:.88;transform:scaleY(.94) scaleX(.99)}
  58%{opacity:1;transform:scaleY(1.12) scaleX(1.01)}
  76%{opacity:.86;transform:scaleY(.98) scaleX(1)}
}
@keyframes oroHellRise{
  0%,100%{opacity:.72;transform:scaleY(.94) translateY(1px)}
  50%{opacity:1;transform:scaleY(1.2) translateY(-2px)}
}
@keyframes oroHellCoals{
  0%,100%{opacity:.75}
  40%{opacity:1}
  70%{opacity:.82}
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){
  html:not(.is-tv) #screenTrade:not(.hidden)::before,
  html:not(.is-tv) #screenTrade .pad::before,
  html:not(.is-tv) #screenTrade .pad::after{animation:none;opacity:.75;transform:none}
}

@media (max-width:480px){
  #withdrawModal #wdOtpField{margin-top:2px}
  #withdrawModal #wdOtpHint{margin:2px 0 0;font-size:.62rem;line-height:1.25}
  #withdrawModal #wdOtpField label{margin-bottom:2px}
}

/* === ORO-BOTTOM-FADE : bordure extérieure basse uniquement. Supprimer ce bloc pour annuler. === */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden)::after{
    -webkit-mask-image:none;
    mask-image:none;
    height:calc(22px + env(safe-area-inset-bottom, 8px));
    background:linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(0,0,0,.75) 42%,#050608 100%)!important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }
}

/* === ORO-SIDE-BALANCE : flammes gauche/droite uniquement. Supprimer ce bloc pour annuler. === */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    background:
      linear-gradient(90deg,rgba(194,65,12,.7) 0%,rgba(234,88,12,.58) 11%,transparent 20%,transparent 80%,rgba(234,88,12,.58) 89%,rgba(194,65,12,.7) 100%),
      radial-gradient(ellipse 32% 280% at 0% 100%,rgba(255,247,220,.92) 0%,rgba(251,191,36,.58) 28%,rgba(234,88,12,.48) 52%,transparent 76%),
      radial-gradient(ellipse 32% 280% at 100% 100%,rgba(255,247,220,.92) 0%,rgba(251,191,36,.58) 28%,rgba(234,88,12,.48) 52%,transparent 76%),
      radial-gradient(ellipse 22% 250% at 10% 100%,rgba(252,211,77,.9) 0%,rgba(234,88,12,.5) 40%,transparent 72%),
      radial-gradient(ellipse 22% 250% at 90% 100%,rgba(252,211,77,.9) 0%,rgba(234,88,12,.5) 40%,transparent 72%),
      radial-gradient(ellipse 16% 230% at 20% 100%,rgba(255,237,160,.78) 0%,rgba(239,68,68,.38) 50%,transparent 70%),
      radial-gradient(ellipse 16% 230% at 80% 100%,rgba(255,237,160,.78) 0%,rgba(239,68,68,.38) 50%,transparent 70%),
      radial-gradient(ellipse 16% 220% at 39% 100%,rgba(254,240,138,.92) 0%,rgba(249,115,22,.48) 38%,transparent 73%),
      radial-gradient(ellipse 12% 180% at 50% 100%,rgba(251,146,60,.85) 0%,transparent 71%),
      radial-gradient(ellipse 17% 210% at 62% 100%,rgba(245,158,11,.95) 0%,rgba(185,28,28,.5) 44%,transparent 75%);
  }
  html.is-android:not(.is-tv) #screenTrade:not(.hidden)::before{
    height:calc(168px + env(safe-area-inset-bottom, 16px));
    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 70%,rgba(0,0,0,.4) 86%,transparent 100%);
    mask-image:linear-gradient(to top,#000 0%,#000 70%,rgba(0,0,0,.4) 86%,transparent 100%);
  }
  html.is-ios:not(.is-tv) #screenTrade:not(.hidden)::before{
    height:calc(108px + env(safe-area-inset-bottom, 24px));
  }
  html.is-ios:not(.is-tv) #screenTrade:not(.hidden)::after{
    height:calc(16px + env(safe-area-inset-bottom, 6px));
  }
}

/* === ORO-ANDROID-MODALS : recharge/retrait compact. Ne pas élargir. === */
html.is-android #depositModal,
html.is-android #withdrawModal{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%}
html.is-android #depositModal .deposit-box:not(.is-crypto){
  width:min(440px,94vw)!important;
  max-width:440px!important;
  height:auto!important;
  max-height:84dvh!important;
  padding:14px 10px 8px!important;
  overflow:hidden!important}
html.is-android #depositModal label[for="depositAmt"],
html.is-android #depositModal [data-i18n="depositAmtLabel"]{
  font-size:.46rem!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1.2!important;
  white-space:normal!important;
  max-width:100%!important;
  margin:0 0 2px!important}
html.is-ios #depositModal label[for="depositAmt"],
html.is-ios #depositModal [data-i18n="depositAmtLabel"]{
  font-size:.58rem!important;
  letter-spacing:.03em!important;
  line-height:1.25!important;
  white-space:normal!important}
html.is-android #withdrawModal .withdraw-box{
  width:min(420px,94vw)!important;
  max-width:420px!important;
  height:auto!important;
  max-height:84dvh!important;
  padding:8px 8px 6px!important;
  overflow:hidden!important}
html.is-android #withdrawModal .wd-modal-head{min-height:40px!important}
html.is-android #withdrawModal .wd-modal-head .modal-title{
  font-size:1rem!important;font-weight:900!important;letter-spacing:.02em!important;line-height:1.2!important}
html.is-android #withdrawModal .wd-bal{padding:10px 10px!important;margin:2px 0 8px!important}
html.is-android #withdrawModal .wd-bal-amt{font-size:1.15rem!important}
html.is-android #withdrawModal .wd-group-label{margin:6px 0 4px!important;font-size:.52rem!important}
html.is-android #withdrawModal .wd-card-grid{gap:4px!important}
html.is-android #withdrawModal .wd-card{
  min-height:32px!important;padding:3px 5px!important;font-size:.55rem!important;overflow:hidden!important}
html.is-android #withdrawModal .wd-card-ico{width:18px;height:18px}

/* === ORO-MOBILE-CLOSES : croix rondes en haut à droite. Les boîtes restent fixed. === */
@media (max-width:859px){
  .modal-box,
  #depositModal .modal-box,
  #depositModal .deposit-box,
  #withdrawModal .modal-box,
  #withdrawModal .withdraw-box,
  #financeModal .modal-box,
  #historySheet .modal-box,
  #helpModal .modal-box,
  #otpModal .modal-box,
  #forgotModal .modal-box,
  #passModal .modal-box,
  #depositSuccessModal .modal-box,
  #wdConfirmModal .modal-box,
  #tipModal .modal-box,
  #iosInstallModal .modal-box,
  #adminUserModal .modal-box,
  #termsModal .modal-box,
  .drawer,#drawerProfile.drawer{
    position:fixed!important}
  .drawer-head,.wd-modal-head,.modal-head-row,.terms-head{
    position:relative!important}
  .btn-close,
  html.is-android .btn-close,
  html.is-ios .btn-close,
  html.is-android .modal-backdrop.active .btn-close,
  html.is-ios .modal-backdrop.active .btn-close,
  html.is-android .drawer-head .btn-close,
  html.is-ios .drawer-head .btn-close,
  .drawer-head .btn-close,
  .modal-head-row .btn-close,
  html.is-android .modal-head-row .btn-close,
  html.is-ios .modal-head-row .btn-close,
  html.is-android .modal-backdrop.active .modal-head-row .btn-close,
  #depositModal #closeDeposit,
  #depositModal .deposit-close,
  html.is-android #depositModal #closeDeposit,
  html.is-ios #depositModal #closeDeposit,
  html.is-android .modal-backdrop.active #depositModal #closeDeposit,
  #withdrawModal .wd-modal-head .btn-close,
  html.is-android #withdrawModal .btn-close,
  html.is-ios #withdrawModal .btn-close,
  #financeModal .btn-close,
  #historySheet .btn-close,
  #helpModal .btn-close,
  #otpModal .btn-close,
  #forgotModal .btn-close,
  #passModal .btn-close,
  #depositSuccessModal .btn-close,
  #wdConfirmModal .btn-close,
  #tipModal .btn-close,
  .tip-close,
  #iosInstallModal .btn-close,
  #adminUserModal .btn-close,
  #btnCloseDrawer{
    position:absolute!important;
    top:4px!important;
    right:4px!important;
    left:auto!important;
    bottom:auto!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    border:1px solid rgba(245,158,11,.65)!important;
    background:rgba(12,16,26,.96)!important;
    color:#F8FAFC!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.1),0 3px 8px rgba(0,0,0,.4)!important;
    font-size:.7rem!important;
    font-weight:500!important;
    line-height:1!important;
    z-index:90!important;
    transform:none!important;
    flex:none!important}
  .drawer-head .btn-close,
  html.is-android .drawer-head .btn-close,
  #btnCloseDrawer{
    top:calc(4px + env(safe-area-inset-top, 0px))!important;
    right:6px!important}
  .drawer-head{padding-right:36px}
  .drawer-head h2{padding-right:28px;box-sizing:border-box}

  #drawerProfile .btn-close,
  #drawerProfile #btnCloseDrawer,
  html.is-android #drawerProfile .btn-close,
  html.is-ios #drawerProfile .btn-close,
  html.is-android #drawerProfile #btnCloseDrawer,
  html.is-ios #drawerProfile #btnCloseDrawer{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    top:calc(10px + env(safe-area-inset-top, 0px))!important;
    right:10px!important;
    font-size:1.15rem!important}
  #drawerProfile .drawer-head{padding-right:52px}
  .modal-title,
  .modal-head-row .modal-title,
  .wd-modal-head .modal-title,
  #withdrawModal .wd-modal-head .modal-title,
  #depositModal .modal-title{
    padding-right:30px!important;
    box-sizing:border-box}

  .deposit-box,.withdraw-box,
  #depositModal .deposit-box:not(.is-crypto),
  html.is-android #depositModal .deposit-box:not(.is-crypto),
  html.is-ios #depositModal .deposit-box:not(.is-crypto){
    overflow:hidden!important;
    max-height:82dvh!important;
    padding:12px 10px 8px!important}
  #depositModal .deposit-box:not(.is-crypto) .modal-title{margin-bottom:4px;font-size:.9rem}
  #depositModal .deposit-box:not(.is-crypto) .field{margin-bottom:4px}
  #depositModal .deposit-box:not(.is-crypto) .pay-method-label{margin:6px 0 4px}
  #depositModal .deposit-box:not(.is-crypto) .pay-method-card{padding:8px 10px 8px;min-height:0}
  #depositModal #btnConfirmDeposit.btn-deposit-confirm{min-height:44px;padding:10px 12px;font-size:.86rem;margin:2px 0 8px}
  #depositModal #payMethodUsdt .pay-crypto-wall{gap:5px 3px}
  #depositModal #payMethodUsdt .pay-crypto-cell{padding:3px 1px 2px}
  #depositModal #payMethodUsdt .pay-crypto-badge,
  #depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{width:20px!important;height:20px!important}

  html.is-android #withdrawModal .withdraw-box{
    overflow:hidden!important;
    max-height:82dvh!important;
    padding:8px 8px 6px!important}
  html.is-android #withdrawModal #wdStepGrid,
  html.is-android #withdrawModal .withdraw-box.is-wd-form #wdStepForm:not(.hidden){
    overflow:hidden!important;
    overscroll-behavior:none}
  html.is-android #withdrawModal .wd-modal-head{min-height:36px;margin:0 0 4px}
  html.is-android #withdrawModal .wd-bal{padding:8px 8px!important;margin:0 0 6px!important}
  html.is-android #withdrawModal .wd-bal-amt{font-size:1.15rem!important}
  html.is-android #withdrawModal .wd-group-label{margin:4px 0 3px!important;font-size:.5rem!important}
  html.is-android #withdrawModal .wd-card-grid{gap:3px!important}
  html.is-android #withdrawModal .wd-card{
    min-height:28px!important;padding:3px 5px!important;font-size:.52rem!important}
  html.is-android #withdrawModal .wd-card-ico{width:16px!important;height:16px!important}

  html.is-android #withdrawModal .withdraw-box.is-wd-form{
    overflow:hidden!important;
    max-height:80dvh!important;
    padding:6px 8px 6px!important}
  html.is-android #wdStepForm .field{margin-bottom:3px;gap:2px}
  html.is-android #wdStepForm .field input,
  html.is-android #wdStepForm .field select,
  html.is-android #withdrawAmt,
  html.is-android #wdDestination,
  html.is-android #wdDial,
  html.is-android #wdPhone,
  html.is-android #wdFullName,
  html.is-android #wdCardNumber,
  html.is-android #wdCardName,
  html.is-android #wdBankName,
  html.is-android #wdIban,
  html.is-android #wdBankHolder,
  html.is-android #wdOtpCode{
    min-height:30px!important;
    height:auto!important;
    padding:5px 8px!important;
    font-size:.78rem!important}

  html.is-ios #withdrawModal .withdraw-box:not(.is-wd-form){
    padding:10px 10px 8px!important;
    max-height:88dvh!important}
  html.is-ios #withdrawModal .withdraw-box:not(.is-wd-form) .wd-group-label{
    margin:6px 0 4px!important;font-size:.56rem!important}
  html.is-ios #withdrawModal .withdraw-box:not(.is-wd-form) .wd-card-grid{gap:5px!important}
  html.is-ios #withdrawModal .withdraw-box:not(.is-wd-form) .wd-card{
    min-height:36px!important;padding:5px 6px!important;font-size:.6rem!important}
  html.is-ios #withdrawModal .withdraw-box:not(.is-wd-form) .wd-card-ico{
    width:20px!important;height:20px!important}
}

/* === ORO-HIST-CLOSES : uniquement les 2 croix d'historique, coin haut droit. === */
@media (max-width:859px){
  #financeModal .modal-head-row,
  #historySheet .modal-head-row{
    position:static!important;
    padding-right:28px}
  #financeModal #closeFinance,
  #historySheet #closeHistorySheet,
  html.is-android #financeModal #closeFinance,
  html.is-ios #financeModal #closeFinance,
  html.is-android #historySheet #closeHistorySheet,
  html.is-ios #historySheet #closeHistorySheet{
    position:absolute!important;
    top:4px!important;
    right:4px!important;
    left:auto!important;
    bottom:auto!important}
}

/* mobile-header-v601 — rollback: retirer ce bloc + rétablir index.html header/frieze */
@media (max-width:859px){
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left .coin-svg:not(:first-child),
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right .coin-svg:not(:first-child){
    display:none}
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{
    width:23px;height:23px;flex-shrink:0;
    box-shadow:0 0 0 1px rgba(255,255,255,.14)}
  #screenTrade:not(.is-guest) .topbar-cta{
    gap:7px;align-items:center}
  #screenTrade:not(.is-guest) .balance-card .bal{flex-shrink:0}
  #screenTrade:not(.is-guest) .bal-crypto-frieze{
    margin-left:8px;gap:4px;align-items:center}
  #screenTrade:not(.is-guest) .bal-crypto-frieze .coin-svg{
    width:19px;height:19px}

  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .btn-deposit,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .btn-deposit{
    min-height:32px;padding:6px 14px;font-size:.64rem;border-radius:9px;
    margin-bottom:-2px;align-self:center}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta{
    gap:8px}

  html.is-android .topbar-row{
    padding-left:max(4px, env(safe-area-inset-left, 0px));
    padding-right:max(4px, env(safe-area-inset-right, 0px))}
  html.is-android #screenTrade:not(.is-guest) .brand-lockup.mini{
    margin-right:auto;margin-left:-2px;gap:3px;min-width:0;padding:1px 0}
  html.is-android #screenTrade:not(.is-guest) .topbar .brand{
    display:inline!important;font-size:.72rem;line-height:1.15;white-space:nowrap}
  html.is-android #screenTrade:not(.is-guest) .logo-mark.sm{width:20px;height:20px}
  html.is-android #screenTrade:not(.is-guest) .topbar-cta .btn-deposit{
    min-height:30px;padding-top:5px;padding-bottom:5px;margin-bottom:-1px}
  html.is-android #screenTrade:not(.is-guest) .balance-card .bal{
    font-size:1.05rem!important;line-height:1.15}
  html.is-android #screenTrade:not(.is-guest) .bal-crypto-frieze{
    gap:4px;margin-left:8px;flex-wrap:nowrap}
  html.is-android #screenTrade:not(.is-guest) .bal-crypto-frieze .coin-svg{
    width:17px;height:17px}

  #screenTrade:not(.is-guest) .topbar-row{flex-wrap:nowrap;gap:4px}
  #screenTrade:not(.is-guest) .topbar-cta{
    flex:0 1 auto;min-width:0;gap:4px}
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left,
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right{
    margin:0;flex-shrink:0}
  #screenTrade:not(.is-guest) .topbar-actions{gap:4px;flex-shrink:0;margin-left:6px}
  #screenTrade:not(.is-guest) .help-badge{
    padding:3px 6px;font-size:.58rem;letter-spacing:0;flex-shrink:0}
  #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px;font-size:.95rem}

  html.is-ios #screenTrade:not(.is-guest) .topbar-cta,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta{gap:5px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .btn-deposit,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .btn-deposit{
    padding-left:10px;padding-right:10px;min-width:6.5rem}

  html.is-android #screenTrade:not(.is-guest) .topbar-cta{gap:4px}
  html.is-android #screenTrade:not(.is-guest) .topbar-cta .btn-deposit{
    padding-left:9px;padding-right:9px;min-width:6.3rem}
  html.is-android #screenTrade:not(.is-guest) .help-badge{padding:3px 5px;font-size:.55rem}
  html.is-android #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px}
}
@media (max-width:380px){
  html.is-android #screenTrade:not(.is-guest) .topbar .brand{
    display:inline!important;font-size:.64rem}
}

/* header-harmonize-v606 — rollback: retirer ce bloc */
#screenTrade .btn-deposit .dep-bolt{
  font-size:1.02em;line-height:1;flex-shrink:0;display:inline-block;
  color:#FF7A00;background:none!important;
  text-shadow:-1px 0 0 #2A1200,1px 0 0 #2A1200,0 -1px 0 #2A1200,0 1px 0 #2A1200,0 0 5px rgba(255,109,0,.55);
  filter:none;animation:none}
#screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left .coin-svg:not(:first-child),
#screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right .coin-svg:not(:first-child){
  display:none}

@media (max-width:859px){
  html.is-ios #screenTrade:not(.is-guest) .topbar-row,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-row{
    padding-right:2px}
  html.is-ios #screenTrade:not(.is-guest) .lang-dd,
  html.is-ios #screenTrade:not(.is-guest) .lang-dd-btn,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .lang-dd,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .lang-dd-btn{
    width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px;border-radius:8px!important}
  html.is-ios #screenTrade:not(.is-guest) #btnProfile.icon-btn,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:36px;height:32px;min-width:36px;max-width:36px;flex:0 0 36px;font-size:1.05rem;margin-right:0;transform:translateX(3px)}
  html.is-ios #screenTrade:not(.is-guest) .bal-crypto-frieze,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .bal-crypto-frieze{
    margin-left:10px;gap:4px}
  html.is-ios #screenTrade:not(.is-guest) .bal-crypto-frieze .coin-svg,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .bal-crypto-frieze .coin-svg{
    width:21px;height:21px}
  html.is-android #screenTrade:not(.is-guest) .lang-dd,
  html.is-android #screenTrade:not(.is-guest) .lang-dd-btn{
    width:24px;height:24px;min-width:24px;max-width:24px;flex:0 0 24px}
  html.is-android #screenTrade:not(.is-guest) .lang-flag{font-size:11px}
  html.is-android #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px;font-size:1.02rem}
}

@media (min-width:860px){
  #screenTrade:not(.is-guest) .topbar-cta{
    gap:8px;align-items:center}
  #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{
    width:20px;height:20px;flex-shrink:0}
  #screenTrade:not(.is-guest) .topbar-cta .btn-deposit{
    min-width:8.4rem;padding-left:16px;padding-right:16px}
  #screenTrade:not(.is-guest) .topbar-actions{
    gap:8px;align-items:center;flex-shrink:0;margin-left:auto!important;margin-right:2px;justify-content:flex-end}
  #screenTrade:not(.is-guest) .help-badge{
    padding:6px 10px;flex-shrink:0}
  #screenTrade:not(.is-guest) .lang-dd,
  #screenTrade:not(.is-guest) .lang-dd-btn{
    width:32px;height:32px;min-width:32px;max-width:32px;flex:0 0 32px}
  #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:40px;height:40px;min-width:40px;max-width:40px;flex:0 0 40px;
    font-size:1.2rem;border-radius:12px;order:5}
  #screenTrade:not(.is-guest) .balance-card .bal{flex-shrink:0}
  #screenTrade:not(.is-guest) .bal-crypto-frieze{
    margin-left:14px;gap:7px;align-items:center}
  #screenTrade:not(.is-guest) .bal-crypto-frieze .coin-svg{
    width:22px;height:22px}
  #drawerProfile.drawer{
    width:33.33vw!important;max-width:640px;min-width:min(440px,33.33vw)}
}

/* iphone-header-v611 — rollback: retirer ce bloc */
@media (max-width:859px){
  html.is-ios #screenTrade:not(.is-guest) .topbar-row,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-row{
    padding-right:0;gap:6px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta{
    gap:7px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left,
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right{
    margin:0 1px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{
    width:26px;height:26px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-actions,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-actions{
    margin-left:4px;gap:5px}
  html.is-ios #screenTrade:not(.is-guest) #btnProfile.icon-btn,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:40px;height:32px;min-width:40px;max-width:40px;flex:0 0 40px;
    font-size:1.05rem;transform:none;margin-right:4px}
}
@media (max-width:390px){
  html.is-ios #screenTrade:not(.is-guest) .topbar-row,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-row{gap:5px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta{gap:6px}
  html.is-ios #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{
    width:24px;height:24px}
  html.is-ios #screenTrade:not(.is-guest) #btnProfile.icon-btn,
  html:not(.is-android):not(.is-tv) #screenTrade:not(.is-guest) #btnProfile.icon-btn{
    width:37px;height:32px;min-width:37px;max-width:37px;flex:0 0 37px;
    transform:none;margin-right:3px}
}


/* === Retrait sur mobile : toutes les lignes de moyens de paiement visibles sans défiler.
   Les cartes et les logos gardent leur taille ; on gagne la place au-dessus (titre, solde,
   message « misez encore… ») et la fenêtre peut monter à 92 % de l'écran (au lieu de 84 %). */
@media (max-width:859px){
  html body #withdrawModal#withdrawModal .withdraw-box{max-height:92dvh!important}
  html body #withdrawModal#withdrawModal .wd-modal-head{min-height:34px!important}
  html body #withdrawModal#withdrawModal .wd-modal-head .modal-title{font-size:.95rem!important}
  html body #withdrawModal#withdrawModal .wd-bal{padding:6px 10px!important;margin:0 0 6px!important}
  html body #withdrawModal#withdrawModal .wd-bal-secure{font-size:.5rem!important;margin:0!important;line-height:1.2!important}
  html body #withdrawModal#withdrawModal .wd-bal-amt{font-size:1.1rem!important;line-height:1.2!important}
  html body #withdrawModal#withdrawModal .wd-wager-box{margin:0 0 6px!important;padding:6px 8px!important}
  html body #withdrawModal#withdrawModal .wd-wager-track{height:5px!important;margin-bottom:5px!important}
  html body #withdrawModal#withdrawModal .wd-wager-text{font-size:.62rem!important;line-height:1.3!important}
  html body #withdrawModal#withdrawModal .wd-group-label{margin:5px 0 4px!important}
}
@media (max-width:859px) and (max-height:620px){
  html body #withdrawModal#withdrawModal .wd-card{min-height:34px!important;padding:3px 6px!important}
  html body #withdrawModal#withdrawModal .wd-card-grid{gap:4px!important}
  html body #withdrawModal#withdrawModal .withdraw-box{max-height:96dvh!important;overflow-y:auto!important}
}
@media (max-width:859px) and (max-height:620px){
  html body #withdrawModal#withdrawModal #wdStepGrid{overflow:visible!important;flex-shrink:0!important}
  html body #withdrawModal#withdrawModal .wd-wager-text{font-size:.58rem!important}
}

/* Profil sur petits écrans : le haut ne change pas ; seules les lignes du menu du bas
   (historiques, retrait, mot de passe, e-mail, appareils, déconnexion) sont un peu moins
   hautes, pour que « Se déconnecter » et « © 2026 OROLADO » restent entièrement visibles. */
@media (max-width:859px) and (max-height:760px){
  html body #drawerProfile .drawer-item{min-height:36px!important;padding:5px 8px!important}
  html body #drawerProfile .drawer-item.drawer-logout{min-height:34px!important;margin-top:0!important}
  html body #drawerProfile .drawer-nav{gap:0!important}
}
@media (max-width:859px) and (max-height:620px){
  html body #drawerProfile .drawer-item{min-height:32px!important;padding:3px 8px!important}
}
@media (max-width:859px) and (max-height:620px){
  html body #drawerProfile.drawer{overflow-y:auto!important;overscroll-behavior:contain}
}

/* Android : si le texte du téléphone est agrandi (réglages d'accessibilité), le profil peut
   dépasser l'écran. Il défile alors au lieu de couper « Se déconnecter ». iPhone inchangé. */
html.is-android body #drawerProfile.drawer{overflow-y:auto!important;overscroll-behavior:contain}
html.is-android body #drawerProfile .drawer-legal{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}

/* Android, écrans courts (la barre d'adresse + la barre du bas mangent ~100 px) : on gagne
   un peu de place pour que « © 2026 OROLADO · 18+ » soit entièrement visible sous
   « Se déconnecter », avec un petit espace. Même ordre, mêmes boutons. */
@media (max-height:700px){
  html.is-android body #drawerProfile .drawer-item{min-height:31px!important;padding:2px 8px!important}
  html.is-android body #drawerProfile .drawer-item.drawer-logout{min-height:31px!important}
  html.is-android body #drawerProfile .wallet-card{padding:7px 8px 6px!important;margin-bottom:4px!important}
  html.is-android body #drawerProfile .wallet-xpress{min-height:28px!important;margin-bottom:5px!important}
  html.is-android body #drawerProfile .wallet-tab{min-height:36px!important;padding:3px 2px!important}
  html.is-android body #drawerProfile .wallet-tabs{margin-bottom:5px!important}
  html.is-android body #drawerProfile .wallet-addr-row{min-height:30px!important;padding:4px 8px!important}
  html.is-android body #drawerProfile .drawer-legal{margin:4px 12px 0!important;padding-bottom:10px!important}
}
@media (max-height:700px){
  html.is-android body #drawerProfile .drawer-item,
  html.is-android body #drawerProfile .drawer-item.drawer-logout{min-height:29px!important}
  html.is-android body #drawerProfile .card .list-row{padding-top:3px!important;padding-bottom:3px!important;min-height:0!important}
  html.is-android body #drawerProfile .drawer-head{padding-top:4px!important;padding-bottom:2px!important}
  html.is-android body #drawerProfile .prof-head{padding-bottom:4px!important}
}

/* Profil sur téléphone : les lignes du menu (historiques, retrait, mot de passe, e-mail,
   appareils, déconnexion) se RÉPARTISSENT dans la hauteur libre. Grand écran : plus d'air
   entre elles (jusqu'à 56 px) ; petit écran : elles gardent leur hauteur minimale et le profil
   défile comme avant. Plus de grand vide sous « © OROLADO ». */
@media (max-width:859px){
  html body #drawerProfile .drawer-nav{flex:1 1 auto!important;justify-content:flex-start}
  html body #drawerProfile .drawer-nav .drawer-section{display:contents!important}
  html body #drawerProfile .drawer-nav .drawer-section-title{flex:0 0 auto}
  html body #drawerProfile .drawer-nav .drawer-item{flex:1 1 0!important;max-height:56px!important}
  html body #drawerProfile .drawer-legal{flex:0 0 auto;margin-top:6px!important}
}

/* « Dépôt Express Crypto » (profil) : c'est maintenant un vrai bouton → ouvre le dépôt crypto. */
.wallet-xpress:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(245,158,11,.38)}
.wallet-xpress:active{transform:scale(.98)}
.wallet-xpress .wx-go{font-size:1.1em;line-height:1;margin-left:2px;opacity:.75;transform:translateY(-1px)}
.wallet-xpress::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);
  background-size:220% 100%;animation:oroXpressShine 3.6s ease-in-out infinite}
@keyframes oroXpressShine{0%,55%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.wallet-xpress::after{animation:none}}

/* ==========================================================================
   CROIX DE FERMETURE — une seule forme pour tout le site (sauf la grande croix du profil,
   qui reste telle quelle). Rond sombre, fin liseré doré, même taille et même place partout.
   « :not(#btnCloseDrawer) » donne à cette règle la priorité sur les 40 anciennes règles.
   ========================================================================== */
html body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2){
  position:absolute!important;top:6px!important;right:6px!important;left:auto!important;bottom:auto!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;border:1px solid rgba(245,197,24,.42)!important;
  background:rgba(10,14,22,.82)!important;color:#E8EEF9!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.45)!important;
  font-size:1rem!important;line-height:1!important;cursor:pointer;z-index:95!important;transform:none!important;flex:none!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .12s ease}
html body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2)::after{content:"";position:absolute;inset:-7px;border-radius:50%}
html body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2):hover,
html body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2):focus-visible{border-color:rgba(245,197,24,.9)!important;color:#F5C518!important;background:rgba(18,24,36,.92)!important}
html body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2):active{transform:scale(.94)!important}
html body .btn-close:not(#btnCloseDrawer) .x-ico{width:14px;height:14px;display:block;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
/* Étape crypto du dépôt : elle a son propre bouton retour, la croix reste cachée (comme avant). */
html body .deposit-box.is-crypto #closeDeposit:not(#oroX1):not(#oroX2){display:none!important}
/* Les titres ne passent jamais sous la croix. */
html body .modal-box .modal-title{padding-right:44px!important;box-sizing:border-box}
/* Marque : « OROLADO.COM » en or (le petit OROLADO.COM blanc a été retiré). */
.brand-xl em{font-style:normal;color:#FBBF24;font-size:.62em;letter-spacing:.04em;margin-left:1px}
/* Pyramide discrète en fond de la page de connexion : toujours derrière le formulaire. */
#screenAuth .auth-ambient{z-index:0}
#screenAuth .auth-wrap{position:relative;z-index:1}
/* Profil : même pyramide discrète en bas du panneau. */
html body #drawerProfile{background:url("../icons/pyramid-bg.svg?v=2096") center bottom/130% auto no-repeat,#0B0E14}
.asset-ico.emerald-ico{color:#00E676}
html body .asset-chip[data-asset="boomspike"].on .n,
html body .asset-chip[data-asset="boomspike"].on .asset-ico{color:#00E676!important;-webkit-text-fill-color:#00E676}
html body .asset-chip[data-asset="boomspike"].on .payout-live{color:#B9F6CA!important;-webkit-text-fill-color:#B9F6CA}
/* Signes des indices : petit logo propre à chacun, qui s'allume quand l'indice est choisi. */
html body .asset-ico.sig-ico{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;vertical-align:-5px;
  background:none!important;-webkit-text-fill-color:initial!important;
  filter:drop-shadow(0 0 1.5px var(--sig,#fff));opacity:.85;transition:filter .25s,opacity .25s}
html body .asset-ico.sig-ico svg{display:block;width:19px;height:19px}
html body .asset-chip.on .asset-ico.sig-ico{opacity:1;filter:drop-shadow(0 0 3px var(--sig,#fff)) drop-shadow(0 0 7px var(--sig,#fff))}
/* Inscription : « Trading » petit et blanc sous OROLADO.COM. */
html body #screenAuth .brand-sub{color:#FFFFFF!important;letter-spacing:.32em;text-transform:uppercase;font-weight:600;opacity:.9}
/* Barre du solde : une pièce qui ne tient pas passe à la ligne (invisible) au lieu
   d'être coupée à moitié derrière le montant (USDT sur Android). */
html body .balance-card .bal-crypto-frieze{flex-wrap:wrap!important;align-content:flex-start;align-items:center;
  height:24px;overflow:hidden;row-gap:10px;padding-top:1px}
/* Croix de fermeture bien rangées dans l'angle, sans jamais toucher le texte.
   1) Fenêtres avec une ligne de titre : la croix fait partie de cette ligne (à droite),
      la ligne prend sa hauteur, donc rien en dessous ne passe sous la croix. */
html body .modal-head-row,
html body .wd-modal-head{display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;
  min-height:38px;margin-bottom:12px!important;position:relative}
html body .modal-head-row > .btn-close:not(#oroX1):not(#oroX2),
html body .wd-modal-head > .btn-close:not(#oroX1):not(#oroX2){
  position:relative!important;top:auto!important;right:auto!important;margin:-12px -10px 0 auto!important;align-self:flex-start}
html body .modal-head-row > .modal-title,
html body .wd-modal-head > .modal-title{padding-right:0!important;flex:1 1 auto;min-width:0}
/* 2) Croix posée directement dans la fenêtre : coin haut-droit, et le premier bloc
      garde toujours une marge à droite + la hauteur de la croix. */
html body .modal-box > .btn-close:not(#oroX1):not(#oroX2){top:6px!important;right:6px!important}
/* « PLEIN ÉCRAN » tient toujours dans la barre (ne déborde plus à droite sur Android). */
html body .chart-toolbar .ind-pills{min-width:0;max-width:100%;overflow:hidden}
html body .chart-toolbar .chart-fs-btn{flex:0 1 auto!important;min-width:0!important;max-width:100%;overflow:hidden;margin-left:auto;
  padding-left:8px!important;padding-right:8px!important;gap:5px}
html body .chart-toolbar .chart-fs-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.72rem}
@media (max-width:380px){html body .chart-toolbar .chart-fs-label{font-size:.64rem;letter-spacing:0}}
@media (max-width:330px){html body .chart-toolbar .chart-fs-label{display:none}}
html body .asset-chip[data-asset="titanpulse"] .asset-ico.sig-ico,
html body .asset-chip.on[data-asset="titanpulse"] .asset-ico.sig-ico{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.9)) drop-shadow(0 0 4px rgba(255,255,255,.35))!important}
/* Feu du bas : transition très douce vers le noir tout en bas (plus de trait clair net
   entre le feu et la bande sombre, vu sur Android). */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden)::after{
    height:calc(34px + env(safe-area-inset-bottom, 10px))!important;
    background:linear-gradient(180deg,rgba(5,6,8,0) 0%,rgba(5,6,8,.35) 35%,rgba(5,6,8,.8) 70%,#050608 100%)!important}
}
/* Bouton Recharger : un peu plus de corps (hauteur et largeur), sans toucher USDT/BTC. */
@media (max-width:859px){
  html body #screenTrade:not(.is-guest) .topbar-cta{gap:3px!important}
  html body #screenTrade:not(.is-guest) #btnOpenDeposit.btn-deposit{
    min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important;
    padding-left:12px!important;padding-right:12px!important;min-width:112px!important;max-width:none!important}
  html body #screenTrade:not(.is-guest) #btnOpenDeposit .dep-label{font-size:1.04em}
}
/* PC : le texte d'ACHETER / VENDRE garde toujours une marge (ne déborde plus). */
@media (min-width:860px){
  html body #screenTrade button.btn-trade.btn-call,html body #screenTrade button.btn-trade.btn-put,
  html body .fs-trade-overlay button.btn-trade.btn-call,html body .fs-trade-overlay button.btn-trade.btn-put{
    letter-spacing:.1px!important;padding-left:6px!important;padding-right:6px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
  html body #screenTrade button.btn-trade > span,html body .fs-trade-overlay button.btn-trade > span{font-size:11.5px!important}
}
@media (min-width:860px){
  html.fs-trade body .fs-trade-overlay .pad button.btn-trade,
  html.is-fullscreen body .fs-trade-overlay .pad button.btn-trade{
    letter-spacing:.1px!important;padding-left:6px!important;padding-right:6px!important;white-space:nowrap!important;overflow:hidden!important}
  html body .fs-trade-overlay .pad button.btn-trade.btn-trade > span,
  html.fs-trade body .fs-trade-overlay .pad button.btn-trade > span{font-size:11.5px!important}
}
@media (min-width:860px){
  html body .fs-trade-overlay .pad #btnCall.btn-call,html body .fs-trade-overlay .pad #btnPut.btn-put,
  html body #screenTrade #btnCall.btn-call,html body #screenTrade #btnPut.btn-put{padding-left:5px!important;padding-right:5px!important;letter-spacing:.1px!important}
}
@media (min-width:860px){
  html body .fs-trade-overlay .pad button.btn-trade.btn-trade > span,
  html.fs-trade body .fs-trade-overlay .pad button.btn-trade > span{font-size:11px!important}
}
/* PC plein écran : indicateurs (MA, BB, EMA, +, −, ↺) bien espacés et un peu plus hauts. */
@media (min-width:860px){
  html.fs-trade body .chart-toolbar .ind-pills,
  html.is-fullscreen body .chart-toolbar .ind-pills{gap:16px!important}
  html.fs-trade body .chart-toolbar .ind-btn,
  html.is-fullscreen body .chart-toolbar .ind-btn{min-height:42px!important;height:42px!important;min-width:58px!important;padding-left:14px!important;padding-right:14px!important;font-size:.9rem!important}
}
@media (min-width:860px){
  html.fs-trade body #chartToolbar .ind-pills .ind-btn,
  html.is-fullscreen body #chartToolbar .ind-pills .ind-btn{min-height:42px!important;height:42px!important;min-width:60px!important;
    padding-left:15px!important;padding-right:15px!important;font-size:.9rem!important}
}
/* Recharger (étape crypto) sur Android uniquement : même cadre qu'avant, juste réduit de 5 %
   de façon proportionnelle (rien n'est déformé), pour les petits téléphones. */
html.is-android #depositModal .deposit-box.is-crypto{zoom:.95}
/* Logo d'indice choisi : lueur très douce qui suit la forme (plus de fond carré). */
html body .asset-chip .asset-ico.sig-ico,
html body .asset-chip.on .asset-ico.sig-ico,
html body .asset-chip[data-asset="titanpulse"] .asset-ico.sig-ico,
html body .asset-chip.on[data-asset="titanpulse"] .asset-ico.sig-ico{filter:none!important;background:transparent!important;box-shadow:none!important;opacity:.9}
html body .asset-chip.on .asset-ico.sig-ico{opacity:1}
html body .asset-chip.on .asset-ico.sig-ico svg{filter:drop-shadow(0 0 1.5px var(--sig,#fff))}
/* PC (petit écran ET plein écran) : barre d'indicateurs répartie sur toute la largeur.
   MA · BB · EMA à gauche — « + − » au milieu — ↺ à droite (puis Plein écran). */
@media (min-width:860px){
  html body #chartToolbar .ind-pills{width:100%;gap:12px!important;align-items:center}
  html body #chartToolbar .ind-pills .ind-btn{min-height:36px!important;height:36px!important;min-width:52px!important;
    padding-left:13px!important;padding-right:13px!important;font-size:.85rem!important}
  html body #chartToolbar .ind-pills #chartZoomIn{margin-left:auto!important}
  html body #chartToolbar .ind-pills #chartReset{margin-left:auto!important}
  html body #chartToolbar .ind-pills #btnChartFs{margin-left:14px!important}
  html body #chartToolbar .ind-pills .chart-tool-sep{display:none!important}
  html.fs-trade body #chartToolbar .ind-pills .ind-btn,
  html.is-fullscreen body #chartToolbar .ind-pills .ind-btn{min-height:42px!important;height:42px!important;min-width:60px!important}
}
@media (min-width:860px){
  html body #chartToolbar .ind-pills #btnChartFs{min-height:36px!important;height:36px!important}
  html.fs-trade body #chartToolbar,html.is-fullscreen body #chartToolbar{width:100%!important;max-width:none!important;display:flex!important}
  html.fs-trade body #chartToolbar .ind-pills,html.is-fullscreen body #chartToolbar .ind-pills{flex:1 1 auto!important;width:auto!important;max-width:none!important}
}
/* Retrait : croix remontée dans le coin, loin du cadre « Solde retirable ». */
html body #withdrawModal .wd-modal-head > .btn-close:not(#oroX1):not(#oroX2){margin:-9px -8px 0 auto!important}
/* Très petits téléphones (≤ 350 px) : Recharger garde sa taille d'origine, rien ne se chevauche. */
@media (max-width:350px){
  html body #screenTrade:not(.is-guest) #btnOpenDeposit.btn-deposit{min-width:0!important;padding-left:9px!important;padding-right:9px!important}
  html body #screenTrade:not(.is-guest) #btnOpenDeposit .dep-label{font-size:1em}
}
@media (max-width:350px){
  html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left{display:none!important}
}
/* Téléphone en plein écran : ACHETER / VENDRE tiennent dans leur bouton. */
@media (max-width:859px){
  html.fs-trade body .fs-trade-overlay .pad #btnCall.btn-call > span,
  html.fs-trade body .fs-trade-overlay .pad #btnPut.btn-put > span,
  html.is-fullscreen body .fs-trade-overlay .pad #btnCall.btn-call > span,
  html.is-fullscreen body .fs-trade-overlay .pad #btnPut.btn-put > span{font-size:11.5px!important;letter-spacing:0!important}
  html.fs-trade body .fs-trade-overlay .pad #btnCall.btn-call,html.fs-trade body .fs-trade-overlay .pad #btnPut.btn-put{letter-spacing:0!important}
}
/* === Feu du bas : vraies flammes qui dansent (téléphone). ===
   Les langues de feu montent et descendent chacune à leur rythme ; en dessous, une
   braise lumineuse douce remplace l'ancienne bande de taches. */
.fire-bed{display:none}
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:29;pointer-events:none;
    height:calc(126px + env(safe-area-inset-bottom, 0px));opacity:1;
    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 62%,rgba(0,0,0,.6) 85%,transparent 100%);
    mask-image:linear-gradient(to top,#000 0%,#000 55%,rgba(0,0,0,.55) 80%,transparent 100%)}
  html.fs-trade #screenTrade .fire-bed{display:none!important}
  .fire-bed svg{display:block;width:100%;height:100%}
  .fire-bed .fl{transform-box:fill-box;transform-origin:50% 100%;will-change:transform,opacity;
    animation:oroFlame 1.6s ease-in-out infinite alternate}
  .fire-bed .f1{animation-duration:1.35s;animation-delay:-.2s}
  .fire-bed .f2{animation-duration:1.7s;animation-delay:-.9s}
  .fire-bed .f3{animation-duration:1.25s;animation-delay:-.5s}
  .fire-bed .f4{animation-duration:1.85s;animation-delay:-1.2s}
  .fire-bed .f5{animation-duration:1.4s;animation-delay:-.3s}
  .fire-bed .f6{animation-duration:1.65s;animation-delay:-.7s}
  .fire-bed .f7{animation-duration:1.3s;animation-delay:-1s}
  .fire-bed .f8{animation-duration:1.8s;animation-delay:-.4s}
  .fire-bed .f9{animation-duration:1.45s;animation-delay:-.8s}
  .fire-bed .f10{animation-duration:1.6s;animation-delay:-.15s}
  @keyframes oroFlame{
    0%{transform:scaleY(.82) scaleX(1) skewX(-2deg);opacity:.8}
    35%{transform:scaleY(1.06) scaleX(.95) skewX(2deg);opacity:1}
    65%{transform:scaleY(.9) scaleX(1.04) skewX(-1deg);opacity:.88}
    100%{transform:scaleY(1.14) scaleX(.93) skewX(3deg);opacity:1}
  }
  /* Braise sous les flammes : lueur douce et continue (plus de taches). */
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    background:
      radial-gradient(ellipse 70% 120% at 50% 100%,rgba(255,140,30,.5) 0%,rgba(255,80,0,.28) 45%,transparent 75%),
      linear-gradient(to top,rgba(140,30,0,.55) 0%,rgba(255,90,0,.18) 45%,transparent 100%)!important;
    height:calc(110px + env(safe-area-inset-bottom, 16px))!important}
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){
  .fire-bed .fl{animation:none}
}
/* Message d'égalité : sa propre couleur (bleu ciel lumineux), plus de gris sombre. */
html body #toast.toast.tie,html body .toast.tie{
  background:linear-gradient(135deg,rgba(14,116,144,.92),rgba(49,46,129,.92))!important;
  border:1px solid rgba(125,211,252,.7)!important;color:#F0F9FF!important;
  box-shadow:0 0 18px rgba(56,189,248,.35),0 8px 22px rgba(0,0,0,.4)!important}
html body #toast.toast.tie .lux-msg-ico{color:#7DD3FC!important}
/* Feu v2 : lueur de chaleur autour des flammes + étincelles qui montent. */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed svg{filter:drop-shadow(0 -2px 6px rgba(255,120,0,.55)) saturate(1.15)}
  .fire-bed .f11{animation-duration:1.5s;animation-delay:-.6s}
  .fire-bed .f12{animation-duration:1.75s;animation-delay:-1.1s}
  .fire-bed .spark{position:absolute;bottom:18px;width:3px;height:3px;border-radius:50%;
    background:#ffd54f;box-shadow:0 0 6px 2px rgba(255,160,0,.8);opacity:0;
    animation:oroSpark 2.6s linear infinite}
  .fire-bed .s1{left:8%;animation-delay:-.2s}
  .fire-bed .s2{left:21%;animation-delay:-1.4s;animation-duration:3.1s}
  .fire-bed .s3{left:34%;animation-delay:-.8s}
  .fire-bed .s4{left:47%;animation-delay:-2s;animation-duration:2.9s}
  .fire-bed .s5{left:59%;animation-delay:-.5s;animation-duration:3.3s}
  .fire-bed .s6{left:71%;animation-delay:-1.7s}
  .fire-bed .s7{left:83%;animation-delay:-1.1s;animation-duration:3s}
  .fire-bed .s8{left:94%;animation-delay:-2.3s}
  @keyframes oroSpark{
    0%{transform:translate(0,0) scale(1);opacity:0}
    10%{opacity:1}
    60%{transform:translate(6px,-70px) scale(.8);opacity:.9}
    100%{transform:translate(-4px,-120px) scale(.4);opacity:0}
  }
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){ .fire-bed .spark{animation:none;display:none} }
/* Feu v3 : plus clair et plus « feu » (mélange lumineux sur le fond sombre), braise plus vive,
   flammes régulières jusqu'à la ligne PAYOUT (hauteur réglée par app.js). */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{mix-blend-mode:normal;opacity:1;
    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 70%,rgba(0,0,0,.7) 88%,transparent 100%);
    mask-image:linear-gradient(to top,#000 0%,#000 70%,rgba(0,0,0,.7) 88%,transparent 100%)}
  .fire-bed .f13{animation-duration:1.55s;animation-delay:-.35s}
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    background:
      radial-gradient(ellipse 75% 130% at 50% 100%,rgba(255,170,40,.7) 0%,rgba(255,100,0,.4) 45%,transparent 78%),
      linear-gradient(to top,rgba(200,60,0,.65) 0%,rgba(255,120,0,.25) 50%,transparent 100%)!important}
}
/* Feu v4 : plus de bords noirs. Deux colonnes de feu sur les côtés, sur toute la hauteur du
   feu, et flammes plus vives (sans mélange de couleurs, pour que TOUS les Android l'affichent). */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before,
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{
    content:"";position:absolute;bottom:0;width:26px;height:100%;pointer-events:none;
    animation:oroSide 1.8s ease-in-out infinite alternate}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before{left:0;
    background:linear-gradient(to top,#ff6d00 0%,rgba(255,145,0,.85) 45%,rgba(255,193,7,.35) 80%,transparent 100%),
      linear-gradient(to right,rgba(255,120,0,.9),transparent)}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{right:0;animation-delay:-.9s;
    background:linear-gradient(to top,#ff6d00 0%,rgba(255,145,0,.85) 45%,rgba(255,193,7,.35) 80%,transparent 100%),
      linear-gradient(to left,rgba(255,120,0,.9),transparent)}
  @keyframes oroSide{0%{opacity:.75;transform:scaleY(.94)}100%{opacity:1;transform:scaleY(1.04)}}
  .fire-bed::before,.fire-bed::after{transform-origin:50% 100%}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed svg{filter:drop-shadow(0 -2px 8px rgba(255,140,0,.7)) saturate(1.3) brightness(1.12)}
}
/* PC : petit cadre « feu » autour du panneau de trading (pas de flammes, juste un cadre lumineux). */
@media (min-width:860px){
  html:not(.is-tv) body #screenTrade .pad.glass{
    border:1px solid rgba(255,140,0,.42)!important;border-radius:16px!important;
    box-shadow:0 0 20px rgba(255,110,0,.18),inset 0 -60px 70px -40px rgba(255,90,0,.38),inset 0 1px 0 rgba(255,200,120,.12)!important;
    background:linear-gradient(180deg,#0b0e14 0%,#0b0e14 55%,rgba(60,18,4,.95) 100%)!important}
}
/* === Feu v5 (définitif) : une seule couleur, le jaune-orangé du cœur du feu, qui couvre tout
   le bas en douceur et « brûle » (lueurs qui ondulent et scintillent). Plus de flammes
   dessinées, plus de rouge, plus de séparations. Rendu identique sur tous les navigateurs. === */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed svg,
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .spark{display:none!important}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{
    background:linear-gradient(to top,rgba(255,168,20,.96) 0%,rgba(255,178,40,.82) 28%,rgba(255,190,70,.45) 62%,rgba(255,200,90,0) 100%)!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    animation:oroHeat 3.2s ease-in-out infinite alternate}
  /* Deux couches de lueurs chaudes qui glissent et respirent : l'effet « ça brûle ». */
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before,
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{
    content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:0!important;
    width:auto!important;height:auto!important;transform:none!important;pointer-events:none;
    background-repeat:no-repeat!important;background-size:200% 100%!important}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before{
    background-image:
      radial-gradient(30% 75% at 15% 100%,rgba(255,226,140,.85),rgba(255,200,80,0) 70%),
      radial-gradient(26% 70% at 45% 100%,rgba(255,215,110,.8),rgba(255,190,60,0) 70%),
      radial-gradient(32% 80% at 75% 100%,rgba(255,230,150,.85),rgba(255,200,80,0) 70%)!important;
    animation:oroGlowA 5.5s ease-in-out infinite alternate!important}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{
    background-image:
      radial-gradient(28% 65% at 30% 100%,rgba(255,240,180,.7),rgba(255,210,100,0) 70%),
      radial-gradient(30% 70% at 62% 100%,rgba(255,236,170,.65),rgba(255,205,90,0) 70%),
      radial-gradient(26% 60% at 90% 100%,rgba(255,240,180,.7),rgba(255,210,100,0) 70%)!important;
    animation:oroGlowB 4.2s ease-in-out infinite alternate!important}
  @keyframes oroGlowA{0%{background-position:0% 100%;opacity:.75}50%{opacity:1}100%{background-position:100% 100%;opacity:.8}}
  @keyframes oroGlowB{0%{background-position:100% 100%;opacity:.6}50%{opacity:.95}100%{background-position:0% 100%;opacity:.7}}
  @keyframes oroHeat{0%{opacity:.88;transform:scaleY(.97)}100%{opacity:1;transform:scaleY(1.03)}}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{transform-origin:50% 100%}
  /* Lueur sous le feu : même famille de couleur (plus de rouge). */
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    background:radial-gradient(ellipse 80% 130% at 50% 100%,rgba(255,190,60,.55) 0%,rgba(255,170,30,.25) 50%,transparent 80%)!important}
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed,
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before,
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{animation:none!important}
}
@media (max-width:859px){
  /* Le joli cadre du bas garde sa forme, mais dans la même couleur jaune-orangé (plus de rouge). */
  html:not(.is-tv) #screenTrade .pad::after{
    background:
      radial-gradient(ellipse 18% 210% at 12% 100%,rgba(255,236,170,.9) 0%,rgba(255,190,60,.45) 40%,transparent 72%),
      radial-gradient(ellipse 20% 230% at 38% 100%,rgba(255,226,140,.9) 0%,rgba(255,180,40,.45) 40%,transparent 74%),
      radial-gradient(ellipse 18% 210% at 62% 100%,rgba(255,236,170,.9) 0%,rgba(255,190,60,.45) 40%,transparent 72%),
      radial-gradient(ellipse 20% 230% at 88% 100%,rgba(255,226,140,.9) 0%,rgba(255,180,40,.45) 40%,transparent 74%),
      linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(255,170,30,.22) 30%,rgba(255,160,20,.5) 100%)!important}
  html:not(.is-tv) #screenTrade .pad::before{
    background:linear-gradient(180deg,rgba(11,14,20,0) 0%,rgba(255,210,110,.35) 30%,rgba(255,176,32,.62) 65%,rgba(255,160,20,.85) 100%)!important}
}
/* Fond de page un peu plus vivant (bleu nuit profond au lieu du noir), comme le graphique. */
html body,html body #screenTrade,html body #screenTrade .trade-shell,html body #screenTrade .trade-wrap{
  background-color:#0D1322!important}
html body #chart.chart-card{background:#101729!important}
/* Zone du bas (PAYOUT + boutons) : plus de noir épais. Le haut du panneau reste sombre et lisible,
   puis il devient transparent et chaud pour laisser voir la lumière du feu derrière. */
@media (max-width:859px){
  html:not(.is-tv) body #screenTrade .pad,
  html:not(.is-tv) body #screenTrade .pad.glass,
  html:not(.is-tv).is-android body #screenTrade .pad,
  html:not(.is-tv).is-ios body #screenTrade .pad{
    background:linear-gradient(180deg,#0D1322 0%,#0D1322 38%,rgba(40,24,10,.72) 58%,rgba(90,48,8,.35) 78%,rgba(255,170,40,.10) 100%)!important}
}
/* Cadre derrière ACHETER / VENDRE : bien éclairé comme avant (jaune-orangé vif, plus de sombre). */
@media (max-width:859px){
  html:not(.is-tv) body #screenTrade .pad::after{
    height:calc(86px + env(safe-area-inset-bottom, 34px))!important;
    background:
      radial-gradient(ellipse 22% 220% at 10% 100%,rgba(255,244,200,1) 0%,rgba(255,196,70,.7) 38%,transparent 72%),
      radial-gradient(ellipse 24% 240% at 36% 100%,rgba(255,236,170,1) 0%,rgba(255,186,50,.7) 38%,transparent 74%),
      radial-gradient(ellipse 22% 220% at 64% 100%,rgba(255,244,200,1) 0%,rgba(255,196,70,.7) 38%,transparent 72%),
      radial-gradient(ellipse 24% 240% at 90% 100%,rgba(255,236,170,1) 0%,rgba(255,186,50,.7) 38%,transparent 74%),
      linear-gradient(180deg,rgba(255,180,40,.15) 0%,rgba(255,176,32,.5) 35%,rgba(255,165,20,.85) 100%)!important;
    opacity:.92!important}
  html:not(.is-tv) body #screenTrade .pad::before{
    background:linear-gradient(180deg,rgba(255,200,80,.2) 0%,rgba(255,190,60,.6) 40%,rgba(255,170,30,.95) 100%)!important}
}
/* === Feu v6 : orange « vrai feu » (plus de jaune), chaleur qui MONTE en continu. ===
   Base orange profond, cœur orange lumineux, panaches doux qui s'élèvent et s'effacent,
   légère respiration : on sent le feu, sans aucun dessin ni bord. */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{
    background:linear-gradient(to top,rgba(255,106,0,.97) 0%,rgba(255,128,10,.88) 22%,rgba(255,150,30,.6) 50%,rgba(255,160,50,.25) 78%,rgba(255,160,50,0) 100%)!important;
    animation:oroHeat 2.6s ease-in-out infinite alternate}
  /* Panaches de chaleur qui montent (se répètent sans fin, décalés). */
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::before{
    background-image:
      radial-gradient(14% 38% at 12% 70%,rgba(255,196,110,.75),rgba(255,150,40,0) 70%),
      radial-gradient(12% 34% at 34% 55%,rgba(255,186,90,.7),rgba(255,140,30,0) 70%),
      radial-gradient(15% 40% at 58% 72%,rgba(255,200,120,.75),rgba(255,150,40,0) 70%),
      radial-gradient(12% 34% at 80% 58%,rgba(255,186,90,.7),rgba(255,140,30,0) 70%),
      radial-gradient(14% 38% at 96% 74%,rgba(255,196,110,.7),rgba(255,150,40,0) 70%)!important;
    background-size:100% 200%!important;background-repeat:repeat-y!important;
    animation:oroRise 3.4s linear infinite!important}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed::after{
    background-image:
      radial-gradient(13% 36% at 22% 65%,rgba(255,176,80,.65),rgba(255,130,20,0) 70%),
      radial-gradient(14% 40% at 46% 80%,rgba(255,190,100,.6),rgba(255,140,30,0) 70%),
      radial-gradient(13% 36% at 70% 62%,rgba(255,176,80,.65),rgba(255,130,20,0) 70%),
      radial-gradient(14% 40% at 90% 82%,rgba(255,190,100,.6),rgba(255,140,30,0) 70%),
      radial-gradient(40% 30% at 50% 100%,rgba(255,210,140,.55),rgba(255,160,50,0) 70%)!important;
    background-size:100% 200%!important;background-repeat:repeat-y!important;
    animation:oroRise 4.6s linear infinite!important;animation-delay:-2.1s!important}
  @keyframes oroRise{
    0%{background-position:0 100%;opacity:.55}
    15%{opacity:1}
    85%{opacity:.9}
    100%{background-position:0 0;opacity:.55}
  }
  /* Lueur sous le feu et cadre derrière les boutons : même orange. */
  html:not(.is-tv) #screenTrade:not(.hidden)::before{
    background:radial-gradient(ellipse 85% 130% at 50% 100%,rgba(255,130,20,.6) 0%,rgba(255,110,0,.28) 50%,transparent 80%)!important}
  html:not(.is-tv) body #screenTrade .pad::after{
    background:
      radial-gradient(ellipse 22% 220% at 10% 100%,rgba(255,206,130,1) 0%,rgba(255,140,30,.7) 40%,transparent 72%),
      radial-gradient(ellipse 24% 240% at 36% 100%,rgba(255,196,110,1) 0%,rgba(255,130,20,.7) 40%,transparent 74%),
      radial-gradient(ellipse 22% 220% at 64% 100%,rgba(255,206,130,1) 0%,rgba(255,140,30,.7) 40%,transparent 72%),
      radial-gradient(ellipse 24% 240% at 90% 100%,rgba(255,196,110,1) 0%,rgba(255,130,20,.7) 40%,transparent 74%),
      linear-gradient(180deg,rgba(255,120,10,.15) 0%,rgba(255,120,10,.5) 35%,rgba(255,106,0,.88) 100%)!important}
  html:not(.is-tv) body #screenTrade .pad::before{
    background:linear-gradient(180deg,rgba(255,150,40,.2) 0%,rgba(255,130,20,.6) 40%,rgba(255,106,0,.95) 100%)!important}
}
/* === Feu v7 : braises dorées qui montent et scintillent + reflet doré qui balaie le feu. === */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .spark{display:block!important;
    width:2.5px;height:2.5px;bottom:8%;background:#FFE3A1;
    box-shadow:0 0 5px 1.5px rgba(255,190,80,.95),0 0 12px 3px rgba(255,140,30,.45);
    animation:oroEmber 3.2s ease-out infinite}
  .fire-bed .s1{left:6%;animation-delay:-.3s!important}
  .fire-bed .s2{left:15%;animation-delay:-2.2s!important;animation-duration:3.8s!important}
  .fire-bed .s3{left:24%;animation-delay:-1.1s!important}
  .fire-bed .s4{left:33%;animation-delay:-2.9s!important;animation-duration:3.5s!important}
  .fire-bed .s5{left:42%;animation-delay:-.7s!important;animation-duration:4.1s!important}
  .fire-bed .s6{left:51%;animation-delay:-1.8s!important}
  .fire-bed .s7{left:60%;animation-delay:-2.6s!important;animation-duration:3.6s!important}
  .fire-bed .s8{left:69%;animation-delay:-.1s!important}
  .fire-bed .s9{left:77%;animation-delay:-1.4s!important;animation-duration:3.9s!important}
  .fire-bed .s10{left:85%;animation-delay:-2.4s!important}
  .fire-bed .s11{left:92%;animation-delay:-.9s!important;animation-duration:3.4s!important}
  .fire-bed .s12{left:97%;animation-delay:-3s!important}
  @keyframes oroEmber{
    0%{transform:translate(0,0) scale(1);opacity:0}
    12%{opacity:1}
    45%{transform:translate(5px,-45%) scale(.9);opacity:.95}
    70%{opacity:.5}
    100%{transform:translate(-6px,-95%) scale(.4);opacity:0}
  }
  /* Reflet doré lent qui traverse le feu (effet « or » d'OROLADO). */
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .fire-shine{
    position:absolute;top:0;bottom:0;left:-40%;width:40%;pointer-events:none;
    background:linear-gradient(100deg,transparent 0%,rgba(255,236,170,0) 30%,rgba(255,236,170,.38) 50%,rgba(255,236,170,0) 70%,transparent 100%);
    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 60%,transparent 100%);
    mask-image:linear-gradient(to top,#000 0%,#000 60%,transparent 100%);
    animation:oroShine 6.5s ease-in-out infinite}
  @keyframes oroShine{0%{left:-40%}55%{left:110%}100%{left:110%}}
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){
  .fire-bed .spark,.fire-bed .fire-shine{animation:none!important;display:none!important}
}
/* Langue : petite pastille dorée ▾ dans le coin, on sent qu'on peut changer (sans place en plus). */
html body .lang-dd-btn{position:relative!important;overflow:visible!important}
html body .lang-dd-btn .lang-chev{display:flex!important;position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;
  align-items:center;justify-content:center;border-radius:50%;background:#F5C518;color:#0B0E14;
  font-size:8px;line-height:1;font-weight:900;box-shadow:0 0 0 1.5px #0D1322,0 0 6px rgba(245,197,24,.55);pointer-events:none}

/* Recharger « marié » à USDT et BTC : le bouton s'étend sous les deux pièces, qui deviennent ses
   deux embouts. Même place qu'avant, mais un bouton beaucoup plus long et plus imposant. */
html body #screenTrade:not(.is-guest) .topbar-cta{gap:0!important;align-items:center}
@media (max-width:859px){
  html body #screenTrade:not(.is-guest) .topbar-cta{position:relative!important;left:auto!important;transform:none!important;
    flex:1 1 auto!important;min-width:0;max-width:230px;margin:0 6px!important}
}
@media (min-width:860px){
  html body #screenTrade:not(.is-guest) .topbar-cta{width:270px!important}
}
@media (max-width:350px){
  html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{width:20px!important;height:20px!important}
  html body #screenTrade:not(.is-guest) .topbar-cta #btnOpenDeposit.btn-deposit{padding-left:26px!important;padding-right:26px!important}
  html body #screenTrade:not(.is-guest) .topbar-cta #btnOpenDeposit .dep-bolt{display:none!important}
}
html body #screenTrade:not(.is-guest) .topbar-cta #btnOpenDeposit.btn-deposit{
  flex:1 1 auto;min-width:0!important;width:100%;
  padding-left:34px!important;padding-right:34px!important;min-height:36px!important;
  border-radius:999px!important;justify-content:center;position:relative!important;z-index:1!important}
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left,
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right{
  display:flex!important;position:absolute;top:50%;transform:translateY(-50%);z-index:9!important;pointer-events:none}
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-left{left:4px}
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-right{right:4px}
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg{
  width:26px!important;height:26px!important;border-radius:50%;
  box-shadow:0 0 0 2px rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.35)}
html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg:not(:first-child){display:none!important}
@media (max-width:350px){
  html body #screenTrade:not(.is-guest) .topbar-cta .crypto-mini-row .coin-svg.coin-svg{width:20px!important;height:20px!important}
}
/* Langue v2 : drapeau + petite flèche dorée CÔTE À CÔTE (plus de pastille qui cache le drapeau). */
html body .lang-dd-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  width:auto!important;min-width:34px!important;padding:0 5px!important}
html body .lang-dd-btn .lang-chev{position:static!important;display:inline-block!important;width:auto!important;height:auto!important;
  background:none!important;box-shadow:none!important;color:#F5C518!important;font-size:9px!important;line-height:1!important;
  font-weight:900!important;margin:0!important;transform:translateY(1px)}
/* Recharger : remplit tout l'espace entre OROLADO et « Aide », même écart des deux côtés (bien droit). */
@media (max-width:859px){
  html body #screenTrade:not(.is-guest) .topbar-cta{max-width:none!important;margin:0 2px 0 8px!important}
}
/* Langue v3 : drapeau un peu remonté, petite flèche dorée translucide JUSTE EN DESSOUS. */
html body .lang-dd-btn{flex-direction:column!important;gap:0!important;min-width:28px!important;padding:1px 3px 0!important}
html body .lang-dd-btn .lang-flag{line-height:1!important;transform:translateY(-1px)}
html body .lang-dd-btn .lang-chev{font-size:8px!important;opacity:.8;transform:translateY(-2px) scaleX(1.3)!important;line-height:.8!important}
/* Recharger : encore un peu plus long vers « Aide », pour être bien au centre de l'écran. */
@media (max-width:859px){
  html body #screenTrade:not(.is-guest) .topbar-cta{margin:0 -4px 0 8px!important}
}
/* Mobile : même écart OROLADO ↔ Recharger et Recharger ↔ Aide. */
@media (max-width:859px){
  html body #screenTrade:not(.is-guest) .topbar-cta{margin:0 -4px 0 2px!important}
}
/* PC : Recharger bien long et centré en haut. */
@media (min-width:860px){
  html body #screenTrade:not(.is-guest) .topbar-cta{width:min(460px,36vw)!important}
}
/* Flèche de langue un peu plus grande (toujours sous le drapeau, sans déborder). */
html body .lang-dd-btn .lang-chev{font-size:11px!important;opacity:.9;transform:translateY(-3px) scaleX(1.25)!important}
/* === Feu v8 (mobile) : liseré d'or en fusion au-dessus du cadre des boutons + braises plus
   visibles + respiration du feu. Retour possible : tag git « feu-actuel ». === */
@media (max-width:859px){
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .fire-rim{
    position:absolute;left:0;right:0;height:2px;pointer-events:none;
    bottom:calc(86px + env(safe-area-inset-bottom, 34px));
    background:linear-gradient(90deg,rgba(255,170,40,0) 0%,rgba(255,200,90,.9) 12%,rgba(255,236,170,1) 50%,rgba(255,200,90,.9) 88%,rgba(255,170,40,0) 100%);
    box-shadow:0 0 8px 2px rgba(255,170,40,.75),0 0 18px 4px rgba(255,120,0,.35)}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .fire-rim::after{
    content:"";position:absolute;top:-2px;height:6px;width:22%;left:-25%;border-radius:6px;
    background:radial-gradient(closest-side,rgba(255,255,235,1),rgba(255,230,160,0));
    animation:oroRimRun 4.8s ease-in-out infinite}
  @keyframes oroRimRun{0%{left:-25%}60%{left:103%}100%{left:103%}}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed .spark{width:3px!important;height:3px!important;
    box-shadow:0 0 6px 2px rgba(255,200,90,1),0 0 14px 4px rgba(255,140,30,.55)!important}
  html:not(.is-tv) #screenTrade:not(.hidden) .fire-bed{animation:oroBreath 3s ease-in-out infinite alternate!important}
  @keyframes oroBreath{0%{opacity:.86;transform:scaleY(.95)}100%{opacity:1;transform:scaleY(1.05)}}
}
@media (max-width:859px) and (prefers-reduced-motion:reduce){
  .fire-bed .fire-rim::after{animation:none!important;display:none!important}
}

/* === Arabe (écriture de droite à gauche) : les croix passent à GAUCHE, à l'opposé du titre
   et de l'avatar, avec un vrai espace autour (sinon elles collent au texte). === */
html[dir=rtl] body .btn-close:not(#btnCloseDrawer):not(#oroX1):not(#oroX2){right:auto!important;left:6px!important}
html[dir=rtl] body #drawerProfile #btnCloseDrawer,
html[dir=rtl].is-android body #drawerProfile #btnCloseDrawer,
html[dir=rtl].is-ios body #drawerProfile #btnCloseDrawer{right:auto!important;left:12px!important;top:calc(12px + env(safe-area-inset-top, 0px))!important}
html[dir=rtl] #drawerProfile .drawer-head{padding-right:12px!important;padding-left:58px!important}
html[dir=rtl] .drawer-head h2,
html[dir=rtl] .modal-title,
html[dir=rtl] .modal-head-row .modal-title,
html[dir=rtl] .wd-modal-head .modal-title,
html[dir=rtl] #withdrawModal .wd-modal-head .modal-title,
html[dir=rtl] #depositModal .modal-title{padding-right:0!important;padding-left:34px!important}
/* Arabe / hindi : la police « machine à écrire » sépare les lettres ; on garde la police normale. */
html[dir=rtl] #profWalletAddr,html[lang=hi] #profWalletAddr{font-family:inherit!important;letter-spacing:0!important}
/* Arabe seulement (connecté, mobile) : écarts inversés, sinon Recharger touche le logo OROLADO. */
@media (max-width:859px){
  html[dir=rtl] body #screenTrade:not(.is-guest) .topbar-cta{margin:0 4px 0 2px!important}
}

/* Zoom élastique : dans le cadre du graphique, le pincement est géré par le site (js/chart.js),
   pas par le navigateur. Les boutons du cadre (MA, BB, +, −, plein écran) gardent leurs réglages. */
html body #chart{touch-action:none}
/* Message de découverte des gestes du graphique (4 premières visites de l'appareil). */
html body #chart{position:relative}
html body #chart .pinch-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;
  display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;white-space:nowrap;
  background:rgba(12,17,30,.88);border:1px solid rgba(245,197,24,.55);color:#F8E7B0;
  font-size:.78rem;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.45);pointer-events:none;
  opacity:0;transition:opacity .4s ease}
html body #chart .pinch-hint .pinch-ico{font-size:1.05rem}

/* iPhone : pas de sélection de texte ni de menu « Copier » en touchant le graphique ou ses boutons. */
html body #chart,html body #chart *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}
/* Bref message au bout de l'historique du graphique (on ne peut pas remonter plus loin). */
html body #chart .chart-hist-msg{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:31;
  padding:2px 6px;border-radius:6px;background:rgba(10,14,24,.82);border:1px solid rgba(245,197,24,.28);
  color:#F8E7B0;font-size:.56rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease}
html body #chart .chart-hist-msg.on{opacity:1}
/* Appui long : pas de sélection ni de menu « Copier » sur le site (confort d'application).
   Restent copiables : les cases où l'on écrit, les adresses de portefeuille et l'espace admin. */
html body,html body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
html body input,html body textarea,html body [contenteditable="true"],html body code,html body #profWalletAddr,html body #usdtAddr,
html body .oro-copyable,html body #screenAdmin,html body #screenAdmin *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
/* Finition du bas (téléphones) : le bloc lumineux (payouts + boutons) devient un carré orange au milieu,
   entouré d'une fine bordure sombre qui prolonge le site ; tout en bas, un léger reflet orangé, doux. */
@media (max-width:859px){
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad,
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad.glass,
  html:not(.is-tv):not(.fs-trade).is-android body #screenTrade .pad,
  html:not(.is-tv):not(.fs-trade).is-ios body #screenTrade .pad{
    background:linear-gradient(180deg,#0D1322 0%,#0D1322 70%,#141722 86%,#1f1a18 100%)!important}
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad::after,
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad::before{
    left:6px!important;right:6px!important;bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;
    border-radius:0 0 14px 14px!important}
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad::after{height:92px!important}
  html:not(.is-tv):not(.fs-trade) body #screenTrade .pad::before{height:54px!important}
}
/* iPhone : même rendu qu'Android — boutons à la même place. Le carré orange est entouré d'une petite
   bordure sombre, légèrement chaude en bas, coupée net avec des coins arrondis : le bloc s'arrête là
   (plus de lueur de feu autour ni de bande orange qui descend jusqu'en bas de l'écran). */
@media (max-width:859px){
  html.is-ios:not(.is-tv):not(.fs-trade) body #screenTrade .pad,
  html.is-ios:not(.is-tv):not(.fs-trade) body #screenTrade .pad.glass{
    box-shadow:none!important;border-radius:14px 14px 18px 18px!important;
    background:linear-gradient(180deg,#0D1322 0%,#0D1322 70%,#141722 86%,#211a16 100%)!important}
  html.is-ios:not(.is-tv):not(.fs-trade) body #screenTrade .pad::after,
  html.is-ios:not(.is-tv):not(.fs-trade) body #screenTrade .pad::before{
    bottom:0!important;border-radius:0 0 18px 18px!important}
  html.is-ios:not(.is-tv):not(.fs-trade) body #screenTrade .trade-wrap{
    background:linear-gradient(to top,#211a16 0,#211a16 140px,rgba(33,26,22,0) 230px),#0b0e14!important}
  html.is-ios:not(.is-tv) #screenTrade:not(.hidden) .fire-bed,
  html.is-ios:not(.is-tv) #screenTrade:not(.hidden)::before,
  html.is-ios:not(.is-tv) #screenTrade:not(.hidden)::after{display:none!important}
}
/* Clic sur ACHETER / VENDRE : le bouton s'enfonce et brille aussitôt (on sait que le clic est parti). */
@keyframes oroSent{0%{filter:brightness(1.45);transform:scale(.965)}100%{filter:none;transform:none}}
html body #btnCall.btn-sent,html body #btnPut.btn-sent{animation:oroSent .45s ease-out}
/* Bulle de gain / perte sur le graphique : plus petite et plus fine (ne cache plus la courbe). */
html body .chart-outcome.win{font-size:9.5px!important;padding:2px 7px!important;border-radius:9px!important;gap:3px!important;line-height:1.25!important}
html body .chart-outcome.win .outcome-wallet{width:10px!important;height:10px!important}
html body .chart-outcome.lose{font-size:8.5px!important;padding:1px 5px!important}
/* iPhone : sous la barre de Safari, le fond du bas continue la couleur sombre-orangée (plus de coupure). */
html.is-ios{background:linear-gradient(180deg,#0D1322 0%,#0D1322 50%,#211a16 50%,#211a16 100%)!important}
html.is-ios body:where(.oro-shown):not(#oroQ):not(.oroQ){background:linear-gradient(to top,#211a16 0,#211a16 120px,#0D1322 240px) #0D1322!important}
/* iPhone (Safari) : bande fixe tout en bas, couleur sombre-orangée, sur l'écran de trading seulement.
   Safari reprend la couleur des éléments fixés en bas pour teinter la zone sous sa barre : le bas du site
   continue ainsi jusqu'au bord de l'écran. Seulement la zone de la barre d'accueil : aucun bouton dessous. */
#oroIosFloor{display:none}
@media (max-width:859px){html.is-ios body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor{display:block;position:fixed;left:0;right:0;bottom:0;
  height:calc(10px + env(safe-area-inset-bottom, 0px));z-index:3;pointer-events:none;
  background:#211a16}}
html.fs-trade #oroIosFloor{display:none!important}
/* Plein écran : bouton « QUITTER » bien reconnaissable (bordure rouge, flèche qui sort, texte), même style que « PLEIN ÉCRAN ». */
html body .fs-trade-close{width:auto!important;min-width:0!important;height:32px!important;padding:0 10px 0 8px!important;gap:5px!important;
  border-radius:9px!important;border:1px solid rgba(255,77,77,.7)!important;background:linear-gradient(180deg,rgba(255,77,77,.22),rgba(170,20,20,.22))!important;
  color:#FFE1DC!important;box-shadow:0 0 12px rgba(255,59,48,.25)!important;white-space:nowrap}
html body .fs-trade-close .fs-exit-ico{width:16px!important;height:16px!important;flex-shrink:0}
html body .fs-trade-close .fs-exit-txt{font-size:11px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase}
html body .fs-trade-close:hover,html body .fs-trade-close:focus-visible{background:linear-gradient(180deg,rgba(255,77,77,.34),rgba(170,20,20,.32))!important;border-color:#FF6B6B!important}
@media (max-width:380px){html body .fs-trade-close{height:30px!important;padding:0 8px 0 6px!important}html body .fs-trade-close .fs-exit-txt{font-size:10px}}
/* Plein écran couché (télé, tablette, téléphone à l'horizontale) : la colonne des actifs montre une
   barre de défilement dorée bien visible (le pointeur d'une télécommande peut la saisir). */
@media (orientation:landscape){
  html body .fs-trade-overlay.on .asset-bar{scrollbar-width:thin;scrollbar-color:rgba(245,197,24,.75) rgba(255,255,255,.06);overscroll-behavior:contain}
  html body .fs-trade-overlay.on .asset-bar::-webkit-scrollbar{width:7px;height:7px}
  html body .fs-trade-overlay.on .asset-bar::-webkit-scrollbar-thumb{background:rgba(245,197,24,.75);border-radius:6px}
  html body .fs-trade-overlay.on .asset-bar::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:6px}
}
/* Télé (télécommande) : le bouton sélectionné est entouré d'un contour doré bien visible. */
html.is-tv button:focus-visible,html.is-tv .asset-chip:focus-visible,html.is-tv .dur-chip:focus-visible,
html.is-tv .odds-chip:focus-visible,html.is-tv a:focus-visible,html.is-tv input:focus-visible{
  outline:3px solid #F5C518!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(245,197,24,.25)!important}
/* Télé : plein écran de trading confortable (colonne des actifs plus large et lisible, défilement visible). */
html.is-tv body .fs-trade-overlay.on .asset-bar{scrollbar-width:thin;scrollbar-color:rgba(245,197,24,.75) rgba(255,255,255,.06)}
@media (orientation:landscape){
  html.is-tv body .fs-trade-overlay.on .asset-bar{overflow-y:auto!important}
  html.is-tv body .fs-trade-overlay.on .asset-chip{min-height:44px!important}
  html.is-tv body .fs-trade-overlay.on .asset-chip .n{font-size:10px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
}
html.is-tv #screenTrade .fire-bed{display:none!important}
/* Bouton « QUITTER » plus compact (tient dans toutes les langues sans pousser les pièces ni Démo/Réel). */
html body .fs-trade-close{height:26px!important;padding:0 7px 0 5px!important;gap:4px!important;border-radius:7px!important;margin-left:6px!important;margin-right:6px!important}
html body .fs-trade-close .fs-exit-ico{width:12px!important;height:12px!important}
html body .fs-trade-close .fs-exit-txt{font-size:9px!important;letter-spacing:.03em!important;max-width:64px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:400px){html body .fs-trade-close .fs-exit-txt{font-size:8.5px!important;max-width:56px}}
/* Plein écran sur téléphone : pièces du haut un peu plus petites et plus serrées, pour laisser la place
   au sélecteur Démo / Réel (compte connecté) et au bouton QUITTER, dans toutes les langues. */
@media (max-width:480px){
  html.fs-trade .fs-coin,html.is-fullscreen .fs-coin{width:22px!important;height:22px!important}
  html.fs-trade .fs-top-end,html.is-fullscreen .fs-top-end,
  html.fs-trade .fs-top-start,html.is-fullscreen .fs-top-start{gap:4px!important}
}
/* Plein écran couché : flèches ▲ ▼ pour faire défiler la colonne des indices (télécommande, souris). */
.fs-col-arrow{position:fixed;z-index:60;width:36px;height:28px;display:none;align-items:center;justify-content:center;
  border-radius:8px;border:1px solid rgba(245,197,24,.6);background:rgba(10,14,24,.92);color:#F5C518;font-size:12px;cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.45)}
.fs-col-arrow.dim{opacity:.35}
html.is-tv .fs-col-arrow:focus-visible{outline:3px solid #F5C518;outline-offset:2px}
/* Bouton « PLEIN ÉCRAN » : tient dans toutes les langues (texte un peu plus petit sur petits écrans). */
html body .chart-fs-btn{max-width:132px;overflow:hidden}
html body .chart-fs-btn .chart-fs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:400px){html body .chart-fs-btn .chart-fs-label{font-size:8.5px!important;letter-spacing:.02em!important}}
/* Écrans couchés peu hauts (télé, petite fenêtre) : le feu ne passe plus sur le graphique, et les pages
   d'inscription / connexion défilent pour atteindre tous les champs. */
@media (orientation:landscape) and (max-height:620px) and (min-width:700px){
  html body #screenTrade .fire-bed{display:none!important}
  html body #screenAuth{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
}
html.is-tv body #screenAuth{overflow-y:auto!important}
.terms-date{display:none!important}
/* Plein écran : les 4 pièces rangées dans la capsule Démo / Réel (2 de chaque côté). Rangée souple : chaque
   élément garde sa vraie largeur (le « + » caché ne décale plus rien) ; le bouton QUITTER reste seul à droite. */
html body .fs-mode-switch{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;max-width:none!important;width:auto!important;padding:3px 6px!important}
html body .fs-mode-switch .fs-coin{display:block!important;width:20px!important;height:20px!important;border-radius:50%;flex:0 0 20px!important}
html body .fs-mode-switch .fs-mode-btn:not(.hidden){flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important}
html body .fs-mode-switch .fs-mid-plus{flex:0 0 auto!important}
html.fs-guest body .fs-mode-switch .fs-mode-btn.mode-btn[data-mode="demo"]{padding:6px 20px!important}
@media (max-width:859px){
  html.fs-trade body .fs-top-mid-home,html.is-fullscreen body .fs-top-mid-home{max-width:min(360px,76%)!important}
}
html body .fs-trade-close{height:30px!important;padding:0 9px 0 7px!important}
html body .fs-trade-close .fs-exit-ico{width:14px!important;height:14px!important}
html body .fs-trade-close .fs-exit-txt{font-size:10px!important}
@media (max-width:380px){html body .fs-mode-switch .fs-coin{width:17px!important;height:17px!important;flex-basis:17px!important}
  html body .fs-mode-switch{gap:3px!important;padding:3px 4px!important}}
/* Visiteur : la pilule dorée DÉMO contient les 4 pièces (2 de chaque côté du mot DÉMO). */
html.fs-guest body .fs-mode-switch{background:linear-gradient(135deg,rgba(245,166,35,.25),rgba(245,166,35,.08))!important;
  border:1px solid #f5a623!important;border-radius:999px!important;box-shadow:0 0 14px rgba(255,193,7,.28)!important;
  padding:4px 8px!important;gap:5px!important;width:auto!important;min-height:34px!important}
html.fs-guest body .fs-mode-switch .fs-mode-btn.mode-btn[data-mode="demo"],
html.fs-guest.fs-trade body .fs-mode-switch .fs-mode-btn.mode-btn.on[data-mode="demo"]{
  background:transparent!important;border:none!important;box-shadow:none!important;min-width:0!important;
  padding:2px 8px!important;min-height:0!important}
/* Plein écran : pilule DÉMO (visiteur) étirée à gauche et à droite, capsule Démo / Réel (connecté) un peu plus
   large ; toujours un espace libre avant QUITTER (jamais collé, jamais de débordement, toutes langues). */
html.fs-trade body .fs-top-end,html.is-fullscreen body .fs-top-end{margin-inline-start:6px!important;flex:0 0 auto!important}
html.fs-guest body #fsTopMid{width:100%!important;min-width:0!important}
html.fs-guest body .fs-mode-switch{width:100%!important;max-width:270px!important;box-sizing:border-box!important;
  justify-content:space-evenly!important;padding:4px 10px!important;overflow:hidden!important}
html.fs-guest body .fs-mode-switch .fs-mode-btn.mode-btn[data-mode="demo"],
html.fs-guest.fs-trade body .fs-mode-switch .fs-mode-btn.mode-btn.on[data-mode="demo"]{padding:2px 6px!important}
html:not(.fs-guest) body .fs-mode-switch{gap:6px!important;padding:3px 9px!important}
@media (max-width:380px){html:not(.fs-guest) body .fs-mode-switch{gap:4px!important;padding:3px 6px!important}}
@media (max-width:359px){
  html:not(.fs-guest) body .fs-mode-switch{gap:3px!important;padding:3px 5px!important}
  html:not(.fs-guest) body .fs-mode-switch .fs-mode-btn:not(.hidden){padding:4px 8px!important}
  html:not(.fs-guest) body .fs-mode-switch .fs-coin{width:16px!important;height:16px!important;flex-basis:16px!important}
}
@media (max-width:340px){
  html:not(.fs-guest) body .fs-mode-switch{gap:2px!important}
  html:not(.fs-guest) body .fs-mode-switch .fs-mode-btn:not(.hidden){padding:4px 6px!important}
}
/* Bulle du gain / de la perte sur le graphique : un peu plus haute et texte légèrement plus grand (lisible en vidéo),
   presque pas plus large. */
html body .chart-outcome.win{font-size:11px!important;padding:4px 6px!important;line-height:1.25!important}
html body .chart-outcome.win .outcome-wallet{width:12px!important;height:12px!important}
html body .chart-outcome.lose{font-size:10px!important;padding:3px 6px!important}
/* iPhone / iPad seulement : Safari zoome toute la page quand on touche une case dont le texte fait moins
   de 16 px (case de la mise, formulaire de retrait…), même avec « pas de zoom » dans la page. Texte des
   cases à 16 px → plus de zoom. Android, PC et télé ne sont pas concernés. */
@supports (-webkit-touch-callout: none) {
  html body input, html body select, html body textarea { font-size: 16px !important; }
}
/* Plein écran PC / TV (couché, large) : la capsule Démo / Réel tient TOUJOURS dans la colonne de droite (168 px).
   Avant, connecté (DÉMO + « + » + RÉEL + 4 pièces ≈ 270 px) elle débordait sur le graphique, et un peu aussi en
   visiteur. Deux lignes : boutons en haut, les 4 pièces en dessous. Téléphones (< 860 px) : rien ne change. */
@media (orientation:landscape) and (min-width:860px){
  html.fs-trade body .pad .fs-mode-switch,html.is-fullscreen body .pad .fs-mode-switch{
    display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:row!important;
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
    gap:5px 2px!important;padding:5px 6px!important;border-radius:14px!important;overflow:hidden!important;
    justify-items:center!important;align-items:center!important}
  html.fs-trade body .pad .fs-mode-switch .fs-coin,html.is-fullscreen body .pad .fs-mode-switch .fs-coin{
    grid-row:2!important;grid-column:span 3!important;width:18px!important;height:18px!important;flex:none!important}
  html.fs-trade body .pad .fs-mode-switch .fs-mode-btn[data-mode="demo"],html.is-fullscreen body .pad .fs-mode-switch .fs-mode-btn[data-mode="demo"],
  html.fs-trade body .pad .fs-mode-switch .fs-mode-btn[data-mode="real"],html.is-fullscreen body .pad .fs-mode-switch .fs-mode-btn[data-mode="real"]{
    grid-row:1!important;grid-column:span 5!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
    padding:4px 2px!important;min-height:24px!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important}
  html.fs-trade body .pad .fs-mode-switch .fs-mid-plus,html.is-fullscreen body .pad .fs-mode-switch .fs-mid-plus{
    grid-row:1!important;grid-column:span 2!important;width:22px!important;height:22px!important;min-width:22px!important}
  html.fs-guest body .pad .fs-mode-switch .fs-mode-btn[data-mode="demo"]{grid-column:span 12!important}
  html.fs-trade body .pad .fs-top-bal,html.is-fullscreen body .pad .fs-top-bal{
    max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html.fs-trade body .pad #fsTopMid,html.is-fullscreen body .pad #fsTopMid{width:100%!important;min-width:0!important}
}
/* Profil sur PC : « Se déconnecter » était collé en bas de la petite zone qui défile et passait PAR-DESSUS
   « Changer d'adresse e-mail » / « Déconnecter mes autres appareils » (compte admin, écran pas très haut).
   Lignes plus compactes (comme avant), « Se déconnecter » à sa place en fin de liste, et si l'écran est
   trop petit c'est tout le profil qui défile d'un bloc — plus rien ne se chevauche. Téléphones : inchangés. */
@media (min-width:860px){
  html body #drawerProfile.drawer{overflow-y:auto!important;overscroll-behavior:contain}
  html body #drawerProfile .drawer-nav{flex:0 0 auto!important;overflow:visible!important;gap:2px!important;padding:2px 8px 6px!important}
  html body #drawerProfile .drawer-item{min-height:32px!important;padding:5px 10px!important;flex-shrink:0!important}
  html body #drawerProfile .drawer-item.drawer-logout{position:static!important;bottom:auto!important}
  html body #drawerProfile .drawer-legal{flex-shrink:0!important}
}
/* Application installée (écran d'accueil) : sur iPhone, la page passe sous la barre de l'heure / batterie.
   L'écran Connexion / Inscription commençait tout en haut : le logo, OROLADO.COM, TRADING et le drapeau
   étaient sous l'heure. Ils descendent juste de la hauteur de cette barre (Android : 0, rien ne bouge).
   Le site dans le navigateur ne change pas. */
@media (display-mode: standalone),(display-mode: fullscreen){
  html body #screenAuth{padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important}
  html body #screenAuth .lang-bar-auth{top:calc(10px + env(safe-area-inset-top,0px))!important}
}
/* ===== COULEURS PROFESSIONNELLES sur le thème noir (demande du propriétaire, 1er octobre 2026) =====
   Pas de blanc, pas d'arc-en-ciel : boutons sombres avec accent ; UNE couleur principale (orange) pour l'essentiel ;
   simulations : légère teinte + fin contour de leur couleur ; rouge / vert discrets. Couleurs seulement. */
html body #screenTrade .help-badge,html body #screenTrade #btnProfile{background:rgba(247,147,26,.18)!important;border:1px solid rgba(247,147,26,0.45)!important;color:#FFB15C!important;box-shadow:none!important}
html body #screenTrade .btn-auth-link:not(.on){background:rgba(255,255,255,.06)!important;border:1px solid rgba(247,147,26,0.33)!important;color:#F8FAFC!important}
html body #screenTrade .btn-auth-link.on{background:#F7931A!important;border:1px solid #F7931A!important;color:#1A1205!important;box-shadow:0 2px 10px rgba(247,147,26,0.11)!important}
html body #screenTrade .balance-card{background:linear-gradient(90deg,rgba(247,147,26,.16) 0%,rgba(18,23,34,.95) 60%)!important;border:1px solid rgba(247,147,26,0.36)!important;box-shadow:0 2px 12px rgba(247,147,26,0.04)!important}
html body #screenTrade .chart-toolbar .ind-btn{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#E2E8F0!important}
html body #screenTrade .chart-toolbar .ind-btn.on,html body #screenTrade .chart-toolbar .ind-btn.active{background:#F7931A!important;border-color:#F7931A!important;color:#1A1205!important}
html body #screenTrade .chart-toolbar .chart-reset-btn{background:rgba(247,147,26,.18)!important;border:1px solid rgba(247,147,26,0.45)!important;color:#FFB15C!important}
html body #screenTrade .chart-fs-btn{background:rgba(239,68,68,.16)!important;border:1px solid rgba(239,68,68,.7)!important;color:#FCA5A5!important}
html body #screenTrade .dur-chip:not(.on):not(.active){background:rgba(255,255,255,.05)!important;border:1px solid rgba(247,147,26,0.21)!important;color:#E2E8F0!important}
html body #screenTrade .dur-chip.on,html body #screenTrade .dur-chip.active{background:#F7931A!important;border:1px solid #F7931A!important;color:#1A1205!important}
html body #screenTrade #inputStake{background:rgba(255,255,255,.05)!important;border:1px solid rgba(247,147,26,0.3)!important}
html body #screenTrade .qbtn.stake-act:not(.qbtn-back){background:rgba(247,147,26,.16)!important;border:1px solid rgba(247,147,26,0.39)!important;color:#FFB15C!important}
html body #screenTrade .qbtn.qbtn-back{background:rgba(239,68,68,.16)!important;border:1px solid rgba(239,68,68,.65)!important;color:#FCA5A5!important}
html body #screenTrade .win-preview{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.5)!important;border-radius:10px!important}
html body #screenTrade .help-badge:active,html body #screenTrade #btnProfile:active,html body #screenTrade .btn-auth-link:active,html body #screenTrade .asset-chip:active,html body #screenTrade .ind-btn:active,html body #screenTrade .chart-fs-btn:active,html body #screenTrade .dur-chip:active,html body #screenTrade .qbtn:active{filter:brightness(1.25)!important}
html body #fsTradeOverlay .help-badge,html body #fsTradeOverlay #btnProfile{background:rgba(247,147,26,.18)!important;border:1px solid rgba(247,147,26,0.45)!important;color:#FFB15C!important;box-shadow:none!important}
html body #fsTradeOverlay .btn-auth-link:not(.on){background:rgba(255,255,255,.06)!important;border:1px solid rgba(247,147,26,0.33)!important;color:#F8FAFC!important}
html body #fsTradeOverlay .btn-auth-link.on{background:#F7931A!important;border:1px solid #F7931A!important;color:#1A1205!important;box-shadow:0 2px 10px rgba(247,147,26,0.11)!important}
html body #fsTradeOverlay .balance-card{background:linear-gradient(90deg,rgba(247,147,26,.16) 0%,rgba(18,23,34,.95) 60%)!important;border:1px solid rgba(247,147,26,0.36)!important;box-shadow:0 2px 12px rgba(247,147,26,0.04)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#E2E8F0!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn.on,html body #fsTradeOverlay .chart-toolbar .ind-btn.active{background:#F7931A!important;border-color:#F7931A!important;color:#1A1205!important}
html body #fsTradeOverlay .chart-toolbar .chart-reset-btn{background:rgba(247,147,26,.18)!important;border:1px solid rgba(247,147,26,0.45)!important;color:#FFB15C!important}
html body #fsTradeOverlay .chart-fs-btn{background:rgba(239,68,68,.16)!important;border:1px solid rgba(239,68,68,.7)!important;color:#FCA5A5!important}
html body #fsTradeOverlay .dur-chip:not(.on):not(.active){background:rgba(255,255,255,.05)!important;border:1px solid rgba(247,147,26,0.21)!important;color:#E2E8F0!important}
html body #fsTradeOverlay .dur-chip.on,html body #fsTradeOverlay .dur-chip.active{background:#F7931A!important;border:1px solid #F7931A!important;color:#1A1205!important}
html body #fsTradeOverlay #inputStake{background:rgba(255,255,255,.05)!important;border:1px solid rgba(247,147,26,0.3)!important}
html body #fsTradeOverlay .qbtn.stake-act:not(.qbtn-back){background:rgba(247,147,26,.16)!important;border:1px solid rgba(247,147,26,0.39)!important;color:#FFB15C!important}
html body #fsTradeOverlay .qbtn.qbtn-back{background:rgba(239,68,68,.16)!important;border:1px solid rgba(239,68,68,.65)!important;color:#FCA5A5!important}
html body #fsTradeOverlay .win-preview{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.5)!important;border-radius:10px!important}
html body #fsTradeOverlay .help-badge:active,html body #fsTradeOverlay #btnProfile:active,html body #fsTradeOverlay .btn-auth-link:active,html body #fsTradeOverlay .asset-chip:active,html body #fsTradeOverlay .ind-btn:active,html body #fsTradeOverlay .chart-fs-btn:active,html body #fsTradeOverlay .dur-chip:active,html body #fsTradeOverlay .qbtn:active{filter:brightness(1.25)!important}
/* Finitions : étiquette PAYOUT encadrée, gain prévu vert soigné, durées vivantes (demande du propriétaire). */
html body #screenTrade .odds-label.payout-badge{background:linear-gradient(90deg,rgba(247,147,26,.28),rgba(247,147,26,.08))!important;border:1px solid rgba(247,147,26,0.39)!important;color:#FFB15C!important;letter-spacing:.08em!important;box-shadow:0 0 10px rgba(247,147,26,0.05)!important}
html body #screenTrade .win-preview{background:linear-gradient(135deg,rgba(16,185,129,.24) 0%,rgba(16,185,129,.06) 100%)!important;border:1px solid rgba(52,211,153,.6)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 0 14px rgba(16,185,129,0.1)!important}
html body #screenTrade .win-preview .amount{color:#34D399!important;text-shadow:0 0 10px rgba(52,211,153,.35)!important}
html body #screenTrade .win-preview .mult,html body #screenTrade .win-preview .label{color:#A7F3D0!important}
html body #screenTrade .dur-chip:not(.on):not(.active){background:linear-gradient(180deg,rgba(247,147,26,.14),rgba(255,255,255,.03))!important;border:1px solid rgba(247,147,26,0.25)!important;color:#FCD9B6!important}
html body #screenTrade .dur-chip.on,html body #screenTrade .dur-chip.active{box-shadow:0 0 12px rgba(247,147,26,0.14)!important}
html body #fsTradeOverlay .odds-label.payout-badge{background:linear-gradient(90deg,rgba(247,147,26,.28),rgba(247,147,26,.08))!important;border:1px solid rgba(247,147,26,0.39)!important;color:#FFB15C!important;letter-spacing:.08em!important;box-shadow:0 0 10px rgba(247,147,26,0.05)!important}
html body #fsTradeOverlay .win-preview{background:linear-gradient(135deg,rgba(16,185,129,.24) 0%,rgba(16,185,129,.06) 100%)!important;border:1px solid rgba(52,211,153,.6)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 0 14px rgba(16,185,129,0.1)!important}
html body #fsTradeOverlay .win-preview .amount{color:#34D399!important;text-shadow:0 0 10px rgba(52,211,153,.35)!important}
html body #fsTradeOverlay .win-preview .mult,html body #fsTradeOverlay .win-preview .label{color:#A7F3D0!important}
html body #fsTradeOverlay .dur-chip:not(.on):not(.active){background:linear-gradient(180deg,rgba(247,147,26,.14),rgba(255,255,255,.03))!important;border:1px solid rgba(247,147,26,0.25)!important;color:#FCD9B6!important}
html body #fsTradeOverlay .dur-chip.on,html body #fsTradeOverlay .dur-chip.active{box-shadow:0 0 12px rgba(247,147,26,0.14)!important}

/* ===== v2212 — Touches légères (thème noir) : Connexion / Inscription, Dépôt, Retrait. Bordures et reflets orange doux seulement ; mise en page non touchée ===== */
html body #screenAuth .auth-card{border:1px solid rgba(247,147,26,0.17)!important;box-shadow:0 0 26px rgba(247,147,26,0.03),inset 0 1px 0 rgba(255,255,255,0.03)!important}
html body #screenAuth .auth-tabs{border-color:rgba(247,147,26,0.15)!important}
html body #screenAuth .auth-tab.on{background:linear-gradient(180deg,#FBA43A 0%,#F7931A 100%)!important;color:#0B0E14!important;box-shadow:0 0 12px rgba(247,147,26,0.11)!important}
html body #screenAuth .field label{color:#E9BC8C!important}
html body #screenAuth input[type=text],html body #screenAuth input[type=email],html body #screenAuth input[type=password],html body #screenAuth input[type=tel],html body #screenAuth input:not([type]){border-color:rgba(247,147,26,0.2)!important;transition:border-color .15s,box-shadow .15s}
html body #screenAuth input:focus{border-color:rgba(247,147,26,0.48)!important;box-shadow:0 0 0 3px rgba(247,147,26,0.05)!important;outline:none!important}
html body #screenAuth .btn-gold,html body #depositModal .btn-gold,html body #withdrawModal .btn-gold{background:linear-gradient(180deg,#FBA43A 0%,#F7931A 100%)!important;box-shadow:0 4px 16px rgba(247,147,26,0.1),inset 0 1px 0 rgba(255,255,255,0.13)!important}
html body #screenAuth .auth-back{border-color:rgba(247,147,26,0.27)!important}
html body #depositModal .modal-box,html body #withdrawModal .modal-box{border-color:rgba(247,147,26,0.23)!important;box-shadow:0 0 30px rgba(247,147,26,0.03)!important}
html body #depositModal .dep-amt-input,html body #withdrawModal input[type=text],html body #withdrawModal input[type=number],html body #withdrawModal input[type=email],html body #withdrawModal input[type=tel]{border-color:rgba(247,147,26,0.18)!important}
html body #depositModal .dep-amt-input:focus,html body #withdrawModal input:focus{border-color:rgba(247,147,26,0.48)!important;box-shadow:0 0 0 3px rgba(247,147,26,0.05)!important;outline:none!important}
html body #depositModal .pay-crypto-cell{border:1px solid rgba(255,255,255,.08)!important;transition:border-color .15s,background .15s}
html body #depositModal .pay-crypto-cell:hover,html body #depositModal .pay-crypto-cell:active{border-color:rgba(247,147,26,0.36)!important;background:rgba(247,147,26,.1)!important}
html body #withdrawModal .wd-bal{background:linear-gradient(135deg,rgba(247,147,26,.16),rgba(247,147,26,.03))!important;border:1px solid rgba(247,147,26,0.27)!important}
html body #withdrawModal .wd-group-label{color:#E9BC8C!important}
html body #withdrawModal .wd-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(11,16,28,.92))!important;border-color:rgba(247,147,26,0.11)!important;transition:border-color .15s,background .15s}
html body #withdrawModal .wd-card:hover,html body #withdrawModal .wd-card:active,html body #withdrawModal .wd-card.on,html body #withdrawModal .wd-card.active{border-color:rgba(247,147,26,0.39)!important;background:linear-gradient(180deg,rgba(247,147,26,.16),rgba(11,16,28,.92))!important}
html body #withdrawModal .modal-title,html body #depositModal .modal-title,html body #withdrawModal .wd-bal-amt{color:#FFB15C!important}

/* ===== v2213 — Vie et lumière (demande du propriétaire) : logo, simulations, payout, carré du gain, boutons qui s'allument ===== */
html body #screenTrade .odds-chip{background-clip:padding-box!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important}
html body #screenTrade .odds-chip[data-odds="1.9"]:not(.on){background:linear-gradient(rgba(249,115,22,.18),rgba(249,115,22,.18)),#10172A!important}
html body #screenTrade .odds-chip[data-odds="5"]:not(.on){background:linear-gradient(rgba(6,182,212,.18),rgba(6,182,212,.18)),#10172A!important}
html body #screenTrade .odds-chip[data-odds="10"]:not(.on){background:linear-gradient(rgba(168,85,247,.2),rgba(168,85,247,.2)),#10172A!important}
html body #screenTrade .odds-chip[data-odds="50"]:not(.on){background:linear-gradient(rgba(245,158,11,.18),rgba(245,158,11,.18)),#10172A!important}
html body #screenTrade .odds-chip[data-odds="1.9"].on{background:linear-gradient(180deg,#FB923C,#EA580C)!important;box-shadow:0 0 16px rgba(249,115,22,0.22),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #screenTrade .odds-chip[data-odds="5"].on{background:linear-gradient(180deg,#22D3EE,#0891B2)!important;box-shadow:0 0 16px rgba(6,182,212,0.36),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #screenTrade .odds-chip[data-odds="10"].on{background:linear-gradient(180deg,#C084FC,#9333EA)!important;box-shadow:0 0 16px rgba(168,85,247,0.36),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #screenTrade .odds-chip[data-odds="50"].on{background:linear-gradient(180deg,#FBBF24,#D97706)!important;box-shadow:0 0 16px rgba(245,158,11,0.22),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #screenTrade .odds-chip .odds-pct{color:#CBD5E1!important;opacity:1!important}
html body #screenTrade .odds-chip.on .odds-pct,html body #screenTrade .odds-chip.on .odds-mult{color:#FFFFFF!important}
html body #screenTrade .qbtn,html body #screenTrade .ind-btn,html body #screenTrade .dur-chip,html body #screenTrade .chart-fs-btn,html body #screenTrade .asset-chip,html body #screenTrade .odds-chip,html body #screenTrade .help-badge,html body #screenTrade #btnProfile{transition:box-shadow .12s,filter .12s,transform .12s!important}
html body #screenTrade .qbtn:active,html body #screenTrade .ind-btn:active,html body #screenTrade .dur-chip:active,html body #screenTrade .chart-fs-btn:active,html body #screenTrade .odds-chip:active,html body #screenTrade .asset-chip:active{filter:brightness(1.45)!important;box-shadow:0 0 14px rgba(247,147,26,0.23),0 0 0 1px rgba(255,200,120,0.22)!important;transform:scale(.96)!important}
html body #screenTrade .qbtn-back:active{box-shadow:0 0 14px rgba(239,68,68,0.42),0 0 0 1px rgba(252,165,165,0.36)!important}
html body #screenTrade .qbtn.hit,html body #screenTrade .ind-btn.hit,html body #screenTrade .dur-chip.hit,html body #screenTrade .odds-chip.hit{filter:brightness(1.45)!important;box-shadow:0 0 14px rgba(247,147,26,0.23)!important}
html body #fsTradeOverlay .odds-chip{background-clip:padding-box!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)!important}
html body #fsTradeOverlay .odds-chip[data-odds="1.9"]:not(.on){background:linear-gradient(rgba(249,115,22,.18),rgba(249,115,22,.18)),#10172A!important}
html body #fsTradeOverlay .odds-chip[data-odds="5"]:not(.on){background:linear-gradient(rgba(6,182,212,.18),rgba(6,182,212,.18)),#10172A!important}
html body #fsTradeOverlay .odds-chip[data-odds="10"]:not(.on){background:linear-gradient(rgba(168,85,247,.2),rgba(168,85,247,.2)),#10172A!important}
html body #fsTradeOverlay .odds-chip[data-odds="50"]:not(.on){background:linear-gradient(rgba(245,158,11,.18),rgba(245,158,11,.18)),#10172A!important}
html body #fsTradeOverlay .odds-chip[data-odds="1.9"].on{background:linear-gradient(180deg,#FB923C,#EA580C)!important;box-shadow:0 0 16px rgba(249,115,22,0.22),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #fsTradeOverlay .odds-chip[data-odds="5"].on{background:linear-gradient(180deg,#22D3EE,#0891B2)!important;box-shadow:0 0 16px rgba(6,182,212,0.36),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #fsTradeOverlay .odds-chip[data-odds="10"].on{background:linear-gradient(180deg,#C084FC,#9333EA)!important;box-shadow:0 0 16px rgba(168,85,247,0.36),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #fsTradeOverlay .odds-chip[data-odds="50"].on{background:linear-gradient(180deg,#FBBF24,#D97706)!important;box-shadow:0 0 16px rgba(245,158,11,0.22),inset 0 1px 0 rgba(255,255,255,0.18)!important}
html body #fsTradeOverlay .odds-chip .odds-pct{color:#CBD5E1!important;opacity:1!important}
html body #fsTradeOverlay .odds-chip.on .odds-pct,html body #fsTradeOverlay .odds-chip.on .odds-mult{color:#FFFFFF!important}
html body #fsTradeOverlay .qbtn,html body #fsTradeOverlay .ind-btn,html body #fsTradeOverlay .dur-chip,html body #fsTradeOverlay .chart-fs-btn,html body #fsTradeOverlay .asset-chip,html body #fsTradeOverlay .odds-chip,html body #fsTradeOverlay .help-badge,html body #fsTradeOverlay #btnProfile{transition:box-shadow .12s,filter .12s,transform .12s!important}
html body #fsTradeOverlay .qbtn:active,html body #fsTradeOverlay .ind-btn:active,html body #fsTradeOverlay .dur-chip:active,html body #fsTradeOverlay .chart-fs-btn:active,html body #fsTradeOverlay .odds-chip:active,html body #fsTradeOverlay .asset-chip:active{filter:brightness(1.45)!important;box-shadow:0 0 14px rgba(247,147,26,0.23),0 0 0 1px rgba(255,200,120,0.22)!important;transform:scale(.96)!important}
html body #fsTradeOverlay .qbtn-back:active{box-shadow:0 0 14px rgba(239,68,68,0.42),0 0 0 1px rgba(252,165,165,0.36)!important}
html body #fsTradeOverlay .qbtn.hit,html body #fsTradeOverlay .ind-btn.hit,html body #fsTradeOverlay .dur-chip.hit,html body #fsTradeOverlay .odds-chip.hit{filter:brightness(1.45)!important;box-shadow:0 0 14px rgba(247,147,26,0.23)!important}
html body #withdrawModal select{background:#0B0F18!important;border:1px solid rgba(247,147,26,0.18)!important;color:#F8FAFC!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.02)!important}
html body #withdrawModal select:focus{border-color:rgba(247,147,26,0.48)!important;box-shadow:0 0 0 3px rgba(247,147,26,0.05)!important;outline:none!important}
html body #withdrawModal input,html body #withdrawModal select{transition:border-color .15s,box-shadow .15s}
html body #withdrawModal .wd-card:active,html body #depositModal .pay-crypto-cell:active,html body #depositModal .pay-method-card:active{box-shadow:0 0 14px rgba(247,147,26,0.18)!important;transform:scale(.97)}
html body #screenAuth .auth-tab:active,html body #screenAuth .btn-gold:active,html body #depositModal .btn-gold:active,html body #withdrawModal .btn-gold:active{filter:brightness(1.15)!important;box-shadow:0 0 18px rgba(247,147,26,0.22)!important}
@media (max-width:859px){
html body #screenTrade .stake-line{align-items:stretch!important}
html body #screenTrade .stake-field{flex:1 1 auto!important;min-width:0!important}
html body #screenTrade .win-preview{flex:0 0 116px!important;width:116px!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1px!important;padding:5px 6px!important;background:linear-gradient(160deg,rgba(16,185,129,.34) 0%,rgba(6,78,59,.42) 55%,rgba(11,14,20,.9) 100%)!important;border:1px solid rgba(52,211,153,.75)!important;border-radius:12px!important;box-shadow:0 0 16px rgba(16,185,129,0.17),inset 0 1px 0 rgba(255,255,255,0.07)!important;text-align:center!important;overflow:hidden!important}
html body #screenTrade .win-preview .label{display:block!important;font-size:8px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#A7F3D0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.1!important}
html body #screenTrade .win-preview .amount{font-size:17px!important;font-weight:900!important;line-height:1.15!important;color:#34D399!important;text-shadow:0 0 12px rgba(52,211,153,.5)!important;white-space:nowrap!important}
html body #screenTrade .win-preview .mult{display:inline-block!important;font-size:8.5px!important;font-weight:800!important;line-height:1!important;padding:2px 7px!important;border-radius:999px!important;background:rgba(52,211,153,.18)!important;border:1px solid rgba(52,211,153,.45)!important;color:#D1FAE5!important;white-space:nowrap!important}
}
@media (min-width:860px){
html body #screenTrade .stake-field{flex:1 1 auto!important;min-width:176px!important}
html body #screenTrade .win-preview{flex:0 1 150px!important;min-width:0!important}
}

/* ===== v2214 — Boutons MA/BB/EMA/+/− colorés avec lueur ; simulations plus vives (la choisie s'allume fort) ; langue avec lueur ; logo remis comme avant ===== */
html body #screenTrade .chart-toolbar .ind-btn[data-ind="ma"]:not(.on){background:linear-gradient(180deg,rgba(255,183,3,.24),rgba(255,183,3,.07))!important;border:1px solid rgba(255,183,3,0.36)!important;color:#FFD166!important;box-shadow:0 0 10px rgba(255,183,3,0.1)!important}
html body #screenTrade .chart-toolbar .ind-btn[data-ind="bb"]:not(.on){background:linear-gradient(180deg,rgba(180,140,240,.26),rgba(180,140,240,.08))!important;border:1px solid rgba(180,140,240,.62)!important;color:#D6C2FA!important;box-shadow:0 0 10px rgba(180,140,240,0.18)!important}
html body #screenTrade .chart-toolbar .ind-btn[data-ind="ema"]:not(.on){background:linear-gradient(180deg,rgba(0,240,255,.2),rgba(0,240,255,.06))!important;border:1px solid rgba(0,240,255,.55)!important;color:#9AF6FF!important;box-shadow:0 0 10px rgba(0,240,255,0.16)!important}
html body #screenTrade .chart-toolbar .ind-btn[data-ind="ma"].on{background:linear-gradient(180deg,#FFC93C,#F59E0B)!important;border-color:#FFD166!important;color:#1A1205!important;box-shadow:0 0 18px rgba(255,183,3,0.27)!important}
html body #screenTrade .chart-toolbar .ind-btn[data-ind="bb"].on{background:linear-gradient(180deg,#C4A5F7,#8B5CF6)!important;border-color:#D6C2FA!important;color:#FFFFFF!important;box-shadow:0 0 18px rgba(180,140,240,0.48)!important}
html body #screenTrade .chart-toolbar .ind-btn[data-ind="ema"].on{background:linear-gradient(180deg,#5EF6FF,#06B6D4)!important;border-color:#9AF6FF!important;color:#06222A!important;box-shadow:0 0 18px rgba(0,240,255,0.45)!important}
html body #screenTrade .chart-toolbar .ind-btn.zoom-btn:not(.chart-reset-btn){background:linear-gradient(180deg,rgba(247,147,26,.2),rgba(247,147,26,.06))!important;border:1px solid rgba(247,147,26,0.33)!important;color:#FFC58A!important;box-shadow:0 0 10px rgba(247,147,26,0.1)!important}
html body #screenTrade .chart-toolbar .chart-reset-btn{box-shadow:0 0 12px rgba(247,147,26,0.14)!important}
html body #screenTrade .asset-chip.on[data-asset="v100"]{background:linear-gradient(135deg,rgba(16,185,129,.36),rgba(6,78,59,.36))!important;border:1.5px solid #34D399!important;box-shadow:0 0 12px rgba(16,185,129,0.42),inset 0 0 8px rgba(52,211,153,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="stable"]{background:linear-gradient(135deg,rgba(239,68,68,.36),rgba(127,29,29,.36))!important;border:1.5px solid #F87171!important;box-shadow:0 0 12px rgba(239,68,68,0.42),inset 0 0 8px rgba(248,113,113,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="apex500"]{background:linear-gradient(135deg,rgba(139,92,246,.36),rgba(76,29,149,.36))!important;border:1.5px solid #A78BFA!important;box-shadow:0 0 12px rgba(139,92,246,0.42),inset 0 0 8px rgba(167,139,250,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="horizon50"]{background:linear-gradient(135deg,rgba(249,115,22,.36),rgba(124,45,18,.36))!important;border:1.5px solid #FB923C!important;box-shadow:0 0 12px rgba(249,115,22,0.25),inset 0 0 8px rgba(251,146,60,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="crash300"]{background:linear-gradient(135deg,rgba(236,72,153,.36),rgba(131,24,67,.36))!important;border:1.5px solid #F472B6!important;box-shadow:0 0 12px rgba(236,72,153,0.42),inset 0 0 8px rgba(244,114,182,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="goldtrend"]{background:linear-gradient(135deg,rgba(245,158,11,.36),rgba(120,53,15,.36))!important;border:1.5px solid #FBBF24!important;box-shadow:0 0 12px rgba(245,158,11,0.25),inset 0 0 8px rgba(251,191,36,0.11)!important}
html body #screenTrade .asset-chip.on[data-asset="boomspike"]{background:linear-gradient(135deg,rgba(45,212,191,.36),rgba(19,78,74,.36))!important;border:1.5px solid #5EEAD4!important;box-shadow:0 0 12px rgba(45,212,191,0.42),inset 0 0 8px rgba(94,234,212,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="nexusprime"]{background:linear-gradient(135deg,rgba(59,130,246,.36),rgba(30,58,138,.36))!important;border:1.5px solid #60A5FA!important;box-shadow:0 0 12px rgba(59,130,246,0.42),inset 0 0 8px rgba(96,165,250,0.18)!important}
html body #screenTrade .asset-chip.on[data-asset="v75"]{background:linear-gradient(135deg,rgba(217,70,239,.36),rgba(112,26,117,.36))!important;border:1.5px solid #E879F9!important;box-shadow:0 0 12px rgba(217,70,239,0.42),inset 0 0 8px rgba(232,121,249,0.18)!important}
html body #screenTrade .asset-chip.on .n,html body #screenTrade .asset-chip.on .payout-live{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="ma"]:not(.on){background:linear-gradient(180deg,rgba(255,183,3,.24),rgba(255,183,3,.07))!important;border:1px solid rgba(255,183,3,0.36)!important;color:#FFD166!important;box-shadow:0 0 10px rgba(255,183,3,0.1)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="bb"]:not(.on){background:linear-gradient(180deg,rgba(180,140,240,.26),rgba(180,140,240,.08))!important;border:1px solid rgba(180,140,240,.62)!important;color:#D6C2FA!important;box-shadow:0 0 10px rgba(180,140,240,0.18)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="ema"]:not(.on){background:linear-gradient(180deg,rgba(0,240,255,.2),rgba(0,240,255,.06))!important;border:1px solid rgba(0,240,255,.55)!important;color:#9AF6FF!important;box-shadow:0 0 10px rgba(0,240,255,0.16)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="ma"].on{background:linear-gradient(180deg,#FFC93C,#F59E0B)!important;border-color:#FFD166!important;color:#1A1205!important;box-shadow:0 0 18px rgba(255,183,3,0.27)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="bb"].on{background:linear-gradient(180deg,#C4A5F7,#8B5CF6)!important;border-color:#D6C2FA!important;color:#FFFFFF!important;box-shadow:0 0 18px rgba(180,140,240,0.48)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn[data-ind="ema"].on{background:linear-gradient(180deg,#5EF6FF,#06B6D4)!important;border-color:#9AF6FF!important;color:#06222A!important;box-shadow:0 0 18px rgba(0,240,255,0.45)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn.zoom-btn:not(.chart-reset-btn){background:linear-gradient(180deg,rgba(247,147,26,.2),rgba(247,147,26,.06))!important;border:1px solid rgba(247,147,26,0.33)!important;color:#FFC58A!important;box-shadow:0 0 10px rgba(247,147,26,0.1)!important}
html body #fsTradeOverlay .chart-toolbar .chart-reset-btn{box-shadow:0 0 12px rgba(247,147,26,0.14)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="v100"]{background:linear-gradient(135deg,rgba(16,185,129,.36),rgba(6,78,59,.36))!important;border:1.5px solid #34D399!important;box-shadow:0 0 12px rgba(16,185,129,0.42),inset 0 0 8px rgba(52,211,153,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="stable"]{background:linear-gradient(135deg,rgba(239,68,68,.36),rgba(127,29,29,.36))!important;border:1.5px solid #F87171!important;box-shadow:0 0 12px rgba(239,68,68,0.42),inset 0 0 8px rgba(248,113,113,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="apex500"]{background:linear-gradient(135deg,rgba(139,92,246,.36),rgba(76,29,149,.36))!important;border:1.5px solid #A78BFA!important;box-shadow:0 0 12px rgba(139,92,246,0.42),inset 0 0 8px rgba(167,139,250,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="horizon50"]{background:linear-gradient(135deg,rgba(249,115,22,.36),rgba(124,45,18,.36))!important;border:1.5px solid #FB923C!important;box-shadow:0 0 12px rgba(249,115,22,0.25),inset 0 0 8px rgba(251,146,60,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="crash300"]{background:linear-gradient(135deg,rgba(236,72,153,.36),rgba(131,24,67,.36))!important;border:1.5px solid #F472B6!important;box-shadow:0 0 12px rgba(236,72,153,0.42),inset 0 0 8px rgba(244,114,182,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="goldtrend"]{background:linear-gradient(135deg,rgba(245,158,11,.36),rgba(120,53,15,.36))!important;border:1.5px solid #FBBF24!important;box-shadow:0 0 12px rgba(245,158,11,0.25),inset 0 0 8px rgba(251,191,36,0.11)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="boomspike"]{background:linear-gradient(135deg,rgba(45,212,191,.36),rgba(19,78,74,.36))!important;border:1.5px solid #5EEAD4!important;box-shadow:0 0 12px rgba(45,212,191,0.42),inset 0 0 8px rgba(94,234,212,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="nexusprime"]{background:linear-gradient(135deg,rgba(59,130,246,.36),rgba(30,58,138,.36))!important;border:1.5px solid #60A5FA!important;box-shadow:0 0 12px rgba(59,130,246,0.42),inset 0 0 8px rgba(96,165,250,0.18)!important}
html body #fsTradeOverlay .asset-chip.on[data-asset="v75"]{background:linear-gradient(135deg,rgba(217,70,239,.36),rgba(112,26,117,.36))!important;border:1.5px solid #E879F9!important;box-shadow:0 0 12px rgba(217,70,239,0.42),inset 0 0 8px rgba(232,121,249,0.18)!important}
html body #fsTradeOverlay .asset-chip.on .n,html body #fsTradeOverlay .asset-chip.on .payout-live{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}

/* ===== v2215 — Lueurs adoucies ; simulations sombres comme avant (seule la choisie s'allume) ; + − ÷2 ×2 ⌫ ↺ s'allument au toucher ; bouton langue à la bonne hauteur ===== */
html body #screenTrade .dur-chip:not(.on):not(.active){background:linear-gradient(180deg,rgba(247,147,26,.08),rgba(255,255,255,.02))!important;border-color:rgba(247,147,26,0.17)!important}
html body #screenTrade .chart-toolbar .ind-btn.zoom-btn:not(.chart-reset-btn){background:linear-gradient(180deg,rgba(247,147,26,.1),rgba(247,147,26,.03))!important;border-color:rgba(247,147,26,0.23)!important;box-shadow:none!important}
html body #screenTrade .qbtn.tap-lit.tap-lit.tap-lit,html body #screenTrade .ind-btn.zoom-btn.tap-lit.tap-lit.tap-lit,html body #screenTrade .dur-chip.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#FBA43A,#F7931A)!important;border-color:#FFC58A!important;color:#1A1205!important;box-shadow:0 0 12px rgba(247,147,26,0.3)!important}
html body #screenTrade .qbtn-back.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#F87171,#DC2626)!important;border-color:#FCA5A5!important;color:#FFFFFF!important;box-shadow:0 0 12px rgba(239,68,68,.5)!important}
html body #screenTrade .ind-btn.chart-reset-btn.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#FBA43A,#F7931A)!important;color:#1A1205!important;box-shadow:0 0 12px rgba(247,147,26,0.3)!important}
html body #fsTradeOverlay .dur-chip:not(.on):not(.active){background:linear-gradient(180deg,rgba(247,147,26,.08),rgba(255,255,255,.02))!important;border-color:rgba(247,147,26,0.17)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn.zoom-btn:not(.chart-reset-btn){background:linear-gradient(180deg,rgba(247,147,26,.1),rgba(247,147,26,.03))!important;border-color:rgba(247,147,26,0.23)!important;box-shadow:none!important}
html body #fsTradeOverlay .qbtn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .ind-btn.zoom-btn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .dur-chip.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#FBA43A,#F7931A)!important;border-color:#FFC58A!important;color:#1A1205!important;box-shadow:0 0 12px rgba(247,147,26,0.3)!important}
html body #fsTradeOverlay .qbtn-back.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#F87171,#DC2626)!important;border-color:#FCA5A5!important;color:#FFFFFF!important;box-shadow:0 0 12px rgba(239,68,68,.5)!important}
html body #fsTradeOverlay .ind-btn.chart-reset-btn.tap-lit.tap-lit.tap-lit{background:linear-gradient(180deg,#FBA43A,#F7931A)!important;color:#1A1205!important;box-shadow:0 0 12px rgba(247,147,26,0.3)!important}
html body #screenTrade #langBarTrade{display:flex!important;align-items:center!important;height:23px!important;align-self:center!important}
html body #screenTrade #langBarTrade .lang-dd-btn{height:23px!important;min-height:0!important;max-height:23px!important;box-sizing:border-box!important;padding:0 3px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(247,147,26,.12),rgba(247,147,26,.03))!important;border:1px solid rgba(247,147,26,0.24)!important;box-shadow:none!important}

/* ===== v2217 (couleurs de jeu remplacées par v2218 ci-dessous) — Chaque bouton a SA couleur, comme MA / BB / EMA (demande du propriétaire) : léger fond coloré + contour + lueur douce autour ;
   au toucher il s'allume en plein dans sa couleur. Le jaune / orange sombre des boutons est remplacé. Logo OROLADO non touché. ===== */
html body #withdrawModal #wdCryptoGrid .wd-card{background:linear-gradient(180deg,rgba(45,212,191,.14),rgba(11,16,28,.92))!important;border-color:rgba(45,212,191,.42)!important;box-shadow:0 0 8px rgba(45,212,191,.14)!important}
html body #withdrawModal #wdCryptoGrid .wd-card:hover,html body #withdrawModal #wdCryptoGrid .wd-card:active,html body #withdrawModal #wdCryptoGrid .wd-card.on,html body #withdrawModal #wdCryptoGrid .wd-card.active{background:linear-gradient(180deg,rgba(45,212,191,.34),rgba(11,16,28,.92))!important;border-color:rgba(45,212,191,.9)!important;box-shadow:0 0 14px rgba(45,212,191,.45)!important}
html body #withdrawModal #wdLocalGrid .wd-card{background:linear-gradient(180deg,rgba(56,189,248,.14),rgba(11,16,28,.92))!important;border-color:rgba(56,189,248,.42)!important;box-shadow:0 0 8px rgba(56,189,248,.14)!important}
html body #withdrawModal #wdLocalGrid .wd-card:hover,html body #withdrawModal #wdLocalGrid .wd-card:active,html body #withdrawModal #wdLocalGrid .wd-card.on,html body #withdrawModal #wdLocalGrid .wd-card.active{background:linear-gradient(180deg,rgba(56,189,248,.34),rgba(11,16,28,.92))!important;border-color:rgba(56,189,248,.9)!important;box-shadow:0 0 14px rgba(56,189,248,.45)!important}
html body #withdrawModal #wdBankGrid .wd-card{background:linear-gradient(180deg,rgba(167,139,250,.14),rgba(11,16,28,.92))!important;border-color:rgba(167,139,250,.42)!important;box-shadow:0 0 8px rgba(167,139,250,.14)!important}
html body #withdrawModal #wdBankGrid .wd-card:hover,html body #withdrawModal #wdBankGrid .wd-card:active,html body #withdrawModal #wdBankGrid .wd-card.on,html body #withdrawModal #wdBankGrid .wd-card.active{background:linear-gradient(180deg,rgba(167,139,250,.34),rgba(11,16,28,.92))!important;border-color:rgba(167,139,250,.9)!important;box-shadow:0 0 14px rgba(167,139,250,.45)!important}
/* ===== v2218 — Couleurs ORDONNÉES par zone (demande du propriétaire : pro, pas désordonné) :
   haut = violet doux ; outils du graphique (+ − ↺) et mode non choisi = gris-bleu acier ; MA/BB/EMA = couleur de leur ligne ;
   durées (le temps) = bleu ciel ; mise (l'argent) = vert émeraude comme le gain ; ⌫ = rouge. Au toucher : plein dans sa couleur. ===== */
html body #screenTrade .help-badge:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #screenTrade .help-badge.tap-lit.tap-lit.tap-lit,html body #screenTrade .help-badge:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #screenTrade #langBarTrade .lang-dd-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #screenTrade #langBarTrade .lang-dd-btn.tap-lit.tap-lit.tap-lit,html body #screenTrade #langBarTrade .lang-dd-btn:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #screenTrade #btnProfile:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #screenTrade #btnProfile.tap-lit.tap-lit.tap-lit,html body #screenTrade #btnProfile:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #screenTrade #modeDemo:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade #modeDemo:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #modeDemo:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade #modeReal:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade #modeReal:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #modeReal:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade #fsBtnDemo:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade #fsBtnDemo:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #fsBtnDemo:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade #fsBtnReal:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade #fsBtnReal:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #fsBtnReal:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade .chart-toolbar #chartZoomIn:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade .chart-toolbar #chartZoomIn.tap-lit.tap-lit.tap-lit,html body #screenTrade .chart-toolbar #chartZoomIn:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade .chart-toolbar #chartZoomOut:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade .chart-toolbar #chartZoomOut.tap-lit.tap-lit.tap-lit,html body #screenTrade .chart-toolbar #chartZoomOut:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade .chart-toolbar .ind-btn.chart-reset-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #screenTrade .chart-toolbar .ind-btn.chart-reset-btn.tap-lit.tap-lit.tap-lit,html body #screenTrade .chart-toolbar .ind-btn.chart-reset-btn:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #screenTrade .dur-chip:not(.on):not(.active):not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .dur-chip:not(.on):not(.active).tap-lit.tap-lit.tap-lit,html body #screenTrade .dur-chip:not(.on):not(.active):active{background:linear-gradient(180deg,rgba(56,189,248,1),rgba(56,189,248,.8))!important;border-color:rgba(56,189,248,1)!important;color:#04202E!important;box-shadow:0 0 14px rgba(56,189,248,.55)!important}
html body #screenTrade .qbtn.stake-act[data-add="1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #screenTrade .qbtn.stake-act[data-add="1"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-add="1"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #screenTrade .qbtn.stake-act[data-a="half"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="half"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="half"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #screenTrade .qbtn.stake-act[data-a="x2"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="x2"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="x2"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #screenTrade .qbtn.stake-act[data-a="back"]:not(.tap-lit){background:linear-gradient(180deg,rgba(248,113,113,.16),rgba(248,113,113,.04))!important;border:1px solid rgba(248,113,113,.45)!important;color:#FECACA!important;box-shadow:0 0 8px rgba(248,113,113,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="back"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="back"]:active{background:linear-gradient(180deg,rgba(248,113,113,1),rgba(248,113,113,.8))!important;border-color:rgba(248,113,113,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(248,113,113,.55)!important}
html body #screenTrade #inputStake{border-color:rgba(52,211,153,.42)!important;background:linear-gradient(180deg,rgba(52,211,153,.07),rgba(11,14,20,.6))!important;box-shadow:0 0 8px rgba(52,211,153,.14)!important}
html body #screenTrade #inputStake:focus{border-color:rgba(52,211,153,.85)!important;box-shadow:0 0 0 3px rgba(52,211,153,.16)!important}
html body #fsTradeOverlay .help-badge:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #fsTradeOverlay .help-badge.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .help-badge:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #fsTradeOverlay #langBarTrade .lang-dd-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #fsTradeOverlay #langBarTrade .lang-dd-btn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #langBarTrade .lang-dd-btn:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #fsTradeOverlay #btnProfile:not(.tap-lit){background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(167,139,250,.04))!important;border:1px solid rgba(167,139,250,.45)!important;color:#DDD6FE!important;box-shadow:0 0 8px rgba(167,139,250,.18)!important}
html body #fsTradeOverlay #btnProfile.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #btnProfile:active{background:linear-gradient(180deg,rgba(167,139,250,1),rgba(167,139,250,.8))!important;border-color:rgba(167,139,250,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(167,139,250,.55)!important}
html body #fsTradeOverlay #modeDemo:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay #modeDemo:not(.on).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #modeDemo:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay #modeReal:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay #modeReal:not(.on).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #modeReal:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay #fsBtnDemo:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay #fsBtnDemo:not(.on).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #fsBtnDemo:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay #fsBtnReal:not(.on):not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#CBD5E1!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay #fsBtnReal:not(.on).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #fsBtnReal:not(.on):active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay .chart-toolbar #chartZoomIn:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay .chart-toolbar #chartZoomIn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .chart-toolbar #chartZoomIn:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay .chart-toolbar #chartZoomOut:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay .chart-toolbar #chartZoomOut.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .chart-toolbar #chartZoomOut:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn.chart-reset-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.04))!important;border:1px solid rgba(148,163,184,.45)!important;color:#E2E8F0!important;box-shadow:0 0 8px rgba(148,163,184,.18)!important}
html body #fsTradeOverlay .chart-toolbar .ind-btn.chart-reset-btn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .chart-toolbar .ind-btn.chart-reset-btn:active{background:linear-gradient(180deg,rgba(148,163,184,1),rgba(148,163,184,.8))!important;border-color:rgba(148,163,184,1)!important;color:#0B0E14!important;box-shadow:0 0 14px rgba(148,163,184,.55)!important}
html body #fsTradeOverlay .dur-chip:not(.on):not(.active):not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .dur-chip:not(.on):not(.active).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .dur-chip:not(.on):not(.active):active{background:linear-gradient(180deg,rgba(56,189,248,1),rgba(56,189,248,.8))!important;border-color:rgba(56,189,248,1)!important;color:#04202E!important;box-shadow:0 0 14px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="1"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-add="1"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="half"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="half"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="half"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"]:not(.tap-lit){background:linear-gradient(180deg,rgba(52,211,153,.16),rgba(52,211,153,.04))!important;border:1px solid rgba(52,211,153,.45)!important;color:#A7F3D0!important;box-shadow:0 0 8px rgba(52,211,153,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"]:active{background:linear-gradient(180deg,rgba(52,211,153,1),rgba(52,211,153,.8))!important;border-color:rgba(52,211,153,1)!important;color:#04241A!important;box-shadow:0 0 14px rgba(52,211,153,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="back"]:not(.tap-lit){background:linear-gradient(180deg,rgba(248,113,113,.16),rgba(248,113,113,.04))!important;border:1px solid rgba(248,113,113,.45)!important;color:#FECACA!important;box-shadow:0 0 8px rgba(248,113,113,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="back"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="back"]:active{background:linear-gradient(180deg,rgba(248,113,113,1),rgba(248,113,113,.8))!important;border-color:rgba(248,113,113,1)!important;color:#FFFFFF!important;box-shadow:0 0 14px rgba(248,113,113,.55)!important}
html body #fsTradeOverlay #inputStake{border-color:rgba(52,211,153,.42)!important;background:linear-gradient(180deg,rgba(52,211,153,.07),rgba(11,14,20,.6))!important;box-shadow:0 0 8px rgba(52,211,153,.14)!important}
html body #fsTradeOverlay #inputStake:focus{border-color:rgba(52,211,153,.85)!important;box-shadow:0 0 0 3px rgba(52,211,153,.16)!important}
html body #screenAuth .auth-card input[type=text],html body #screenAuth .auth-card input[type=email],html body #screenAuth .auth-card input[type=password],html body #screenAuth .auth-card input[type=tel],html body #screenAuth .auth-card input:not([type]){border:1px solid rgba(56,189,248,.4)!important;background:linear-gradient(180deg,rgba(56,189,248,.07),rgba(11,14,20,.85))!important;box-shadow:0 0 8px rgba(56,189,248,.12)!important}
html body #screenAuth .auth-card input:focus{border-color:rgba(56,189,248,.9)!important;box-shadow:0 0 0 3px rgba(56,189,248,.16),0 0 12px rgba(56,189,248,.25)!important}
html body #screenAuth .auth-card .field label{color:#BAE6FD!important}
html body #screenAuth .auth-tab:not(.on){background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(148,163,184,.03))!important;border:1px solid rgba(148,163,184,.35)!important;color:#CBD5E1!important}
html body #screenAuth .pass-toggle{color:#BAE6FD!important}
html body #screenAuth input[type=checkbox]{accent-color:#34D399!important}

/* ===== v2220 — Bouton langue (drapeau + petit triangle) bien construit, comme avant sur iPhone, avec de l'espace :
   espace entre « Aide » et la langue, et entre la langue et le bord ; Connexion / Inscription cèdent quelques pixels. ===== */
html body #screenTrade .topbar-actions{gap:7px!important;margin-right:5px!important;flex:0 0 auto!important}
html body #screenTrade #langBarTrade{display:flex!important;align-items:center!important;height:24px!important;margin:0!important;flex:0 0 auto!important}
html body #screenTrade #langBarTrade .lang-dd-btn{width:28px!important;min-width:28px!important;max-width:28px!important;height:24px!important;min-height:24px!important;max-height:24px!important;box-sizing:border-box!important;padding:2px 0 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:hidden!important;border-radius:8px!important}
html body #screenTrade #langBarTrade .lang-flag{display:block!important;font-size:13px!important;line-height:13px!important;height:13px!important;margin:0!important}
html body #screenTrade #langBarTrade .lang-chev{display:block!important;font-size:8px!important;line-height:7px!important;height:7px!important;margin:1px 0 0!important}

/* ===== v2221 — Durée choisie en bleu ciel plein (couleur de sa zone, plus orange) ; « Mise min » encadré vert avec lueur douce ; lueur du carré du gain resserrée pour qu'elle fasse tout le tour (Android : le bord du panneau coupait la lueur à droite) ===== */
html body #screenTrade .dur-chip.on,html body #screenTrade .dur-chip.active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border:1px solid #BAE6FD!important;color:#04202E!important;box-shadow:0 0 8px rgba(56,189,248,.5)!important}
html body #screenTrade .stake-min-label{display:inline-flex!important;align-items:center!important;padding:2px 7px!important;border:1px solid rgba(52,211,153,.45)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(52,211,153,.03))!important;color:#A7F3D0!important;font-weight:700!important;letter-spacing:.02em!important;box-shadow:0 0 6px rgba(52,211,153,.2)!important;white-space:nowrap!important;line-height:1.2!important}
html body #fsTradeOverlay .dur-chip.on,html body #fsTradeOverlay .dur-chip.active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border:1px solid #BAE6FD!important;color:#04202E!important;box-shadow:0 0 8px rgba(56,189,248,.5)!important}
html body #fsTradeOverlay .stake-min-label{display:inline-flex!important;align-items:center!important;padding:2px 7px!important;border:1px solid rgba(52,211,153,.45)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(52,211,153,.03))!important;color:#A7F3D0!important;font-weight:700!important;letter-spacing:.02em!important;box-shadow:0 0 6px rgba(52,211,153,.2)!important;white-space:nowrap!important;line-height:1.2!important}
@media (max-width:859px){html body #screenTrade .win-preview{box-shadow:0 0 5px rgba(16,185,129,.35),inset 0 0 10px rgba(16,185,129,.16),inset 0 1px 0 rgba(255,255,255,.1)!important}}
@media (max-width:340px){html body #screenTrade .stake-min-label{display:none!important}}
@media (max-width:400px){html body #screenTrade .stake-min-label{padding:1px 5px!important;font-size:9px!important;letter-spacing:0!important}html body #screenTrade .stake-min-actions .qbtn.stake-act{width:33px!important;min-width:33px!important;max-width:33px!important}}

/* ===== v2222 — Croix (×) : quand l'application la cache (formulaires de retrait, où la flèche ← sert de retour), elle disparaît vraiment.
   Une ancienne règle (.btn-close … inline-flex !important) la forçait à rester visible. ===== */
html body .btn-close.hidden:not(#oroNoX1):not(#oroNoX2):not(#oroNoX3):not(#oroNoX4){display:none!important}

/* ===== v2223 — Durées : plus aucun flash orange au toucher (bleu ciel seulement) ; Android : « Aide » et la langue décollés du bord ===== */
html body #screenTrade .dur-chip.tap-lit.tap-lit.tap-lit.tap-lit,html body #screenTrade .dur-chip.hit,html body #screenTrade .dur-chip:active,
html body #fsTradeOverlay .dur-chip.tap-lit.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .dur-chip.hit,html body #fsTradeOverlay .dur-chip:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 10px rgba(56,189,248,.55)!important}
html.is-android body #screenTrade .topbar-actions{margin-right:12px!important;margin-left:6px!important}

/* ===== v2225 — Android uniquement : bouton langue toujours entier (son contour fait tout le tour).
   Taille du texte bloquée (Chrome Android grossit parfois le texte et poussait la langue hors de l'écran) ;
   Aide et langue décollés du bord (16 px) ; Connexion / Inscription cèdent la place au lieu de pousser. ===== */
html.is-android{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
html.is-android body #screenTrade .topbar-actions{margin-right:16px!important;margin-left:8px!important;flex:0 0 auto!important}
html.is-android body #screenTrade #authQuick{min-width:0!important;flex-shrink:1!important}
html.is-android body #screenTrade #authQuick > button{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media (max-width:359px){html.is-android body #screenTrade #authQuick > button{padding-left:7px!important;padding-right:7px!important}html.is-android body #screenTrade .topbar-actions{margin-right:12px!important;margin-left:6px!important}}

/* ===== v2226 — (1) VRAIE cause Android : la boîte #langBarTrade faisait 26 px et cachait ce qui dépasse, le bouton en fait 28 :
   son bord droit était coupé. La boîte prend maintenant la taille du bouton. Aide rapproché d'Inscription (Android).
   (2) Zone durées / mise / gain en BLEU ciel (le chiffre orange de la mise ne change pas, ⌫ reste rouge).
   (3) Cadre du solde : vraie lueur orange en DÉMO, verte en RÉEL. ===== */
html body #screenTrade #langBarTrade{width:auto!important;min-width:28px!important;overflow:visible!important}
html.is-android body #screenTrade .topbar-actions{margin-left:0!important;margin-right:20px!important}
html body #screenTrade .qbtn.stake-act[data-add="1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .qbtn.stake-act[data-add="1"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-add="1"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade .qbtn.stake-act[data-a="half"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="half"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="half"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade .qbtn.stake-act[data-a="x2"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="x2"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="x2"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade #inputStake{border-color:rgba(56,189,248,.42)!important;background:linear-gradient(180deg,rgba(56,189,248,.07),rgba(11,14,20,.6))!important;box-shadow:0 0 8px rgba(56,189,248,.14)!important}
html body #screenTrade #inputStake:focus{border-color:rgba(56,189,248,.85)!important;box-shadow:0 0 0 3px rgba(56,189,248,.16)!important}
html body #screenTrade .stake-min-label{border-color:rgba(56,189,248,.45)!important;background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(56,189,248,.03))!important;color:#BAE6FD!important;box-shadow:0 0 6px rgba(56,189,248,.2)!important}
html body #screenTrade .win-preview{background:linear-gradient(160deg,rgba(56,189,248,.26) 0%,rgba(12,74,110,.4) 55%,rgba(11,14,20,.9) 100%)!important;border:1px solid rgba(56,189,248,.7)!important}
html body #screenTrade .win-preview .label{color:#BAE6FD!important}
html body #screenTrade .win-preview .amount{color:#7DD3FC!important;text-shadow:0 0 12px rgba(56,189,248,.5)!important}
html body #screenTrade .win-preview .mult{background:rgba(56,189,248,.18)!important;border-color:rgba(56,189,248,.5)!important;color:#E0F2FE!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="1"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-add="1"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="half"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="half"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="half"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="x2"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay #inputStake{border-color:rgba(56,189,248,.42)!important;background:linear-gradient(180deg,rgba(56,189,248,.07),rgba(11,14,20,.6))!important;box-shadow:0 0 8px rgba(56,189,248,.14)!important}
html body #fsTradeOverlay #inputStake:focus{border-color:rgba(56,189,248,.85)!important;box-shadow:0 0 0 3px rgba(56,189,248,.16)!important}
html body #fsTradeOverlay .stake-min-label{border-color:rgba(56,189,248,.45)!important;background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(56,189,248,.03))!important;color:#BAE6FD!important;box-shadow:0 0 6px rgba(56,189,248,.2)!important}
html body #fsTradeOverlay .win-preview{background:linear-gradient(160deg,rgba(56,189,248,.26) 0%,rgba(12,74,110,.4) 55%,rgba(11,14,20,.9) 100%)!important;border:1px solid rgba(56,189,248,.7)!important}
html body #fsTradeOverlay .win-preview .label{color:#BAE6FD!important}
html body #fsTradeOverlay .win-preview .amount{color:#7DD3FC!important;text-shadow:0 0 12px rgba(56,189,248,.5)!important}
html body #fsTradeOverlay .win-preview .mult{background:rgba(56,189,248,.18)!important;border-color:rgba(56,189,248,.5)!important;color:#E0F2FE!important}
@media (max-width:859px){html body #screenTrade .win-preview{box-shadow:0 0 5px rgba(56,189,248,.35),inset 0 0 10px rgba(56,189,248,.16),inset 0 1px 0 rgba(255,255,255,.1)!important}}
@media (min-width:860px){html body #screenTrade .win-preview{box-shadow:0 0 10px rgba(56,189,248,.25),inset 0 1px 0 rgba(255,255,255,.1)!important}}
html body #screenTrade .balance-card{background:linear-gradient(135deg,rgba(247,147,26,.14) 0%,rgba(247,147,26,.04) 45%,rgba(18,23,34,.95) 100%)!important;border:1px solid rgba(247,147,26,.6)!important;box-shadow:0 0 12px rgba(247,147,26,.22),inset 0 0 14px rgba(247,147,26,.08),inset 0 1px 0 rgba(255,255,255,.06)!important}
html body #screenTrade.mode-real .balance-card{background:linear-gradient(135deg,rgba(52,211,153,.14) 0%,rgba(52,211,153,.04) 45%,rgba(18,23,34,.95) 100%)!important;border:1px solid rgba(52,211,153,.6)!important;box-shadow:0 0 12px rgba(52,211,153,.22),inset 0 0 14px rgba(52,211,153,.08),inset 0 1px 0 rgba(255,255,255,.06)!important}

/* ===== v2227 — ⌫ bleu comme sa zone (rouge seulement au toucher) ; DÉMO / RÉEL non choisis : intérieur sombre + contour lumineux net
   (orange pour DÉMO, vert pour RÉEL) ; solde : intérieur sombre et net, seulement un contour coloré propre (plus de fond flou) ===== */
html body #screenTrade .qbtn.stake-act[data-a="back"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .qbtn.stake-act[data-a="back"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-a="back"]:active{background:linear-gradient(180deg,#F87171,#DC2626)!important;border-color:#FCA5A5!important;color:#FFFFFF!important;box-shadow:0 0 12px rgba(239,68,68,.55)!important}
html body #screenTrade #modeDemo:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(247,147,26,.7)!important;color:#FED7AA!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #screenTrade #fsBtnDemo:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(247,147,26,.7)!important;color:#FED7AA!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #screenTrade #modeReal:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(52,211,153,.7)!important;color:#A7F3D0!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}
html body #screenTrade #fsBtnReal:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(52,211,153,.7)!important;color:#A7F3D0!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="back"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-a="back"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-a="back"]:active{background:linear-gradient(180deg,#F87171,#DC2626)!important;border-color:#FCA5A5!important;color:#FFFFFF!important;box-shadow:0 0 12px rgba(239,68,68,.55)!important}
html body #fsTradeOverlay #modeDemo:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(247,147,26,.7)!important;color:#FED7AA!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #fsTradeOverlay #fsBtnDemo:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(247,147,26,.7)!important;color:#FED7AA!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #fsTradeOverlay #modeReal:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(52,211,153,.7)!important;color:#A7F3D0!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}
html body #fsTradeOverlay #fsBtnReal:not(.on):not(.tap-lit){background:#0E131D!important;border:1px solid rgba(52,211,153,.7)!important;color:#A7F3D0!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}
html body #screenTrade .balance-card{background:rgba(14,19,29,.96)!important;border:1px solid rgba(247,147,26,.75)!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #screenTrade.mode-real .balance-card{background:rgba(14,19,29,.96)!important;border:1px solid rgba(52,211,153,.75)!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}

/* ===== v2228 — Mise : chiffre ORANGE en DÉMO, VERT pur en RÉEL (on sait tout de suite où on joue) ;
   toutes les croix (×) et flèches retour (←) du site : lueur bleu ciel douce, même forme et même place ===== */
html body #screenTrade #inputStake{color:#F7931A!important;-webkit-text-fill-color:#F7931A!important;caret-color:#F7931A!important}
html body #screenTrade.mode-real #inputStake,html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay #inputStake{color:#22E07A!important;-webkit-text-fill-color:#22E07A!important;caret-color:#22E07A!important;text-shadow:0 0 8px rgba(34,224,122,.35)!important}
html body .btn-close:not(#oroGl1):not(#oroGl2):not(#oroGl3):not(#oroGl4),html body .auth-back:not(#oroGl1):not(#oroGl2):not(#oroGl3):not(#oroGl4){border-color:rgba(56,189,248,.6)!important;color:#E0F2FE!important;box-shadow:0 0 9px rgba(56,189,248,.38),inset 0 0 6px rgba(56,189,248,.18)!important;transition:box-shadow .15s,border-color .15s!important}
html body .btn-close:not(#oroGl1):not(#oroGl2):not(#oroGl3):not(#oroGl4):active,html body .auth-back:not(#oroGl1):not(#oroGl2):not(#oroGl3):not(#oroGl4):active{border-color:#7DD3FC!important;box-shadow:0 0 16px rgba(56,189,248,.7),inset 0 0 8px rgba(56,189,248,.3)!important}
html body .wd-back-ico,html body .crypto-back{color:#BAE6FD!important;filter:drop-shadow(0 0 4px rgba(56,189,248,.75))!important}
html body .wd-back-ico:active,html body .crypto-back:active{filter:drop-shadow(0 0 8px rgba(56,189,248,1))!important}

/* ===== v2229 — Titre des Conditions : même lueur bleu ciel que les croix ; chrono qui ne dépasse jamais la durée et ne remonte jamais ===== */
html body #termsModal #termsTitle{border:1px solid rgba(56,189,248,.6)!important;background:rgba(14,19,29,.96)!important;color:#E0F2FE!important;box-shadow:0 0 9px rgba(56,189,248,.38),inset 0 0 6px rgba(56,189,248,.18)!important}

/* ===== v2230 — TV : les 6 durées sur une seule ligne (plus petites) ; carré du gain à droite, sous + ÷2 ×2 ⌫.
   PC : carré du gain sans la longue bande bleue (fond sombre uni, contour bleu net, lueur courte), contenu centré. ===== */
html.is-tv body #screenTrade .pad .dur-row,html.is-tv body #fsTradeOverlay .dur-row{flex-wrap:nowrap!important;overflow:visible!important;height:auto!important;gap:3px!important}
html.is-tv body #screenTrade .pad .dur-row .dur-chip,html.is-tv body #fsTradeOverlay .dur-row .dur-chip{flex:1 1 0!important;min-width:0!important;width:auto!important;padding-left:1px!important;padding-right:1px!important;font-size:10px!important;white-space:nowrap!important;letter-spacing:0!important}
html.is-tv body #screenTrade .stake-line{flex-wrap:wrap!important}
html.is-tv body #screenTrade .stake-line .win-preview{margin-left:auto!important;margin-right:0!important;align-self:flex-end!important}
@media (min-width:860px){
html body #screenTrade .win-preview{background:rgba(14,19,29,.96)!important;border:1px solid rgba(56,189,248,.65)!important;box-shadow:0 0 6px rgba(56,189,248,.3)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:1px!important;padding:4px 6px!important;overflow:hidden!important}
html body #screenTrade .win-preview .label{display:block!important;font-size:8px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
html body #screenTrade .win-preview .amount{font-size:16px!important;font-weight:900!important;white-space:nowrap!important}
html body #screenTrade .win-preview .mult{display:inline-block!important;font-size:8.5px!important;padding:2px 7px!important;border-radius:999px!important;border:1px solid rgba(56,189,248,.5)!important;background:rgba(56,189,248,.14)!important;white-space:nowrap!important}
}

/* ===== v2231 — Titres « Rendement estimé », « PAYOUT » et « Mise min » retirés ; montant du gain remonté ;
   boutons + − ÷2 ×2 ⌫ sur toute la largeur, égaux et bien alignés ; nouveau bouton − (bleu comme sa zone) ===== */
html body #screenTrade .win-preview .label,html body #screenTrade .odds-label.payout-badge,html body #screenTrade .stake-min-label{display:none!important}
html body #screenTrade .win-preview{justify-content:center!important;gap:3px!important}
html body #screenTrade .stake-min{display:flex!important;width:100%!important;justify-content:stretch!important}
html body #screenTrade .stake-min-actions{display:flex!important;flex:1 1 auto!important;width:100%!important;gap:5px!important;justify-content:space-between!important}
html body #screenTrade .stake-min-actions .qbtn.stake-act{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}
html body #screenTrade .qbtn.stake-act[data-add="-1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #screenTrade .qbtn.stake-act[data-add="-1"].tap-lit.tap-lit.tap-lit,html body #screenTrade .qbtn.stake-act[data-add="-1"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay .win-preview .label,html body #fsTradeOverlay .odds-label.payout-badge,html body #fsTradeOverlay .stake-min-label{display:none!important}
html body #fsTradeOverlay .win-preview{justify-content:center!important;gap:3px!important}
html body #fsTradeOverlay .stake-min{display:flex!important;width:100%!important;justify-content:stretch!important}
html body #fsTradeOverlay .stake-min-actions{display:flex!important;flex:1 1 auto!important;width:100%!important;gap:5px!important;justify-content:space-between!important}
html body #fsTradeOverlay .stake-min-actions .qbtn.stake-act{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="-1"]:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.18)!important}
html body #fsTradeOverlay .qbtn.stake-act[data-add="-1"].tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .qbtn.stake-act[data-add="-1"]:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade .win-preview,html body #fsTradeOverlay .win-preview{gap:7px!important}
html body #screenTrade .win-preview .amount,html body #fsTradeOverlay .win-preview .amount{margin-top:-2px!important}

/* ===== v2231 (suite) — PC : les 10 simulations toujours visibles sans défiler (2 lignes de 5, nom et % sur la même ligne)
   sauf sur très grand écran où une seule ligne suffit ; Retrait PC plus large (5 colonnes) pour ne plus défiler ;
   carré du gain : plus d'espace entre le montant et « Payout ». ===== */
@media (min-width:860px){
html:not(.is-tv) body #depositModal .modal-box{width:min(600px,94vw)!important;max-width:600px!important;scrollbar-width:none!important}
html:not(.is-tv) body #depositModal .modal-box::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html:not(.is-tv) body #depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
@media (min-width:860px){
/* PC : les 10 simulations sur UNE seule ligne, toutes visibles, sans défiler : chaque case cède quelques pixels et le nom s'adapte à la largeur. */
html:not(.is-tv) body #screenTrade #assetBar{overflow:hidden!important;gap:4px!important}
html:not(.is-tv) body #screenTrade #assetBar .asset-chip{flex:1 1 0!important;min-width:0!important;padding-left:5px!important;padding-right:5px!important}
html:not(.is-tv) body #screenTrade #assetBar .asset-chip .n{font-size:clamp(7.5px,.62vw,11.5px)!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-width:0!important}
html:not(.is-tv) body #screenTrade #assetBar .asset-chip .payout-live{font-size:clamp(8px,.66vw,10.9px)!important}
}
@media (min-width:860px){html:not(.is-tv) body #screenTrade #assetBar .asset-chip[data-asset="titanpulse"] .n{font-size:clamp(7px,.56vw,10.4px)!important}}
@media (min-width:860px) and (max-width:1199px){html:not(.is-tv) body #screenTrade #assetBar .asset-chip .asset-ico{display:none!important}html:not(.is-tv) body #screenTrade #assetBar .asset-chip{padding-left:3px!important;padding-right:3px!important}}

/* ===== v2234 — Aide / langue / profil en bleu ciel (plus de violet) ; espace entre les boutons de mise et les payout ;
   montant du gain qui rétrécit pour tenir ; petites flèches des cases montant retirées ; PC : « Retirer des fonds » coloré
   comme sur téléphone, Retrait sans défilement (plus large), Dépôt un peu plus petit ===== */
html body #screenTrade .help-badge:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #screenTrade .help-badge.tap-lit.tap-lit.tap-lit,html body #screenTrade .help-badge:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade #langBarTrade .lang-dd-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #screenTrade #langBarTrade .lang-dd-btn.tap-lit.tap-lit.tap-lit,html body #screenTrade #langBarTrade .lang-dd-btn:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade #btnProfile:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #screenTrade #btnProfile.tap-lit.tap-lit.tap-lit,html body #screenTrade #btnProfile:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #screenTrade .win-preview .amount{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-align:center!important}
html body #fsTradeOverlay .help-badge:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #fsTradeOverlay .help-badge.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay .help-badge:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay #langBarTrade .lang-dd-btn:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #fsTradeOverlay #langBarTrade .lang-dd-btn.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #langBarTrade .lang-dd-btn:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay #btnProfile:not(.tap-lit){background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.5)!important;color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #fsTradeOverlay #btnProfile.tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #btnProfile:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border-color:#BAE6FD!important;color:#04202E!important;box-shadow:0 0 12px rgba(56,189,248,.55)!important}
html body #fsTradeOverlay .win-preview .amount{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-align:center!important}
html body #screenTrade .stake-line{margin-bottom:9px!important}
html body input[type=number]::-webkit-inner-spin-button,html body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important}
html body input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}
@media (min-width:860px){
html:not(.is-tv) body #drawerProfile #btnWithdraw{background:linear-gradient(180deg,rgba(245,158,11,.22),rgba(180,83,9,.1))!important;border:1px solid rgba(245,158,11,.45)!important;border-radius:10px!important;box-shadow:0 0 12px rgba(245,158,11,.18)!important}
html:not(.is-tv) body #withdrawModal .withdraw-box{width:min(720px,94vw)!important;max-width:720px!important;scrollbar-width:none!important}
html:not(.is-tv) body #withdrawModal .withdraw-box::-webkit-scrollbar,html:not(.is-tv) body #withdrawModal #wdStepGrid::-webkit-scrollbar{display:none!important;width:0!important}
html:not(.is-tv) body #withdrawModal #wdStepGrid{scrollbar-width:none!important}
html:not(.is-tv) body #withdrawModal #wdLocalGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html:not(.is-tv) body #withdrawModal #wdCryptoGrid,html:not(.is-tv) body #withdrawModal #wdBankGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html:not(.is-tv) body #depositModal .modal-box{width:min(560px,94vw)!important;max-width:560px!important;padding-top:12px!important;padding-bottom:10px!important}
}

/* ===== v2235 — Connexion (visiteur) et langue de la page Connexion / Inscription en bleu ciel ;
   espacements égaux autour de la mise (5 px partout) ===== */
html body #screenTrade #btnGoLogin:not(.on){background:linear-gradient(180deg,rgba(56,189,248,.14),rgba(56,189,248,.03))!important;border:1px solid rgba(56,189,248,.5)!important;color:#E0F2FE!important;box-shadow:0 0 8px rgba(56,189,248,.22)!important}
html body #screenTrade #btnGoLogin:not(.on):active{border-color:#7DD3FC!important;box-shadow:0 0 14px rgba(56,189,248,.55)!important}
html body #screenAuth #langBarAuth .lang-dd-btn{background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.55)!important;box-shadow:0 0 9px rgba(56,189,248,.3),inset 0 0 6px rgba(56,189,248,.15)!important}
html body #screenTrade .stake-field{gap:5px!important}
html body #screenTrade .stake-line{gap:5px!important}
html body #fsTradeOverlay .stake-field{gap:5px!important}
html body #fsTradeOverlay .stake-line{gap:5px!important}

/* ===== v2236 — Mise : espacement exact (5 px partout, le carré du gain finit pile sur la ligne des boutons) ;
   bouton langue retiré de la page Connexion / Inscription (la langue se choisit sur le site) ===== */
html body #screenTrade .stake-min,html body #fsTradeOverlay .stake-min{margin:0!important;padding:0!important}
html body #screenAuth #langBarAuth{display:none!important}
@media (min-width:860px){html:not(.is-tv) body #screenTrade .stake-field{flex:1 1 0!important;max-width:none!important;width:auto!important}html:not(.is-tv) body #screenTrade .win-preview{margin-left:0!important}}

/* ===== v2237 — Reçus : colonne du bouton reçu dans l'historique des trades ===== */
html body .hist-table td.hist-rc{width:24px!important;min-width:24px!important;max-width:24px!important;padding:2px 0 2px 2px!important;text-align:right!important;overflow:visible!important}
html body .hist-table td.hist-rc .rc-dlbtn{width:22px!important;height:22px!important;min-width:22px!important;border-radius:7px!important}
html body .hist-table td.hist-rc .rc-dlbtn svg{width:12px!important;height:12px!important}
html body .hist-table tr.rc-open td{cursor:pointer}
/* Historique des trades en cartes (remplace le tableau serré) */
html body .hc-list{display:flex;flex-direction:column;gap:7px}
html body .hc{display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:10px 10px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(56,189,248,.18)}
html body .hc.rc-open{cursor:pointer}
html body .hc.rc-open:hover,html body .hc.rc-open:active{border-color:rgba(56,189,248,.65);box-shadow:0 0 10px rgba(56,189,248,.2)}
html body .hc-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#0F1626;border:1px solid rgba(148,163,184,.2)}
html body .hc-ico svg{width:18px!important;height:18px!important}
html body .hc-main{min-width:0}
html body .hc-name{font-weight:800;font-size:13px;color:#F1F5F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .hc-side{display:inline-block;margin-left:4px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;vertical-align:1px}
html body .hc-side.call{color:#86EFAC;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.4)}
html body .hc-side.put{color:#FDA4AF;background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.4)}
html body .hc-meta{font-size:11px;color:#94A3B8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .hc-res{text-align:right}
html body .hc-pnl{font-weight:800;font-size:14px;color:#E2E8F0;white-space:nowrap}
html body .hc-pnl.w{color:#22E07A}html body .hc-pnl.l{color:#FF5577}
html body .hc-st{font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;white-space:nowrap}
html body .hc .rc-dlbtn{width:30px;height:30px}

/* ===== v2239 — Titres importants avec lueur bleu ciel ; « Voir plus » soigné ; logo de la page Connexion plus grand et net ===== */
html body #histSheetTitle,html body #financeModal .modal-title,html body #withdrawModal .modal-title,html body #depositModal .modal-title,html body #depositModal #payMethodUsdt .pay-method-title,html body #drawerProfile #profTitle{display:inline-block!important;padding:5px 14px!important;border-radius:10px!important;border:1px solid rgba(56,189,248,.55)!important;background:linear-gradient(180deg,rgba(56,189,248,.14),rgba(56,189,248,.03))!important;box-shadow:0 0 10px rgba(56,189,248,.3),inset 0 0 6px rgba(56,189,248,.12)!important;color:#FFB15C!important;line-height:1.25!important}
html body .tx-more{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;margin:10px 0 2px!important;border-radius:12px!important;border:1px solid rgba(56,189,248,.6)!important;background:linear-gradient(180deg,rgba(56,189,248,.2),rgba(37,99,235,.08))!important;color:#E0F2FE!important;font-weight:800!important;font-size:14px!important;box-shadow:0 0 10px rgba(56,189,248,.3)!important}
html body .tx-more:active{box-shadow:0 0 16px rgba(56,189,248,.6)!important}
html body #screenAuth .logo-mark{width:64px!important;height:64px!important;image-rendering:auto!important}
@media (max-width:420px){html body #screenAuth .logo-mark{width:58px!important;height:58px!important}}

/* ===== v2240 — Lueur des titres ajustée au texte (ne touche plus la croix) ; profil : petites lueurs sur chaque ligne, « Retirer des fonds » mis en avant ===== */
html body #historySheet .modal-head-row,html body #financeModal .modal-head-row{justify-content:space-between!important}
html body #histSheetTitle,html body #financeModal .modal-title{flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 58px)!important;margin-right:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #withdrawModal .wd-modal-head{justify-content:center!important;position:relative!important}
html body #withdrawModal .wd-modal-head .modal-title{flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 110px)!important;margin:0 auto!important}
html body #depositModal .modal-head-row .modal-title,html body #depositModal > .modal-box > .modal-title{flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 58px)!important}
html body #drawerProfile .drawer-item:not(#btnWithdraw):not(.drawer-logout){border:1px solid rgba(56,189,248,.28)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(56,189,248,.06),rgba(56,189,248,.01))!important;box-shadow:0 0 6px rgba(56,189,248,.14)!important;margin-bottom:6px!important}
html body #drawerProfile .drawer-item:not(#btnWithdraw):not(.drawer-logout):active{border-color:rgba(56,189,248,.7)!important;box-shadow:0 0 12px rgba(56,189,248,.4)!important}
html body #drawerProfile #btnWithdraw{background:linear-gradient(180deg,rgba(247,147,26,.32),rgba(194,65,12,.14))!important;border:1px solid rgba(247,147,26,.8)!important;border-radius:12px!important;box-shadow:0 0 14px rgba(247,147,26,.38),inset 0 0 10px rgba(247,147,26,.12)!important;margin-bottom:6px!important}
html body #drawerProfile #btnWithdraw .di-label{color:#FFD9A8!important;font-weight:800!important}
html body #passModal .modal-title,html body #emailModal .modal-title,html body #logoutOthersModal .modal-title{display:inline-block!important;flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 58px)!important;margin-right:auto!important;padding:5px 14px!important;border-radius:10px!important;border:1px solid rgba(56,189,248,.55)!important;background:linear-gradient(180deg,rgba(56,189,248,.14),rgba(56,189,248,.03))!important;box-shadow:0 0 10px rgba(56,189,248,.3)!important;color:#FFB15C!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ===== v2241 ===== */
/* « Solde insuffisant » (compte réel seulement) : message plein orange, bien lisible */
html body #toast.toast.lux-msg.toast-bal{background:linear-gradient(180deg,#FBA43A,#F7931A)!important;border:1px solid #FFD29A!important;box-shadow:0 8px 24px rgba(247,147,26,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #toast.toast.toast-bal .lux-msg-txt{color:#1A1205!important;font-size:.86rem!important;font-weight:800!important}
/* reçus : affichés carrés aussi à l'écran */
html body #rcptModal .rc-img{border-radius:0!important}
/* « Déconnecter mes autres appareils » : titre écrit en entier sur tous les téléphones */
html body #logoutOthersModal .modal-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;margin:0 auto!important;text-align:center!important;font-size:clamp(13px,3.9vw,17px)!important;line-height:1.25!important}
/* Retrait, étape formulaire (pas de croix, seulement la flèche retour) : lueur longue comme avant */
html body #withdrawModal .wd-modal-head:has(#closeWithdraw.hidden) .modal-title{flex:1 1 auto!important;max-width:none!important;width:auto!important;margin:0 0 0 8px!important;text-align:center!important}
/* Android, joueur connecté : « Aide » ne touche plus « Recharger » */
html.is-android:not(.oro-guest) body #screenTrade .topbar-actions{margin-left:10px!important;margin-right:8px!important;gap:6px!important}
html.is-android:not(.oro-guest) body #screenTrade #btnOpenDeposit{min-width:0!important;flex-shrink:1!important}
/* pas de zoom au double toucher (le zoom restait après actualisation) */
html,body,button,.btn-trade,.qbtn,.dur-chip,.odds-chip,.asset-chip,.ind-btn,input{touch-action:manipulation}

/* ===== v2243 — Arabe (droite à gauche) : les titres restent à droite, la croix à gauche, sans se croiser ===== */
html[dir=rtl] body #histSheetTitle,html[dir=rtl] body #financeModal .modal-title,html[dir=rtl] body #depositModal .modal-head-row .modal-title,html[dir=rtl] body #passModal .modal-title,html[dir=rtl] body #emailModal .modal-title{margin-right:0!important;margin-left:auto!important;max-width:calc(100% - 64px)!important}
html[dir=rtl] body #historySheet .modal-head-row,html[dir=rtl] body #financeModal .modal-head-row{padding-left:52px!important}

/* ===== v2244 — DÉMO / COMPTE RÉEL : chaque bouton remplit sa case (plus de vide à droite de COMPTE RÉEL) ===== */
html body #screenTrade #modeSwitcher{grid-template-columns:minmax(0,37fr) minmax(0,63fr)!important}
html body #screenTrade #modeSwitcher > .mode-btn{width:100%!important;min-width:0!important;justify-self:stretch!important;margin:0!important}
html body #screenTrade #modeSwitcher > .mode-btn:not(.on),html body #fsTradeOverlay .fs-mode-btn:not(.on){transform:none!important}

/* ===== v2245 — DÉMO / COMPTE RÉEL à parts égales ; portefeuille dessiné devant « COMPTE RÉEL » (le côté sérieux) ===== */
html body #screenTrade #modeSwitcher{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
html body #screenTrade #modeReal,html body #fsTradeOverlay #fsBtnReal{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
html body #screenTrade #modeReal::before,html body #fsTradeOverlay #fsBtnReal::before{content:""!important;display:inline-block!important;flex:0 0 auto!important;width:19px!important;height:19px!important;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2334D399'/%3E%3Cstop offset='1' stop-color='%23059669'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 6.5h13.5a1.5 1.5 0 0 1 1.5 1.5v1H21v8h-2v1a1.5 1.5 0 0 1-1.5 1.5H4A2 2 0 0 1 2 17.5v-9A2 2 0 0 1 4 6.5z' fill='url(%23g)' stroke='%23ECFDF5' stroke-width='1.1'/%3E%3Cpath d='M4.5 6.5 15 3.2a1.2 1.2 0 0 1 1.5.9l.5 2.4' fill='none' stroke='%23FCD34D' stroke-width='1.4' stroke-linecap='round'/%3E%3Crect x='14.5' y='10.5' width='7' height='5' rx='1.4' fill='%23064E3B' stroke='%23ECFDF5' stroke-width='1'/%3E%3Ccircle cx='17' cy='13' r='1.1' fill='%23FCD34D'/%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 3px rgba(52,211,153,.55))!important}

/* ===== v2246 — Plein écran : DÉMO / RÉEL avec les mêmes couleurs que l'écran normal, même taille, « + » au milieu ;
   solde orange en démo, vert en réel ===== */
html body #fsTradeOverlay .fs-mode-switch .fs-mode-btn{flex:0 0 auto!important;width:clamp(58px,17vw,124px)!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important;transform:none!important;display:flex!important;align-items:center!important;height:clamp(26px,7vw,32px)!important;min-height:0!important;padding:0 4px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;gap:clamp(4px,1.2vw,7px)!important}
html body #fsTradeOverlay #fsBtnDemo:not(.on){background:#0E131D!important;border:1px solid rgba(247,147,26,.7)!important;color:#FED7AA!important;box-shadow:0 0 7px rgba(247,147,26,.35)!important}
html body #fsTradeOverlay #fsBtnReal:not(.on){background:#0E131D!important;border:1px solid rgba(52,211,153,.7)!important;color:#A7F3D0!important;box-shadow:0 0 7px rgba(52,211,153,.35)!important}
html body #fsTradeOverlay #fsBtnDemo.on{background:linear-gradient(135deg,#FFB300,#FF6D00)!important;color:#1a0d00!important;border:1px solid rgba(255,171,64,.8)!important;box-shadow:0 0 14px rgba(255,109,0,.45)!important}
html body #fsTradeOverlay #fsBtnReal.on{background:linear-gradient(135deg,#FFE082,#00E676 55%,#00C853)!important;color:#04140a!important;border:1px solid rgba(255,215,0,.7)!important;box-shadow:0 0 14px rgba(0,230,118,.45)!important}
html body #fsTradeOverlay #fsTopMid:where(.hz-fdemo):not(#oroQ):not(.oroQ) #fsTopBalance{color:#FFB21A!important;-webkit-text-fill-color:#FFB21A!important}
html body #fsTradeOverlay #fsTopMid:where(.hz-freal):not(#oroQ):not(.oroQ) #fsTopBalance{color:#22E07A!important;-webkit-text-fill-color:#22E07A!important}
html body #fsTradeOverlay .fs-mode-switch #fsBtnReal{gap:clamp(3px,1.2vw,7px)!important}
/* v2247/2248 — plein écran (tous appareils) : « Quitter » un peu plus à droite, Solana ne touche plus sa lueur */
html body .fs-trade-close{margin-right:0!important;margin-left:12px!important}

/* ===== v2249 — RÉEL touché (inscrit ou non, écran normal et plein écran) : directement le vert de « RÉEL choisi »,
   sans couleur sombre avant ===== */
html body #screenTrade #modeReal:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #modeReal:not(.on):active,
html body #fsTradeOverlay #fsBtnReal:not(.on).tap-lit.tap-lit.tap-lit,html body #fsTradeOverlay #fsBtnReal:not(.on):active,
html body #screenTrade #fsBtnReal:not(.on).tap-lit.tap-lit.tap-lit,html body #screenTrade #fsBtnReal:not(.on):active{background:linear-gradient(135deg,#FFE082,#00E676 55%,#00C853)!important;color:#04140a!important;border:1px solid rgba(255,215,0,.7)!important;box-shadow:0 0 14px rgba(0,230,118,.45)!important;transition:none!important}
html body #screenTrade #modeReal,html body #fsTradeOverlay #fsBtnReal,html body #screenTrade #fsBtnReal{-webkit-tap-highlight-color:transparent!important}

/* ===== v2249 — Plein écran : estimation du total reçu, en petit sous la mise (même case) ===== */
.fs-stake-win{display:none}
html body #fsTradeOverlay .stake-field .fs-stake-win{display:block;position:absolute;left:3px;right:3px;bottom:3px;z-index:2;pointer-events:none;
  text-align:center;font-size:9px;font-weight:800;line-height:1;letter-spacing:.02em;color:#34D399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding-top:2px;border-top:1px solid rgba(52,211,153,.22);text-shadow:0 0 6px rgba(52,211,153,.35);font-variant-numeric:tabular-nums}
html body #fsTradeOverlay .stake-field #inputStake{padding-bottom:12px!important}
html body #fsTradeOverlay .stake-field::before{top:calc(50% - 6px)!important}

/* ===== v2250 — Plein écran, case de la mise : « $ » collé à la mise, même couleur qu'elle (orange démo / vert réel),
   bien aligné ; estimation en blanc, toujours DANS la case (ne déborde plus) ===== */
html body #fsTradeOverlay .stake-field #inputStake{text-align:left!important;padding:0 6px 14px 22px!important}
html body #fsTradeOverlay .stake-field::before{top:var(--fs-dollar-top,15px)!important;left:9px!important;transform:translateY(-50%)!important;
  color:#F59E0B!important;font-weight:900!important;line-height:1!important}
html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay .stake-field::before{color:#22E07A!important;text-shadow:0 0 8px rgba(34,224,122,.35)!important}
html body #fsTradeOverlay .stake-field .fs-stake-win{top:var(--fs-win-top,28px)!important;bottom:auto!important;left:6px!important;right:6px!important;
  color:#F8FAFC!important;text-shadow:none!important;text-align:left!important;border-top:1px solid rgba(255,255,255,.16)!important;padding-top:2px!important}

/* v2251 — barre du haut (non inscrit) : « Aide » et le drapeau à la même hauteur que Connexion / Inscription (largeur inchangée) */
html.oro-guest body #screenTrade #btnHelp,html.oro-guest body #screenTrade #langBarTrade .lang-dd-btn{height:var(--oro-top-h,34px)!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important;align-self:center!important}
html.oro-guest body #screenTrade #langBarTrade{height:auto!important;max-height:none!important;align-self:center!important}
@media (max-width:380px){html.oro-guest body #screenTrade{--oro-top-h:32px}}
/* v2252 — pareil quand connecté : « Aide », le drapeau et le profil à la hauteur exacte de « Recharger » (largeur inchangée) */
html:not(.oro-guest) body #screenTrade #btnHelp,html:not(.oro-guest) body #screenTrade #langBarTrade .lang-dd-btn,html:not(.oro-guest) body #screenTrade #btnProfile{height:var(--oro-top-h,36px)!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important;align-self:center!important}
html:not(.oro-guest) body #screenTrade #langBarTrade{height:auto!important;max-height:none!important;align-self:center!important}
html:not(.oro-guest) body #screenTrade #btnProfile.hidden{display:none!important}
/* v2253 — barre du haut : Aide, drapeau et profil = une seule famille propre (inscrit ou non) :
   même hauteur que le bouton voisin, drapeau et profil carrés, fond verre discret sans contour coloré, mêmes coins, mêmes espaces */
html body #screenTrade .topbar .topbar-actions{gap:6px!important;align-items:center!important}
html body #screenTrade .topbar .topbar-actions #btnHelp:not(.tap-lit),html body #screenTrade .topbar .topbar-actions #langBarTrade .lang-dd-btn:not(.tap-lit),html body #screenTrade .topbar .topbar-actions #btnProfile:not(.tap-lit){background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;color:#E8ECF4!important}
html body #screenTrade .topbar .topbar-actions #btnHelp,html body #screenTrade .topbar .topbar-actions #langBarTrade .lang-dd-btn,html body #screenTrade .topbar .topbar-actions #btnProfile{border-radius:10px!important;height:var(--oro-top-h,34px)!important;margin:0!important}
html body #screenTrade .topbar .topbar-actions #langBarTrade .lang-dd-btn,html body #screenTrade .topbar .topbar-actions #btnProfile{width:var(--oro-top-h,34px)!important;min-width:var(--oro-top-h,34px)!important;max-width:var(--oro-top-h,34px)!important;flex:0 0 var(--oro-top-h,34px)!important;padding:0!important}
html body #screenTrade .topbar .topbar-actions #btnHelp{width:auto!important;min-width:0!important;padding:0 10px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important}
html body #screenTrade .topbar .topbar-actions #langBarTrade{margin:0!important;width:auto!important}
@media (max-width:360px){html body #screenTrade .topbar .topbar-actions{gap:4px!important}html body #screenTrade .topbar .topbar-actions #btnHelp{padding:0 7px!important;font-size:10px!important}}
html body #screenTrade .topbar .topbar-actions #langBarTrade{width:var(--oro-top-h,34px)!important;min-width:var(--oro-top-h,34px)!important;max-width:var(--oro-top-h,34px)!important;flex:0 0 var(--oro-top-h,34px)!important;height:var(--oro-top-h,34px)!important}
/* v2256 — connecté seulement : formes d Aide et du profil échangées (Aide devient carré, le profil prend la largeur qu avait Aide) ; FR, écarts et Recharger inchangés */
html:not(.oro-guest) body #screenTrade .topbar .topbar-actions #btnHelp{width:var(--oro-top-h,34px)!important;min-width:var(--oro-top-h,34px)!important;max-width:var(--oro-top-h,34px)!important;flex:0 0 var(--oro-top-h,34px)!important;padding:0!important;font-size:10px!important;letter-spacing:0!important}
html:not(.oro-guest) body #screenTrade .topbar .topbar-actions #btnProfile{width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important}
@media (max-width:360px){html:not(.oro-guest) body #screenTrade .topbar .topbar-actions #btnProfile{width:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important}}
/* v2257 — connecté : le profil rentre juste ce qu il faut pour que son bord droit soit aligné sur la case du solde (Recharger inchangé) */
html:not(.oro-guest) body #screenTrade .topbar .topbar-actions #btnProfile{width:var(--oro-prof-w,48px)!important;min-width:var(--oro-prof-w,48px)!important;max-width:var(--oro-prof-w,48px)!important;flex:0 0 var(--oro-prof-w,48px)!important}
html:not(.oro-guest) body #screenTrade.prof-fit .topbar .topbar-actions{margin-right:var(--oro-act-mr,0px)!important}

/* ===== v2258 — Idée 2 choisie : barre du haut (inscrit ou non), Aide / langue / profil = icônes rondes sans cadre.
   « ? » à la place du mot Aide, drapeau rond, profil rond orange OROLADO ; même diamètre que le bouton voisin, écarts égaux. ===== */
html body #screenTrade .topbar .topbar-actions{gap:8px!important;align-items:center!important}
html body #screenTrade .topbar .topbar-actions #btnHelp.help-badge.help-badge,
html body #screenTrade .topbar .topbar-actions #langBarTrade.lang-dd.lang-dd,
html body #screenTrade .topbar .topbar-actions #langBarTrade.lang-dd .lang-dd-btn.lang-dd-btn,
html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn{
  width:var(--oro-top-h,34px)!important;min-width:var(--oro-top-h,34px)!important;max-width:var(--oro-top-h,34px)!important;flex:0 0 var(--oro-top-h,34px)!important;
  height:var(--oro-top-h,34px)!important;min-height:0!important;max-height:none!important;border-radius:50%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
html body #screenTrade .topbar .topbar-actions #btnHelp.help-badge.help-badge:not(.tap-lit),
html body #screenTrade .topbar .topbar-actions #langBarTrade.lang-dd .lang-dd-btn.lang-dd-btn:not(.tap-lit){background:rgba(255,255,255,.08)!important;border:0!important;box-shadow:none!important}
/* « ? » dessiné à la place du mot (le mot reste pour les lecteurs d'écran via le titre) */
html body #screenTrade .topbar .topbar-actions #btnHelp.help-badge.help-badge{font-size:0!important;color:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}
html body #screenTrade .topbar .topbar-actions #btnHelp.help-badge.help-badge::before{content:"?";font-size:16px;font-weight:900;line-height:1;color:#FDE68A;font-family:inherit}
/* profil : rond orange OROLADO */
html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn:not(.tap-lit){background:linear-gradient(135deg,#FFB300,#FF6D00)!important;border:0!important;box-shadow:0 0 10px rgba(255,140,0,.35)!important;color:#1a0d00!important}
html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn.hidden{display:none!important}
@media (max-width:360px){html body #screenTrade .topbar .topbar-actions{gap:5px!important}}
/* non inscrit : la barre de droite va jusqu au bord de la case du solde (plus de vide à droite) */
html.oro-guest body #screenTrade .topbar .topbar-row .topbar-actions{margin-right:2px!important}
html:not(.oro-guest) body #screenTrade:not(.prof-fit) .topbar .topbar-row .topbar-actions{margin-right:2px!important}
/* v2259 — profil : même fond que « ? » et la langue (plus d orange) */
html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn:not(.tap-lit){background:rgba(255,255,255,.08)!important;border:0!important;box-shadow:none!important;color:#E8ECF4!important}
/* v2260 — lueur bleue à l intérieur du bord des 3 ronds (ombre intérieure : taille inchangée) */
html body #screenTrade .topbar .topbar-actions #btnHelp.help-badge.help-badge:not(.tap-lit),html body #screenTrade .topbar .topbar-actions #langBarTrade.lang-dd .lang-dd-btn.lang-dd-btn:not(.tap-lit),html body #screenTrade .topbar .topbar-actions #btnProfile.icon-btn.icon-btn:not(.tap-lit){box-shadow:inset 0 0 0 1px rgba(56,189,248,.55),inset 0 0 9px rgba(56,189,248,.38)!important}

/* ===== v2265 — Safari iPhone : la courbe ne bouge plus ; l'espace libre du bas est partagé entre durées, mise,
   boutons de mise, payouts et ACHETER / VENDRE (hauteurs calculées par le site, écran normal seulement) ===== */
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade.saf-fill #tradeWrap .dur-chip{height:var(--saf-dur)!important;min-height:var(--saf-dur)!important;max-height:none!important}
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade.saf-fill #tradeWrap #inputStake{height:var(--saf-inp)!important;min-height:var(--saf-inp)!important;max-height:none!important}
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade.saf-fill #tradeWrap .qbtn.stake-act{height:var(--saf-q)!important;min-height:var(--saf-q)!important;max-height:none!important}
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade.saf-fill #tradeWrap .odds-chip{height:var(--saf-odds)!important;min-height:var(--saf-odds)!important;max-height:none!important}
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade.saf-fill #tradeWrap .btn-trade{height:var(--saf-buy)!important;min-height:var(--saf-buy)!important;max-height:none!important}

/* ===== v2362 — Téléphone COUCHÉ (paysage, hauteur ≤ 500 px : tous les iPhone et Android) =====
   Barre du haut fine, soldes en haut à droite, planètes en petite ligne, graphique en grand à gauche,
   boutons (durées, mise, payouts, ACHETER / VENDRE) en colonne à droite. Portrait, tablettes et
   ordinateurs : inchangés. Plein écran : inchangé. */
@media (orientation:landscape) and (max-height:500px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .trade-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(232px,33vw,330px)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    column-gap:6px!important;row-gap:0!important;
    height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;
    overflow:hidden!important;
    width:100%!important;max-width:none!important;margin:0!important;
    padding:0 max(4px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left))!important;
    box-sizing:border-box!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .trade-shell > header.topbar,
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap{display:contents!important}
  /* Rangée du haut, à gauche : logo, Recharger / Connexion, Aide, langue, profil. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row{
    grid-column:1!important;grid-row:1!important;
    height:38px!important;min-height:38px!important;padding:3px 2px!important;margin:0!important;
    position:relative!important;align-items:center!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row .brand-lockup{height:30px!important;transform:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #authQuick{height:30px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #authQuick > *{height:30px!important;min-height:30px!important;font-size:13px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row .topbar-actions{height:32px!important;transform:scale(.86)!important;transform-origin:right center!important}
  /* Rangée du haut, à droite : soldes Démo / Réel. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-mode{
    grid-column:2!important;grid-row:1!important;
    height:38px!important;min-height:38px!important;padding:3px 0!important;margin:0!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #modeSwitcher{width:100%!important;height:32px!important;min-height:32px!important;margin:0!important;gap:4px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #modeSwitcher .mode-btn{height:32px!important;min-height:32px!important;padding:1px 8px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #modeSwitcher .mb-lbl{font-size:8.5px!important;line-height:1.05!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #modeSwitcher .mb-amt{font-size:13px!important;line-height:1.1!important}
  /* Planètes : petite ligne qui défile, au-dessus du graphique. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar{
    grid-column:1!important;grid-row:2!important;
    width:auto!important;max-width:100%!important;min-width:0!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:2px 0!important;margin:0!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar .asset-chip{
    height:36px!important;min-height:36px!important;width:auto!important;min-width:0!important;
    flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;gap:4px!important;
    padding:2px 7px 2px 3px!important;margin:0!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar .asset-chip .mk-art{width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;flex:0 0 28px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar .asset-chip .mk-art svg{width:28px!important;height:28px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar .asset-chip > span:not(.mk-art){font-size:9.5px!important;line-height:1!important;margin:0!important;white-space:nowrap!important;position:static!important;transform:none!important}
  /* Graphique : toute la place restante à gauche. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap #chart{
    grid-column:1!important;grid-row:3!important;
    width:auto!important;max-width:100%!important;min-width:0!important;left:auto!important;right:auto!important;transform:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 max(2px,env(safe-area-inset-bottom)) 0!important;
    display:flex!important;flex-direction:column!important;position:relative!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #chartToolbar{height:28px!important;min-height:28px!important;flex:0 0 28px!important;padding:0 4px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #chartStage{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
  /* Boutons : colonne de droite, sous les soldes. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > .pad{
    grid-column:2!important;grid-row:2 / 4!important;
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:4px 4px max(4px,env(safe-area-inset-bottom)) 4px!important;
    display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:4px!important;
    overflow-y:auto!important;overflow-x:hidden!important;border-radius:12px!important;box-sizing:border-box!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > .pad .stake-line{
    display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:4px!important;margin:0!important;height:auto!important;
  }
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > .pad .dur-row{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important;width:auto!important;height:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .dur-chip{height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important;font-size:10px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .dur-chip svg{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > .pad .stake-field,
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > .pad .win-preview{width:auto!important;min-width:0!important;height:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap #inputStake{height:28px!important;min-height:28px!important;max-height:28px!important;font-size:15px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .qbtn.stake-act{height:24px!important;min-height:24px!important;max-height:24px!important;font-size:12px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap #oddsRow{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;margin:0!important;height:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .odds-chip{height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 2px!important;font-size:11px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .trade-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0!important;padding:0!important;height:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .btn-trade{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:15px!important;padding:0 6px!important}
}
/* v2362 — très petits téléphones couchés (moins de 700 px de large) : textes un peu plus petits pour ne rien couper. */
@media (orientation:landscape) and (max-height:500px) and (max-width:700px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #authQuick > *{font-size:11px!important;padding:0 6px!important;letter-spacing:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row .brand-lockup{transform:scale(.88)!important;transform-origin:left center!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .btn-trade{font-size:13px!important;letter-spacing:0!important;padding:0 4px!important;gap:5px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .btn-trade .bt-txt{font-size:13.5px!important;letter-spacing:.2px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap .btn-trade .bt-arr{width:14px!important;height:14px!important}
}

/* ===== v2363 — PLEIN ÉCRAN sur téléphone COUCHÉ (s'ouvre aussi tout seul après la connexion) =====
   Avant : colonne de droite plus haute que l'écran → mise remontée sous la barre du haut, ACHETER / VENDRE
   coupés en bas. Désormais : barre du haut plus fine, mise en haut de la colonne, ACHETER et VENDRE se
   partagent la place restante ; graphique sur toute la hauteur restante. Même design qu'avant (durées et
   payouts restent cachés en plein écran, comme voulu). Portrait, PC et télé : inchangés. */
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar{height:40px!important;min-height:40px!important;padding-top:0!important;padding-bottom:0!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-top-mid-home,
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-top-mid{height:40px!important;min-height:40px!important;padding-top:3px!important;padding-bottom:3px!important;box-sizing:border-box!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{height:34px!important;min-height:34px!important;margin:0!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch > button{height:34px!important;min-height:34px!important;max-height:34px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTradeSlot{min-height:0!important;height:calc(100% - 40px)!important;flex:1 1 auto!important;overflow:hidden!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap{
    height:100%!important;min-height:0!important;max-height:100%!important;
    grid-template-columns:minmax(0,1fr) clamp(180px,26vw,280px)!important;
    grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;
  }
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #assetBar{height:44px!important;min-height:44px!important;max-height:44px!important;padding-top:2px!important;padding-bottom:2px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #assetBar .asset-chip{height:40px!important;min-height:40px!important;max-height:40px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #chart{height:auto!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #chartToolbar{height:28px!important;min-height:28px!important;flex:0 0 28px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #chartStage{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad{
    height:auto!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;
    padding:6px 6px max(6px,env(safe-area-inset-bottom)) 6px!important;box-sizing:border-box!important;
  }
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .stake-line{flex:0 0 auto!important;margin:0!important;top:0!important;transform:none!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .trade-row{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;top:0!important;transform:none!important;
  }
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .trade-row .btn-trade{
    flex:1 1 0!important;height:auto!important;min-height:36px!important;max-height:96px!important;margin:0!important;
  }
}
/* v2363 — téléphone couché, compte connecté : « Recharger » prend seulement la place libre entre le logo et les icônes (avant : 440 px fixes, il passait sur le logo). */
@media (orientation:landscape) and (max-height:500px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row{display:flex!important;gap:6px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row .brand-lockup{flex:0 0 auto!important;position:relative!important;z-index:2!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #topbarCta{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important;transform:none!important;height:30px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #btnOpenDeposit{width:100%!important;min-width:0!important;max-width:none!important;height:30px!important;min-height:30px!important;margin:0!important;left:auto!important;transform:none!important;font-size:14px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row #authQuick{flex:1 1 auto!important;min-width:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade .topbar-row .topbar-actions{flex:0 0 auto!important;margin-left:auto!important}
}
/* v2363 — plein écran, téléphone couché ÉTROIT (Android) : même disposition en 2 colonnes (avant : boutons collés en bas, par-dessus le graphique). */
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap{display:grid!important;align-items:stretch!important;column-gap:6px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #assetBar{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #chart{grid-column:1!important;grid-row:2!important;min-width:0!important;max-width:100%!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad{grid-column:2!important;grid-row:1 / 3!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important}
}
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap #chart{margin:0!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap{padding:0!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad{align-self:stretch!important;height:auto!important;max-height:none!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .stake-line,
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .stake-field{width:100%!important;max-width:none!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .trade-row{align-items:stretch!important;width:100%!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap > .pad .trade-row .btn-trade{width:100%!important;max-width:none!important;align-self:stretch!important}
}
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #btnCall#btnCall,
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #btnPut#btnPut{flex:1 1 0!important;height:auto!important;min-height:40px!important;max-height:96px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap .trade-row{justify-content:flex-start!important}
}
/* v2364 — plein écran, téléphone couché : planètes en LIGNE sur iPhone aussi (une règle « PC couché » les mettait en colonne : une seule visible) ; noms sous les planètes plus coupés (Android). */
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #assetBar{flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding-top:1px!important;padding-bottom:1px!important;gap:4px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #assetBar .asset-chip{flex:0 0 auto!important;height:52px!important;min-height:52px!important;max-height:52px!important;width:62px!important;min-width:62px!important;padding:1px 0 2px!important;margin:0!important;justify-content:flex-start!important;gap:1px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #assetBar .asset-chip .mk-art{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;margin:0 auto!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #assetBar .asset-chip .mk-art svg{width:32px!important;height:32px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #assetBar .asset-chip > span:not(.mk-art){font-size:8.5px!important;line-height:11px!important;margin:0!important;white-space:nowrap!important;position:static!important;transform:none!important}
}

/* ===== v2365 — téléphone COUCHÉ : profil plein écran + plein écran mieux espacé =====
   1) Profil (et autres panneaux latéraux) : avant, panneau étroit collé au bord comme sur un ordinateur ;
      désormais tout l'écran, contenu centré (comme le téléphone debout). Arabe (droite à gauche) : idem.
   2) Plein écran : la case de la mise touchait la case « Compte réel » au-dessus → petit espace en haut
      de la colonne, mise / ACHETER / VENDRE légèrement réduits. Portrait, PC et télé : inchangés. */
@media (orientation:landscape) and (max-height:500px){
  html body #drawerProfile#drawerProfile.drawer{
    left:0!important;right:0!important;width:100%!important;max-width:none!important;min-width:0!important;
    border-radius:0!important;box-sizing:border-box!important;
    padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  /* v2367 : profil en DEUX colonnes (identité + solde à gauche, menu à droite) : deux fois moins haut,
     puis réduit pour tenir entier (js/app.js, fitLandscapeBoxes). */
  html body #drawerProfile#drawerProfile.drawer{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-auto-rows:auto!important;column-gap:16px!important;row-gap:8px!important;align-content:start!important;
  }
  html body #drawerProfile#drawerProfile.drawer > *{
    width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
  }
  html body #drawerProfile#drawerProfile.drawer > .drawer-head{grid-column:1 / -1!important;grid-row:1!important}
  html body #drawerProfile#drawerProfile.drawer > .prof-head{grid-column:1!important;grid-row:2!important}
  html body #drawerProfile#drawerProfile.drawer > .card{grid-column:1!important;grid-row:3!important}
  html body #drawerProfile#drawerProfile.drawer > .wallet-card{grid-column:1!important;grid-row:4 / span 3!important}
  html body #drawerProfile#drawerProfile.drawer > .drawer-nav{grid-column:2!important;grid-row:2 / span 3!important}
  html body #drawerProfile#drawerProfile.drawer > .drawer-admin{grid-column:2!important;grid-row:5!important}
  html body #drawerProfile#drawerProfile.drawer > .legal{grid-column:2!important;grid-row:6!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap > .pad{padding-top:10px!important;gap:6px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap > .pad .stake-field{max-height:50px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #btnCall#btnCall,
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap #btnPut#btnPut{max-height:78px!important}
}

/* ===== v2366 — téléphone COUCHÉ : connexion / inscription et fenêtres =====
   1) Connexion / inscription : la carte descendait sous l'écran SANS défilement (bouton inaccessible).
      Couché : logo + nom à gauche (plus petits), carte à droite, qui défile si besoin.
   2) Fenêtres (recharger, retrait, aide…) : un peu plus compactes en hauteur pour que l'essentiel
      (dont le bouton de validation) soit visible ; elles défilent toujours si besoin.
   Portrait, PC et télé : inchangés. Arabe : colonnes en miroir (sens de lecture). */
@media (orientation:landscape) and (max-height:500px){
  html body #screenAuth#screenAuth .auth-wrap{
    display:grid!important;
    grid-template-columns:minmax(150px,.8fr) minmax(300px,1.25fr)!important;
    grid-template-rows:1fr auto auto 1fr!important;
    grid-template-areas:". card" "brand card" "sub card" "legal card"!important;
    column-gap:20px!important;row-gap:4px!important;align-items:center!important;
    width:100%!important;max-width:760px!important;margin:0 auto!important;
    height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;
    padding:6px max(12px,env(safe-area-inset-right)) 6px max(52px,env(safe-area-inset-left))!important;box-sizing:border-box!important;
  }
  html body #screenAuth#screenAuth .auth-wrap > .brand-lockup{grid-area:brand!important;width:auto!important;height:auto!important;margin:0!important;align-self:end!important}
  html body #screenAuth#screenAuth .auth-wrap > .brand-lockup .logo-mark{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}
  html body #screenAuth#screenAuth .auth-wrap > .brand-sub{grid-area:sub!important;margin:0!important;align-self:start!important}
  html body #screenAuth#screenAuth .auth-wrap > .legal{grid-area:legal!important;margin:0!important;align-self:start!important;font-size:10px!important}
  html body #screenAuth#screenAuth .auth-wrap > .auth-card{
    grid-area:card!important;grid-row:1 / -1!important;align-self:center!important;
    width:100%!important;max-width:none!important;margin:0!important;
    max-height:calc(100dvh - 12px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;
  }
  /* Fenêtres : marges internes et champs un peu plus serrés. */
  html body .modal-backdrop.active > .modal-box.modal-box{
    width:min(94vw,620px)!important;max-width:none!important;
    max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    padding-top:12px!important;padding-bottom:12px!important;box-sizing:border-box!important;
  }
}
/* v2366 — Recharger, téléphone couché : le bouton VALIDER LA RECHARGE visible sans défiler. */
@media (orientation:landscape) and (max-height:500px){
  html body #depositModal.modal-backdrop.active > .modal-box.modal-box{max-height:calc(100dvh - 8px)!important;margin-top:4px!important;margin-bottom:4px!important;padding-top:8px!important;padding-bottom:8px!important}
  html body #depositModal .modal-title{padding-top:2px!important;padding-bottom:2px!important;margin-bottom:2px!important}
  html body #depositModal #depositAmt.dep-amt-input{height:36px!important;min-height:36px!important;padding-top:6px!important;padding-bottom:6px!important}
  html body #depositModal .hint-min{margin-top:2px!important}
  html body #depositModal .pay-method-label{margin-top:4px!important;margin-bottom:3px!important}
  html body #depositModal #payMethodCard.pay-method-card{padding-top:6px!important;padding-bottom:6px!important}
  html body #depositModal #btnConfirmDeposit.btn-deposit-confirm{padding-top:11px!important;padding-bottom:11px!important;margin-bottom:10px!important}
}
/* v2367 — plein écran couché : le bloc de droite (bordure comprise) descend un peu, il ne touche plus la case « Compte réel » au-dessus. */
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap > .pad{margin-top:12px!important;padding-top:6px!important}
}
/* v2370 — Recharger : la case « DÉPÔT CRYPTO » se voit cliquable (demande du propriétaire) :
   contour orange comme « Carte & paiement instantané » + petit rond orange avec une flèche à droite du titre. */
html body #depositModal #payMethodUsdt.pay-method-card{border:1px solid rgba(245,158,11,.85)!important;box-shadow:0 0 0 1px rgba(245,158,11,.35),0 8px 20px rgba(245,158,11,.08)!important;cursor:pointer}
html body #depositModal #payMethodUsdt .pay-method-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body #depositModal #payMethodUsdt .pay-go-arrow{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 0 0 rgba(245,158,11,.55);animation:oroGoPulse 2.2s ease-out infinite}
html body #depositModal #payMethodUsdt .pay-go-arrow svg{width:20px;height:20px;fill:none;stroke:#1a1203;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] body #depositModal #payMethodUsdt .pay-go-arrow svg{transform:scaleX(-1)}
html body #depositModal #payMethodUsdt:active{transform:scale(.985)}
@keyframes oroGoPulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
@media (prefers-reduced-motion:reduce){html body #depositModal #payMethodUsdt .pay-go-arrow{animation:none}}

/* v2392 — Historique financier : sous un retrait refusé, phrase claire (coordonnées à vérifier ou autre moyen). */
html body .tx-feed-row .tx-hint{margin-top:3px;font-size:11px;line-height:1.35;font-weight:600;color:#FBBF24;max-width:230px;white-space:normal}
html[dir="rtl"] body .tx-feed-row .tx-hint{text-align:right}
/* v2394 — Historique des trades : le nouveau logo (globe du marché) dans chaque ligne. */
html body .hc-ico{background:transparent!important;border:0!important}
html body .hc-ico .hc-globe{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 24%),repeating-linear-gradient(-22deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,.07) 3px 9px),radial-gradient(circle at 38% 34%,var(--p1) 0%,var(--p2) 58%,#07051A 100%);
  box-shadow:inset -5px -6px 11px rgba(0,0,0,.6),inset 2px 2px 4px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.10),0 0 10px var(--pg)}
html body .hc-ico .hc-globe svg{width:64%!important;height:64%!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
/* v2394 — Onglets Réel / Démo : Réel choisi = lueur VERTE (couleur du compte réel), Démo choisi = lueur dorée. */
html body .hist-tab.on[data-hist-mode="real"]{border-color:#10B981!important;color:#A7F3D0!important;background:rgba(16,185,129,.14)!important;box-shadow:0 0 12px rgba(16,185,129,.35)!important}
html body .hist-tab.on[data-hist-mode="demo"]{border-color:#F5C518!important;color:#FDE68A!important;background:rgba(245,197,24,.12)!important;box-shadow:0 0 12px rgba(245,197,24,.3)!important}
/* v2394 — Profil : « Compte vérifié » retiré ; le nom est centré sur la ligne de l'avatar, bien lisible. */
html body #drawerProfile .prof-head{align-items:center!important}
html body #drawerProfile .prof-head > div:not(.avatar){display:flex;align-items:center;min-height:44px}
html body #drawerProfile .prof-name{font-size:1.05rem!important;font-weight:800!important;letter-spacing:.01em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}
/* v2395 — bouton « Continuer avec Google » (Connexion + Inscription), style sombre officiel de Google. */
html body #screenAuth .auth-or{display:flex;align-items:center;gap:10px;margin:10px 0 8px;color:rgba(255,255,255,.42);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html body #screenAuth .auth-or::before,html body #screenAuth .auth-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
html body #screenAuth .btn-google{width:100%;min-height:var(--btn-h);display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;border-radius:var(--radius);border:1px solid #8E918F;background:#131314;color:#E3E3E3;font:inherit;font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width:859px){html body #screenAuth .btn-google{min-height:var(--btn-h-m)}}
html body #screenAuth .btn-google svg{width:20px;height:20px;flex:0 0 20px}
html body #screenAuth .btn-google span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #screenAuth .btn-google:active{filter:brightness(1.25)}
html body #screenAuth .btn-google:disabled{opacity:.55;cursor:wait}
html body #screenAuth .google-note{margin:6px 2px 0;font-size:10.5px;line-height:1.35;color:rgba(255,255,255,.45);text-align:center}
/* v2395 — portrait : la carte de connexion / inscription défile si l'écran est trop petit (avant :
   bas de l'inscription coupé sur les petits téléphones). Grands écrans : rien ne bouge. */
@media (orientation:portrait),(min-height:501px){
  html body #screenAuth#screenAuth .auth-wrap{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  html body #screenAuth#screenAuth .auth-wrap::-webkit-scrollbar{display:none}
}
@media (max-height:700px) and (orientation:portrait){
  html body #screenAuth .auth-or{margin:7px 0 6px}
  html body #screenAuth .btn-google{min-height:42px}
}
/* v2395 — nouveau logo Google (G en dégradé dans un rond blanc), dessiné en vectoriel : net partout. */
html body #screenAuth .btn-google .g-badge{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.35)}
html body #screenAuth .btn-google .g-mark{width:17px;height:17px;display:block;
  background:conic-gradient(from -20deg at 50% 50%,#FF4131 0deg,#FF4131 22deg,#3086FF 92deg,#3086FF 150deg,#00A63E 192deg,#00A63E 212deg,#FFBD00 252deg,#FFBD00 290deg,#FF4131 335deg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 40 40'%3E%3Cpath d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 40 40'%3E%3Cpath d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat}
/* v2396 — bouton Google au style CLAIR officiel de Google (fond blanc, texte foncé, G en couleurs). */
html body #screenAuth .btn-google{background:#FFFFFF!important;color:#1F1F1F!important;border:1px solid #DADCE0!important;font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:500;font-size:15px;letter-spacing:.01em;box-shadow:0 1px 2px rgba(0,0,0,.25)}
html body #screenAuth .btn-google:active{filter:none;background:#F2F2F2!important}
html body #screenAuth .btn-google .g-badge{background:transparent;box-shadow:none;width:22px;height:22px;flex:0 0 22px}
html body #screenAuth .btn-google .g-mark{width:20px;height:20px}
html body #screenAuth .auth-or{margin:12px 0 10px}
/* v2396 — demande du propriétaire : écrans de téléphone pas très hauts (iPhone dans Safari…) : les cases
   de saisie un peu moins hautes et un peu plus serrées, pour que la ligne de logos crypto reste visible
   sous le bouton Google. Grands écrans et PC : inchangés. */
@media (orientation:portrait) and (max-height:700px){
  html body #screenAuth#screenAuth .auth-card form .field{margin-bottom:3px!important}
  html body #screenAuth#screenAuth .auth-card form .field input{height:38px!important;min-height:38px!important;margin-bottom:2px!important;padding-top:6px!important;padding-bottom:6px!important}
  html body #screenAuth .auth-or{margin:7px 0 6px}
}
/* v2396 — PC / portable pas très haut (ex. 1366×768) : mêmes cases un peu serrées, pour que
   l'inscription tienne entière avec le bouton Google et la ligne de logos. */
@media (min-width:860px) and (min-height:501px) and (max-height:900px){
  html body #screenAuth#screenAuth .auth-card form .field{margin-bottom:3px!important}
  html body #screenAuth#screenAuth .auth-card form .field input{height:38px!important;min-height:38px!important;margin-bottom:2px!important;padding-top:6px!important;padding-bottom:6px!important}
  html body #screenAuth .auth-or{margin:7px 0 6px}
  html body #screenAuth#screenAuth .auth-wrap{padding-top:4px!important}
  html body #screenAuth#screenAuth .auth-wrap > .legal{margin-top:4px!important}
}
/* v2398 — décision du propriétaire : bouton Google CACHÉ tant que la page Google affiche
   « supabase.co » au lieu d'OROLADO (marque à faire vérifier). Pour le remettre : supprimer ce bloc. */
html body #screenAuth .auth-or,html body #screenAuth .btn-google,html body #screenAuth .google-note{display:none!important}
/* v2399 — bouton OFFICIEL Google (dessiné par Google). Caché par défaut ; visible avec html.g-on
   (CONFIG.GOOGLE_PUBLIC ou essai ?gtest=1). Navigateur d'appli (Facebook…) : ancien bouton. */
html body #screenAuth .g-official{display:none;position:relative;width:100%;min-height:44px}
html.g-on body #screenAuth .auth-or{display:flex!important}
html.g-on body #screenAuth .google-note{display:block!important}
html.g-on:not(.g-inapp) body #screenAuth .g-official{display:flex;justify-content:center;align-items:center}
html.g-on.g-inapp body #screenAuth .btn-google{display:flex!important}
html body #screenAuth .g-official .g-holder{width:100%;display:flex;justify-content:center;min-height:44px;color-scheme:light}
html body #screenAuth .g-official .g-age-block{position:absolute;inset:0;z-index:2;background:transparent;border:0;padding:0;margin:0;cursor:pointer}
html body #screenAuth .g-official.g-age-ok .g-age-block{display:none}
/* v2400 — demande du propriétaire : la ligne de logos des formulaires est retirée (place pour Google) ;
   bouton officiel Google agrandi (même hauteur que le bouton orange) ; iPhone Safari : la place de la
   barre flottante est gardée en bas ; cases un peu serrées seulement si la VRAIE zone visible est petite. */
html body #screenAuth .g-official{min-height:46px;margin:2px 0}
html body #screenAuth .g-official .g-holder{transform:scale(1.12);transform-origin:center center;min-height:40px;align-items:center}
html.saf-under body #screenAuth#screenAuth .auth-wrap{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 78px)!important}
html.auth-tight body #screenAuth#screenAuth .auth-card form .field{margin-bottom:3px!important}
html.auth-tight body #screenAuth#screenAuth .auth-card form .field input{height:40px!important;min-height:40px!important;margin-bottom:2px!important;padding-top:6px!important;padding-bottom:6px!important}
/* v2401 — iPhone Safari (vrai téléphone du propriétaire : la page est ~35 px plus haute que prévu,
   Google collé à la barre flottante, « © » caché dessous). iPhone SEULEMENT (Android inchangé) :
   moins d'espace entre CRÉER MON COMPTE / SE CONNECTER et « OU », bouton Google plus grand. */
html.saf-under body #screenAuth .auth-or{margin:4px 0 6px!important}
html.saf-under body #screenAuth .g-official{min-height:50px}
html.saf-under body #screenAuth .g-official .g-holder{transform:scale(1.2)}
html.saf-under body #screenAuth .google-note{margin-top:4px}
/* v2402 — VERSION FINALE Connexion / Inscription (demande du propriétaire) : la ligne de logos REVIENT,
   bien alignée en bas ; bouton Google bien gros partout (48 px) ; pour que tout tienne sur iPhone
   (sous la barre flottante de Safari) et Android, toutes les cases sont resserrées (auth-tight :
   téléphones jusqu'à 860 px de zone visible). La petite phrase sous Google (Connexion) est retirée :
   la case « 18 ans » de l'Inscription et les conditions restent. */
html body #screenAuth .g-official{min-height:50px}
html body #screenAuth .g-official .g-holder{transform:scale(1.2)}
html body #screenAuth .google-note{display:none!important}
html.auth-tight body #screenAuth .auth-or{margin:4px 0 6px!important}
html.auth-tight body #screenAuth#screenAuth .auth-card form .field{margin-bottom:2px!important}
html.auth-tight body #screenAuth#screenAuth .auth-card form .field input{height:40px!important;min-height:40px!important;margin-bottom:1px!important}
html.auth-tight body #screenAuth#screenAuth .auth-tabs .auth-tab{min-height:44px!important;height:44px!important}
html.auth-tight body #screenAuth#screenAuth .auth-wrap > .legal{margin-top:6px!important}
html.auth-tight body #screenAuth#screenAuth .auth-crypto-in-form{margin-top:8px!important}
html.auth-tight body #screenAuth#screenAuth #formRegister .check-row{margin-top:6px!important;margin-bottom:6px!important}
html.auth-tight body #screenAuth#screenAuth #formRegister .btn-gold,html.auth-tight body #screenAuth#screenAuth #formLogin .btn-gold{margin-top:4px!important}
/* v2403 — retour du propriétaire sur son iPhone : un peu trop serré → cases un peu plus hautes,
   un peu plus d'air, bouton Google un tout petit peu moins gros (≈ hauteur du bouton orange). */
html.auth-tight body #screenAuth#screenAuth .auth-card form .field{margin-bottom:5px!important}
html.auth-tight body #screenAuth#screenAuth .auth-card form .field input{height:43px!important;min-height:43px!important;margin-bottom:2px!important}
html.auth-tight body #screenAuth .auth-or{margin:8px 0 8px!important}
html body #screenAuth .g-official .g-holder{transform:scale(1.15)}
html body #screenAuth .g-official{min-height:48px}
html.saf-under body #screenAuth .g-official .g-holder{transform:scale(1.15)}
html.saf-under body #screenAuth .auth-or{margin:8px 0 8px!important}
/* v2404 — vrai iPhone v2403 : ~38 px libres sous « © » → cases de l'Inscription un tout petit peu
   plus hautes (45 px) ; Connexion (beaucoup de place) : cases 48 px et un peu plus d'air. */
html.auth-tight body #screenAuth#screenAuth #formRegister .field input{height:45px!important;min-height:45px!important}
html.auth-tight body #screenAuth#screenAuth #formLogin .field input{height:48px!important;min-height:48px!important}
html.auth-tight body #screenAuth#screenAuth #formLogin .field{margin-bottom:9px!important}
html.auth-tight body #screenAuth#screenAuth #formLogin .btn-gold{margin-top:10px!important}

/* ===== v2409 — Le Portail OROLADO (bouton fenêtre + Défi) ===== */
html body .topbar .portal-btn{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;cursor:pointer;
  background:radial-gradient(circle at 50% 40%,rgba(242,179,61,.28),rgba(242,179,61,.06) 62%,transparent 70%);box-shadow:inset 0 0 10px rgba(242,179,61,.35),0 0 12px rgba(242,179,61,.25)}
html body .topbar .portal-btn.hidden{display:none!important}
html body .topbar .portal-btn svg{width:22px;height:22px;overflow:visible}
html body .topbar .portal-btn .pw-frame{fill:none;stroke:#F2B33D;stroke-width:1.6;stroke-linejoin:round}
html body .topbar .portal-btn .pw-light{fill:#FFE6A6;opacity:.95;animation:pwGlow 2.8s ease-in-out infinite}
html body .topbar .portal-btn .pw-door{fill:rgba(242,179,61,.35);stroke:#F2B33D;stroke-width:1;transform-origin:6.6px 12px;animation:pwDoor 2.8s ease-in-out infinite}
html body .topbar .portal-btn .pw-sill{stroke:#F2B33D;stroke-width:1.6;stroke-linecap:round}
html body .topbar .portal-btn .pw-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#FF4D6A;box-shadow:0 0 0 2px rgba(5,9,26,.9)}
@keyframes pwGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes pwDoor{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72)}}
@media (prefers-reduced-motion: reduce){html body .topbar .portal-btn .pw-light,html body .topbar .portal-btn .pw-door{animation:none}}
html body #portalModal .portal-box{max-width:440px;padding:18px 16px 16px;background:radial-gradient(circle at 50% -10%,rgba(242,179,61,.16),rgba(9,13,34,.97) 55%)!important;border:1px solid rgba(242,179,61,.28)!important}
html body #portalModal .portal-head{text-align:center;margin:2px 26px 12px}
html body #portalModal .portal-title{font-weight:900;font-size:21px;letter-spacing:.06em;color:#F2B33D;text-transform:uppercase}
html body #portalModal .portal-sub{font-size:12.5px;color:#9AA3C7;margin-top:2px}
html body #portalModal .portal-test{font-size:11.5px;line-height:1.4;color:#FFD27A;background:rgba(242,179,61,.10);border:1px dashed rgba(242,179,61,.45);border-radius:12px;padding:8px 10px;margin-bottom:10px;text-align:center}
html body #portalModal .defi-card{border-radius:18px;padding:14px;background:radial-gradient(circle at 85% 0%,rgba(255,77,106,.20),rgba(17,24,51,.95) 60%);border:1px solid rgba(255,140,160,.28)}
html body #portalModal .defi-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
html body #portalModal .defi-badge{font-weight:900;font-size:16px;letter-spacing:.04em;color:#FFB4C1}
html body #portalModal .defi-badge::before{content:"🎯 "}
html body #portalModal .defi-timer{font-size:12.5px;font-weight:800;color:#FFE6A6;font-variant-numeric:tabular-nums;white-space:nowrap}
html body #portalModal .defi-market{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 11px;border-radius:12px;background:rgba(0,0,0,.28);margin-bottom:8px}
html body #portalModal .defi-mk-lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9AA3C7}
html body #portalModal .defi-market b{font-size:17px;letter-spacing:.06em;color:#fff}
html body #portalModal .defi-rule{margin:0 0 10px;font-size:14px;line-height:1.45;color:#ECEFFA;font-weight:600}
html body #portalModal .defi-dots{display:flex;justify-content:center;gap:10px;margin:4px 0 8px}
html body #portalModal .defi-dots i{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);transition:.3s}
html body #portalModal .defi-dots i.on{background:radial-gradient(circle at 40% 35%,#FFE6A6,#F2B33D 60%,#B9700C);border-color:#F2B33D;box-shadow:0 0 12px rgba(242,179,61,.6)}
html body #portalModal .defi-state{min-height:18px;text-align:center;font-size:13px;font-weight:700;color:#C9CEE6;margin-bottom:10px}
html body #portalModal .defi-state.won{color:#2EE59D}
html body #portalModal .defi-go{width:100%}
html body #portalModal .defi-go.hidden,html body #portalModal .defi-trade.hidden{display:none!important}
html body #portalModal .defi-trade{width:100%;min-height:46px;border-radius:var(--radius);border:1px solid rgba(242,179,61,.55);background:rgba(242,179,61,.10);color:#F2B33D;font:inherit;font-weight:800;letter-spacing:.04em;cursor:pointer}
html body #portalModal .defi-how{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
html body #portalModal .defi-how summary{cursor:pointer;font-weight:800;font-size:13px;color:#F2B33D;list-style:none}
html body #portalModal .defi-how summary::-webkit-details-marker{display:none}
html body #portalModal .defi-how summary::after{content:" ▾"}
html body #portalModal .defi-how p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#C9CEE6}
html body #portalModal .defi-how .defi-ex{padding:8px 10px;border-radius:10px;background:rgba(242,179,61,.08);border-left:2px solid #F2B33D;color:#ECEFFA}
html body .defi-chip{position:fixed;z-index:60;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 4px);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;border:1px solid rgba(242,179,61,.5);background:rgba(9,13,34,.92);color:#fff;font:800 11.5px/1.2 inherit;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}
html body .defi-chip.hidden{display:none!important}
html body .defi-chip .dc-mk{letter-spacing:.06em}
html body .defi-chip .dc-dots{color:#F2B33D;letter-spacing:1px}
html.fs-trade body .defi-chip{top:calc(env(safe-area-inset-top,0px) + 2px)}
html body .defi-win{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(3,5,15,.55);animation:dwIn .3s ease-out;pointer-events:none}
html body .defi-win .dw-in{text-align:center;padding:22px 28px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(242,179,61,.35),rgba(9,13,34,.97) 70%);border:1px solid rgba(242,179,61,.6);box-shadow:0 0 60px rgba(242,179,61,.35)}
html body .defi-win .dw-cup{font-size:46px}
html body .defi-win .dw-t{font-weight:900;font-size:20px;color:#F2B33D;letter-spacing:.05em;text-transform:uppercase}
html body .defi-win .dw-a{font-weight:900;font-size:30px;color:#2EE59D;margin-top:4px}
html body .defi-win.out{opacity:0;transition:opacity .5s}
@keyframes dwIn{from{opacity:0}to{opacity:1}}
/* v2409 — bouton du Portail à droite de COMPTE RÉEL (la barre du haut reste comme avant). */
html body .topbar .topbar-mode.has-portal{display:flex!important;align-items:center;gap:8px}
html body .topbar .topbar-mode.has-portal > .mode-switch{flex:1 1 auto;min-width:0}
html body .topbar .portal-btn{width:52px!important;height:46px!important;flex:0 0 52px!important;border-radius:14px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:radial-gradient(circle at 50% 30%,rgba(242,179,61,.30),rgba(242,179,61,.06) 70%),rgba(9,13,34,.6)!important;border:1px solid rgba(242,179,61,.45)!important}
html body .topbar .portal-btn.hidden{display:none!important}
html body .topbar .portal-btn svg{width:22px;height:22px}
html body .topbar .portal-btn .pw-lbl{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#F2B33D;line-height:1}
html body .topbar .portal-btn .pw-dot{top:4px;right:6px}
/* v2409 — bouton du Portail juste à côté d'OROLADO (rond, comme Aide / Profil). */
html body .topbar .topbar-row > .portal-btn{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;padding:0!important;border:0!important;
  background:radial-gradient(circle at 50% 40%,rgba(242,179,61,.30),rgba(242,179,61,.06) 62%,transparent 72%)!important;box-shadow:inset 0 0 10px rgba(242,179,61,.35),0 0 12px rgba(242,179,61,.25)!important}
html body .topbar .topbar-row > .portal-btn.hidden{display:none!important}
html body .topbar .topbar-row > .portal-btn .pw-dot{top:1px;right:1px}
/* v2409 — le bouton du Portail REMPLACE le titre OROLADO en haut à gauche (même place, même taille). */
html.portal-on body .topbar #brandLockup{display:none!important}
html body .topbar .topbar-row > .portal-btn{width:118px!important;height:34px!important;flex:0 0 118px!important;border-radius:12px!important;padding:3px 10px 3px 6px!important;
  display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(rgba(255,200,120,.22),rgba(255,160,60,.07))!important;border:.8px solid rgba(255,200,120,.55)!important;
  box-shadow:rgba(255,170,60,.28) 0 0 16px,rgba(255,255,255,.14) 0 1px 0 inset!important}
html body .topbar .topbar-row > .portal-btn.hidden{display:none!important}
html body .topbar .topbar-row > .portal-btn svg{width:22px;height:22px;flex:0 0 22px}
html body .topbar .topbar-row > .portal-btn .pw-lbl{font:800 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#FFD27A}
html body .topbar .topbar-row > .portal-btn .pw-dot{top:-3px;right:-3px}
/* v2409 — icône MAISON (au lieu de la fenêtre arrondie qui ressemblait à une cloche). */
html body .topbar .portal-btn .ph-house,html body .topbar .portal-btn .ph-chim{fill:none;stroke:#F2B33D;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .topbar .portal-btn .ph-glow{fill:#FFD27A;opacity:.9;animation:pwGlow 2.8s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){html body .topbar .portal-btn .ph-glow{animation:none}}
/* v2409 — pastille du Défi DANS le graphique (en haut au centre), plus au-dessus des boutons. */
html body #chartStage > .defi-chip{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;z-index:6!important}
/* v2409 — Portail SANS cadre : petite maison dorée lumineuse + son nom dessous, même style que Aide / Profil. */
html body .topbar .topbar-row > .portal-btn{width:auto!important;min-width:40px;height:38px!important;flex:0 0 auto!important;padding:0 4px!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;flex-direction:column!important;gap:3px!important;margin-right:auto}
html body .topbar .topbar-row > .portal-btn svg{width:22px!important;height:22px!important;flex:0 0 22px;filter:drop-shadow(0 0 6px rgba(242,179,61,.55))}
html body .topbar .topbar-row > .portal-btn .pw-lbl{font:800 8.5px/8.5px "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:none!important;color:#FFD27A!important}
html body .topbar .topbar-row > .portal-btn .pw-dot{top:0!important;right:2px!important;width:6px;height:6px}
html body #chartStage > .defi-chip{z-index:40!important;pointer-events:auto!important}
/* Recharger au centre de la barre quand la maison du Portail est à gauche. */
html.portal-on body .topbar .topbar-row > .topbar-cta{margin-left:auto!important;margin-right:auto!important}
/* v2409 — finitions : barre du haut équilibrée (Maison + Aide | Recharger centré | Langue + Profil),
   progression du défi sur la maison, icônes dessinées (plus d'émojis), Portail plus « planète ». */
html.portal-on body .topbar .topbar-row{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;column-gap:8px}
html.portal-on body .topbar .topbar-row > .tb-left{display:flex;align-items:center;gap:6px;justify-self:start;grid-column:1}
html.portal-on body .topbar .topbar-row > .topbar-cta{grid-column:2;margin:0!important;justify-self:center}
html.portal-on body .topbar .topbar-row > .topbar-actions{grid-column:3;justify-self:end}
html.portal-on body .topbar .topbar-row > #brandLockup,html.portal-on body .topbar .topbar-row > .auth-quick{display:none!important}
html body .topbar .tb-left > .portal-btn{position:relative;width:auto!important;min-width:38px;height:38px!important;padding:0 2px!important;border:0!important;background:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:3px!important;cursor:pointer}
html body .topbar .tb-left > .portal-btn.hidden{display:none!important}
html body .topbar .tb-left > .portal-btn svg{width:21px!important;height:21px!important;filter:drop-shadow(0 0 6px rgba(242,179,61,.55))}
html body .topbar .tb-left > .portal-btn .pw-lbl{font:800 8.5px/8.5px "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.04em;color:#FFD27A!important;text-transform:none!important}
html body .topbar .tb-left > .portal-btn .pw-dot{position:absolute;top:0;right:3px;width:6px;height:6px}
html body .topbar .portal-btn.has-prog .pw-dot{display:none}
html body .topbar .portal-btn .pw-prog{position:absolute;top:-4px;right:-8px;min-width:22px;padding:1px 4px;border-radius:8px;background:linear-gradient(180deg,#FFD27A,#F2B33D);color:#1A0F00;font:900 8.5px/12px "Plus Jakarta Sans",system-ui,sans-serif;text-align:center;box-shadow:0 0 8px rgba(242,179,61,.6)}
html body .topbar .portal-btn .pw-prog:empty{display:none}
html body .defi-chip{display:none!important}
html body #portalModal svg.pi{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
html body #portalModal svg.pi .pi-fill{fill:currentColor;stroke:none}
html body #portalModal .defi-badge{display:inline-flex;align-items:center;gap:7px}
html body #portalModal .defi-badge::before{content:none!important}
html body #portalModal .defi-badge svg.pi{width:18px;height:18px;color:#FF8FA2}
html body #portalModal .defi-timer{display:inline-flex;align-items:center;gap:5px}
html body #portalModal .defi-state{display:flex;align-items:center;justify-content:center;gap:6px}
html body #portalModal .portal-box{background:
  radial-gradient(120px 120px at 88% 6%,rgba(242,179,61,.30),rgba(242,179,61,0) 70%),
  radial-gradient(70px 70px at 10% 14%,rgba(91,75,216,.35),rgba(91,75,216,0) 70%),
  radial-gradient(circle at 50% -10%,rgba(242,179,61,.12),rgba(9,13,34,.98) 58%)!important}
html body #portalModal .portal-title{font-family:"Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.22em}
html body .defi-win .dw-cup svg.pi{width:58px;height:58px;fill:none;stroke:#F2B33D;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(242,179,61,.6))}
html.portal-on body .topbar .topbar-row > .topbar-actions{display:flex!important;align-items:center;justify-content:flex-end!important;gap:6px!important;width:auto!important;margin:0!important}
html.portal-on body .topbar .topbar-row > .tb-left{gap:6px}
html.portal-on body .topbar .topbar-row > .topbar-actions.topbar-actions.topbar-actions{justify-content:flex-end!important;gap:6px!important}
/* Le Portail en VRAIE PAGE plein écran sur téléphone (pas une petite fenêtre). */
@media (max-width:859px){
  html body #portalModal.modal-backdrop.active{padding:0!important;align-items:stretch!important}
  html body #portalModal .modal-box.portal-box{width:100%!important;max-width:none!important;min-height:100%!important;height:100%!important;margin:0!important;border-radius:0!important;border:0!important;
    overflow-y:auto!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 24px)!important;box-sizing:border-box}
  html body #portalModal .btn-close{top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:12px!important}
  html body #portalModal .portal-head{margin:6px 40px 16px}
}
@media (min-width:860px){html body #portalModal .modal-box.portal-box{max-width:560px!important}}
/* v2409 — gauche en miroir parfait de la droite : [Maison … Aide] [Recharger] [Langue … Profil]. */
@media (max-width:859px){
  html.portal-on:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .tb-left{grid-column:1!important;justify-self:stretch!important;display:flex!important;justify-content:space-between!important;align-items:center!important;min-width:0!important}
  html.portal-on:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions{justify-content:space-between!important}
}
/* ===== v2410 — Portail redessiné : emblème doré, ciel étoilé, globe du marché, anneau de progression ===== */
html body #portalModal .portal-box{position:relative;overflow-x:hidden}
html body #portalModal .portal-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html body #portalModal .portal-box > *:not(.portal-sky){position:relative;z-index:1}
html body #portalModal .portal-box > .btn-close{position:absolute!important;z-index:3}
html body #portalModal .portal-head{display:flex;flex-direction:column;align-items:center;margin:0 34px 14px!important}
html body #portalModal .portal-emblem{width:108px;height:108px;filter:drop-shadow(0 0 18px rgba(242,179,61,.35));margin-bottom:2px}
html body #portalModal .portal-emblem .pe-orbit{animation:peOrbit 9s linear infinite;transform-origin:60px 72px}
@keyframes peOrbit{to{stroke-dashoffset:-320}}
html body #portalModal .portal-title{font-size:22px;letter-spacing:.28em;background:linear-gradient(180deg,#FFE9B0,#F2B33D 55%,#C98316);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body #portalModal .defi-card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),radial-gradient(circle at 100% 0%,rgba(242,179,61,.16),rgba(12,17,40,.92) 62%)!important;border:1px solid rgba(242,179,61,.30)!important;box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
html body #portalModal .defi-badge{color:#FFD27A}
html body #portalModal .defi-badge svg.pi{color:#FFD27A}
html body #portalModal .defi-market{display:none!important}
html body #portalModal .defi-hero{display:flex;align-items:center;gap:16px;margin:6px 0 12px}
html body #portalModal .defi-ring{position:relative;width:118px;height:118px;flex:0 0 118px}
html body #portalModal .defi-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
html body #portalModal .defi-ring #defiRing path{fill:none;stroke:rgba(255,255,255,.14);stroke-width:7;stroke-linecap:round;transition:stroke .4s}
html body #portalModal .defi-ring #defiRing path.on{stroke:#F2B33D;filter:drop-shadow(0 0 6px rgba(242,179,61,.75))}
html body #portalModal .defi-globe{position:absolute;inset:19px;display:grid;place-items:center}
html body #portalModal .defi-globe .hc-globe{width:80px!important;height:80px!important;flex:none!important}
html body #portalModal .defi-globe .hc-globe svg{width:100%!important;height:100%!important}
html body #portalModal .defi-hero-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
html body #portalModal .defi-hero-txt .defi-mk-lbl{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9AA3C7}
html body #portalModal .defi-hero-txt b{font-size:22px;letter-spacing:.06em;color:#fff;line-height:1.1}
html body #portalModal .defi-count{font-size:28px;font-weight:900;color:#F2B33D;font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 0 14px rgba(242,179,61,.45)}
html body #portalModal .defi-dots{display:none!important}
html body #portalModal .defi-rule{font-size:15px}
/* v2411 — Portail : plus de message « mode test », plus de taches de couleur (seulement les étoiles et l'emblème), page qui défile. */
html body #portalModal .portal-test{display:none!important}
html body #portalModal .portal-box{background:linear-gradient(180deg,#0A0F26 0%,#070B1D 60%,#060918 100%)!important}
html body #portalModal .portal-box{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html body #portalModal .defi-how p:first-of-type{font-size:14px;font-weight:700;color:#FFE6A6}
/* v2412 — Portail : tout est écrit directement (plus de « Comment ça marche ? »), la page tient sur un seul écran sans défiler. */
html body #portalModal .defi-dots{display:none!important}
html body #portalModal .defi-how.defi-open{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
html body #portalModal .defi-how .defi-gift{display:flex;align-items:center;gap:8px;margin:0 0 6px!important;font-size:14px!important;font-weight:800!important;color:#FFE6A6!important}
html body #portalModal .defi-how .defi-gift .pi{width:20px;height:20px;flex:0 0 20px;stroke:#F2B33D}
html body #portalModal .defi-how .defi-ex{margin:6px 0 0!important;padding:6px 10px!important;font-size:12.5px!important;line-height:1.4!important}
html body #portalModal .defi-rl{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
html body #portalModal .defi-rl li{display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:1.35;color:#C9CEE6}
html body #portalModal .defi-rl .pi{width:18px;height:18px;flex:0 0 18px;stroke:#9FB0E8}
html body #portalModal .defi-rule{margin:10px 0 0!important}
@media (max-width:859px){
  html body #portalModal .modal-box.portal-box{display:flex!important;flex-direction:column;justify-content:center;overflow-y:hidden!important;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px calc(env(safe-area-inset-bottom,0px) + 10px)!important}
}
@media (max-width:859px) and (max-height:760px){
  html body #portalModal .portal-emblem{width:78px!important;height:78px!important}
  html body #portalModal .portal-head{margin:0 34px 8px!important}
  html body #portalModal .defi-ring{width:96px!important;height:96px!important;flex-basis:96px!important}
  html body #portalModal .defi-card{padding:12px!important}
}
/* Écran vraiment trop petit : on autorise le défilement plutôt que de couper le texte. */
@media (max-width:859px) and (max-height:600px){
  html body #portalModal .modal-box.portal-box{justify-content:flex-start;overflow-y:auto!important}
}
/* v2412 (suite) : centrage « sûr » (jamais de haut coupé) et règle plus forte que les anciennes. */
@media (max-width:859px){
  html body #portalModal#portalModal .modal-box.portal-box{justify-content:flex-start!important;overflow-y:hidden!important}
  html body #portalModal#portalModal .portal-head{margin-top:auto!important}
  html body #portalModal#portalModal .defi-card{margin-bottom:auto!important}
}
@media (max-width:859px) and (max-height:760px){
  html body #portalModal#portalModal .portal-title{font-size:20px!important}
  html body #portalModal#portalModal .defi-how.defi-open{margin-top:8px!important;padding-top:8px!important}
  html body #portalModal#portalModal .defi-rl{margin-top:8px!important;gap:4px!important}
}
@media (max-width:859px) and (max-height:600px){
  html body #portalModal#portalModal .modal-box.portal-box{overflow-y:auto!important}
}
@media (max-width:859px){html body #portalModal#portalModal#portalModal > .modal-box.portal-box{overflow-y:hidden!important}}
@media (max-width:859px) and (max-height:600px){html body #portalModal#portalModal#portalModal > .modal-box.portal-box{overflow-y:auto!important}}
/* v2412 — en arabe, le compteur « 3 / 5 » reste dans le bon sens. */
html body #portalModal .defi-count,html body #btnPortal .pw-prog,html body #portalModal .defi-timer{direction:ltr;unicode-bidi:isolate}
/* v2413 — Portail : onglets « Le Défi | Inviter » et page « Inviter un ami » (tout visible, sans défiler). */
html body #portalModal .portal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
html body #portalModal .portal-tabs.hidden{display:none!important}
html body #portalModal .pt-tab{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:0;border-radius:10px;background:transparent;color:#AEB6D6;font:800 13.5px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .pt-tab .pi{width:17px;height:17px;stroke:currentColor}
html body #portalModal .pt-tab.on{background:linear-gradient(180deg,rgba(242,179,61,.22),rgba(242,179,61,.10));color:#FFE6A6;box-shadow:inset 0 0 0 1px rgba(242,179,61,.45)}
html body #portalModal .aff-card{border-radius:18px;padding:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(12,17,40,.92);border:1px solid rgba(242,179,61,.30);box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
html body #portalModal .aff-card.hidden{display:none!important}
html body #portalModal .aff-big{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;text-align:center}
html body #portalModal .aff-big b{flex:1 1 0;padding:9px 6px;border-radius:12px;background:rgba(242,179,61,.12);border:1px solid rgba(242,179,61,.35);color:#FFE6A6;font-size:14px;font-weight:900;line-height:1.2}
html body #portalModal .aff-big i{font-style:normal;color:#F2B33D;font-weight:900;font-size:18px}
html body #portalModal .aff-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
html body #portalModal .aff-steps li{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.3;color:#ECEFFA}
html body #portalModal .aff-steps em{font-style:normal}
html body #portalModal .aff-steps span{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#F2B33D;color:#1A1205;font-weight:900;font-size:12px}
html body #portalModal .aff-ex{margin:10px 0 0;padding:7px 10px;border-radius:10px;background:rgba(242,179,61,.08);border-left:2px solid #F2B33D}
html body #portalModal .aff-ex p{margin:0;font-size:12.5px;line-height:1.45;color:#ECEFFA}
html body #portalModal .aff-rl{margin-top:9px!important}
html body #portalModal .aff-link{display:flex;align-items:center;gap:8px;margin-top:10px;padding:5px 5px 5px 12px;border-radius:12px;background:rgba(0,0,0,.28);border:1px dashed rgba(242,179,61,.45)}
html body #portalModal .aff-url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:13px;font-weight:700;color:#FFE6A6}
html body #portalModal .aff-btn{flex:0 0 auto;display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:9px;background:rgba(255,255,255,.10);color:#fff;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .aff-btn .pi{width:15px;height:15px;stroke:currentColor}
html body #portalModal .aff-btn.done{background:#1F9D63}
html body #portalModal .aff-share{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px}
html body #portalModal .aff-share .pi{width:18px;height:18px;stroke:currentColor}
html body #portalModal .aff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
html body #portalModal .aff-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-align:center}
html body #portalModal .aff-stats b{font-size:16px;font-weight:900;color:#fff;direction:ltr}
html body #portalModal .aff-stats span{font-size:11px;color:#AEB6D6;line-height:1.2}
@media (max-width:859px){html body #portalModal#portalModal .aff-card{margin-bottom:auto!important}}
@media (max-width:859px) and (max-height:760px){
  html body #portalModal#portalModal.aff-on .portal-emblem{width:54px!important;height:54px!important}
  html body #portalModal#portalModal.aff-on .portal-sub{display:none}
  html body #portalModal#portalModal .aff-card{padding:12px!important}
  html body #portalModal#portalModal .aff-steps{gap:4px}
  html body #portalModal#portalModal .aff-ex{margin-top:8px}
  html body #portalModal#portalModal .aff-stats{margin-top:8px}
}
html body #portalModal .aff-big b{font-size:13.5px!important}
@media (max-width:859px) and (max-height:760px){
  html body #portalModal#portalModal.tabs-on .portal-emblem{width:50px!important;height:50px!important;margin-bottom:0!important}
  html body #portalModal#portalModal.tabs-on .portal-sub{display:none!important}
  html body #portalModal#portalModal.tabs-on .portal-title{font-size:17px!important}
  html body #portalModal#portalModal.tabs-on .portal-head{margin:0 34px 6px!important}
  html body #portalModal#portalModal.tabs-on .portal-tabs{margin-bottom:8px}
  html body #portalModal#portalModal.tabs-on .pt-tab{height:34px}
  html body #portalModal#portalModal.tabs-on .defi-ring{width:84px!important;height:84px!important;flex-basis:84px!important}
  html body #portalModal#portalModal.tabs-on .defi-rule{margin-top:8px!important}
  html body #portalModal#portalModal.tabs-on .defi-go,html body #portalModal#portalModal.tabs-on .defi-trade{margin-top:8px!important}
  html body #portalModal#portalModal.tabs-on .aff-ex p,html body #portalModal#portalModal.tabs-on .defi-rl li{font-size:12px}
}
@media (max-width:859px) and (max-height:680px){
  html body #portalModal#portalModal.tabs-on .defi-card{padding:10px 11px!important}
  html body #portalModal#portalModal.tabs-on .defi-how .defi-ex{font-size:11.5px!important;padding:5px 8px!important;line-height:1.35!important;margin-top:5px!important}
  html body #portalModal#portalModal.tabs-on .defi-how .defi-gift{font-size:13px!important}
  html body #portalModal#portalModal.tabs-on .defi-rule{font-size:13px!important;line-height:1.35!important}
  html body #portalModal#portalModal.tabs-on .defi-rl li{font-size:11.5px!important}
  html body #portalModal#portalModal.tabs-on .defi-how.defi-open{margin-top:6px!important;padding-top:6px!important}
}
/* v2414 — Portail à 3 onglets : Défi | Inviter (6 carrés + liste des amis) | Top 25 démo de la semaine. */
html body #portalModal .pt-tab.hidden{display:none!important}
html body #portalModal .pt-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:860px){html body #portalModal .modal-box.portal-box{max-width:600px!important}}
/* Inviter : 3 étapes côte à côte */
html body #portalModal .aff-steps3{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
html body #portalModal .aff-steps3 li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 5px 7px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}
html body #portalModal .aff-steps3 li span{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#F2B33D;color:#1A1205;font-weight:900;font-size:10.5px;box-shadow:0 0 0 3px rgba(12,17,40,.95)}
html body #portalModal .aff-steps3 .pi{width:20px;height:20px;stroke:#FFD27A;margin-top:3px}
html body #portalModal .aff-steps3 em{font-style:normal;font-size:11px;line-height:1.25;color:#DDE2F5}
/* Inviter : 6 carrés */
html body #portalModal .aff-stats6{grid-template-columns:repeat(3,1fr)!important}
html body #portalModal .aff-stats6 div{position:relative;padding:7px 3px 6px!important}
html body #portalModal .aff-stats6 .pi{width:14px;height:14px;stroke:#8E9AD0;margin-bottom:1px}
html body #portalModal .aff-stats6 b{font-size:15px!important}
html body #portalModal .aff-stats6 span{font-size:10px!important}
html body #portalModal .aff-stats6 .gold{background:rgba(242,179,61,.12)!important;border-color:rgba(242,179,61,.45)!important}
html body #portalModal .aff-stats6 .gold b{color:#FFD27A!important}
html body #portalModal .aff-stats6 .gold .pi{stroke:#F2B33D}
html body #portalModal .aff-listbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:7px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#DDE2F5;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .aff-listbtn .pi{width:16px;height:16px;stroke:currentColor}
html body #portalModal .aff-listbtn b{min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#F2B33D;color:#1A1205;font-size:11px}
html body #portalModal .aff-main.hidden,html body #portalModal .aff-listview.hidden{display:none!important}
/* Inviter : liste des amis */
html body #portalModal .aff-listview{display:flex;flex-direction:column;gap:8px}
html body #portalModal .aff-lv-top{display:flex;align-items:center;gap:10px}
html body #portalModal .aff-lv-top b{font-size:15px;color:#FFE6A6;font-weight:900}
html body #portalModal .aff-back{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);display:grid;place-items:center;color:#fff;cursor:pointer}
html body #portalModal .aff-back .pi{width:18px;height:18px;stroke:currentColor}
html[dir=rtl] body #portalModal .aff-back .pi{transform:scaleX(-1)}
html body #portalModal .aff-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border-radius:11px;background:rgba(0,0,0,.25)}
html body #portalModal .aff-filter button{height:32px;border:0;border-radius:8px;background:transparent;color:#AEB6D6;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .aff-filter button.on{background:rgba(242,179,61,.18);color:#FFE6A6;box-shadow:inset 0 0 0 1px rgba(242,179,61,.45)}
html body #portalModal .aff-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
html body #portalModal .aff-sum div{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
html body #portalModal .aff-sum b{font-size:15px;color:#fff;font-weight:900;direction:ltr}
html body #portalModal .aff-sum span{font-size:10.5px;color:#AEB6D6}
html body #portalModal .aff-sum .gold b{color:#FFD27A}
html body #portalModal .aff-rows{display:flex;flex-direction:column;gap:5px;max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body #portalModal .aff-row{display:grid;grid-template-columns:1.2fr 1fr 1.25fr;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
html body #portalModal .aff-row b{display:block;font-size:13px;color:#fff;font-weight:800;direction:ltr}
html body #portalModal .aff-row span{display:block;font-size:10.5px;color:#9AA4CC}
html body #portalModal .aff-row i{font-style:normal;color:#3DDC97}
html body #portalModal .aff-row .ar-gain{text-align:end}
html body #portalModal .aff-row .ar-gain b{color:#3DDC97}
html body #portalModal .aff-row .ar-left{font-variant-numeric:tabular-nums;color:#FFD27A}
html body #portalModal .aff-empty{margin:14px 0;text-align:center;font-size:13px;color:#9AA4CC}
/* Top 25 */
html body #portalModal .top-card{border-radius:18px;padding:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(12,17,40,.92);border:1px solid rgba(242,179,61,.30);box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
html body #portalModal .top-card.hidden{display:none!important}
html body #portalModal .top-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
html body #portalModal .top-title{display:flex;align-items:center;gap:8px;color:#FFE6A6;font-size:15.5px;font-weight:900}
html body #portalModal .top-title .pi{width:20px;height:20px;stroke:#F2B33D}
html body #portalModal .top-timer{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:#FFD27A;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
html body #portalModal .top-timer .pi{width:15px;height:15px;stroke:currentColor}
html body #portalModal .top-sub{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:#C9CEE6}
html body #portalModal .top-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;margin-top:10px}
html body #portalModal .tp{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}
html body #portalModal .tp b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:#fff;font-weight:800}
html body #portalModal .tp span{font-size:11px;color:#FFD27A;font-weight:800;direction:ltr}
html body #portalModal .tp small{font-size:9.5px;color:#8E9AD0}
html body #portalModal .tp-medal{position:relative;width:40px;height:48px}
html body #portalModal .tp1 .tp-medal{width:50px;height:60px;filter:drop-shadow(0 0 12px rgba(255,210,122,.55))}
html body #portalModal .tp-medal svg{width:100%;height:100%}
html body #portalModal .tp-medal em{position:absolute;left:0;right:0;bottom:22%;text-align:center;font-style:normal;font-weight:900;font-size:13px;color:#2A1A00}
html body #portalModal .tp1 .tp-medal em{font-size:16px}
html body #portalModal .tp-medal .rb{fill:#3B4C9A}
html body #portalModal .tp1 .md{fill:#F2B33D}
html body #portalModal .tp1 .mi{fill:#FFE19A}
html body #portalModal .tp2 .md{fill:#AEB8CF}
html body #portalModal .tp2 .mi{fill:#E6ECF7}
html body #portalModal .tp3 .md{fill:#C27A3A}
html body #portalModal .tp3 .mi{fill:#E9A86A}
html body #portalModal .tp-step{width:100%;margin-top:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(242,179,61,.28),rgba(242,179,61,.05));border:1px solid rgba(242,179,61,.30);border-bottom:0}
html body #portalModal .tp1 .tp-step{height:34px}
html body #portalModal .tp2 .tp-step{height:22px;background:linear-gradient(180deg,rgba(174,184,207,.25),rgba(174,184,207,.04));border-color:rgba(174,184,207,.3)}
html body #portalModal .tp3 .tp-step{height:14px;background:linear-gradient(180deg,rgba(194,122,58,.28),rgba(194,122,58,.05));border-color:rgba(194,122,58,.35)}
html body #portalModal .tp.empty{opacity:.45}
html body #portalModal .tp.me b{color:#3DDC97}
html body #portalModal .top-rows{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px;max-height:min(30vh,300px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (min-height:820px){html body #portalModal .top-rows{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}}
html body #portalModal .tr{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);min-width:0}
html body #portalModal .tr em{font-style:normal;font-weight:900;font-size:11.5px;color:#8E9AD0;text-align:center}
html body #portalModal .tr b{font-size:12px;color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #portalModal .tr span{font-size:11.5px;color:#FFD27A;font-weight:800;direction:ltr}
html body #portalModal .tr small{grid-column:1/-1;font-size:9.5px;color:#8E9AD0;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #portalModal .tr.me{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.45)}
html body #portalModal .tf{font-style:normal;font-size:9px;font-weight:800;color:#AEB6D6;padding:1px 4px;border-radius:4px;background:rgba(255,255,255,.08)}
html body #portalModal .tf:empty{display:none}
html body #portalModal .top-me{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 11px;border-radius:11px;background:rgba(242,179,61,.10);border:1px solid rgba(242,179,61,.38);color:#FFE6A6;font-size:12.5px;font-weight:800}
html body #portalModal .top-me .pi{width:18px;height:18px;stroke:currentColor;flex:0 0 18px}
html body #portalModal .top-me.in{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.5);color:#BFF5DC}
html body #portalModal .top-rule{margin:7px 0 0;font-size:11px;line-height:1.4;color:#9AA4CC}
html body #portalModal .top-actions{display:flex;gap:8px;margin-top:9px}
html body #portalModal .top-play{flex:1 1 auto}
html body #portalModal .top-prev{flex:0 0 auto;height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#DDE2F5;font:800 12px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .top-prev.hidden{display:none!important}
@media (max-width:859px){html body #portalModal#portalModal .top-card{margin-bottom:auto!important}}
@media (max-width:859px) and (max-height:760px){
  html body #portalModal#portalModal .top-card{padding:11px!important}
  html body #portalModal#portalModal .tp1 .tp-medal{width:42px;height:50px}
  html body #portalModal#portalModal .tp-medal{width:34px;height:41px}
  html body #portalModal#portalModal .tp1 .tp-step{height:24px}
  html body #portalModal#portalModal .tp2 .tp-step{height:15px}
  html body #portalModal#portalModal .tp3 .tp-step{height:9px}
  html body #portalModal#portalModal .top-rows{max-height:calc(100dvh - 470px)}
  html body #portalModal#portalModal .aff-steps3 em{font-size:10.5px}
  html body #portalModal#portalModal .aff-rows{max-height:calc(100dvh - 330px)}
}
/* v2414 — petits écrans (hauteur ≤ 760) : tout tient sans défiler. */
@media (max-width:859px) and (max-height:760px){
  html body #portalModal#portalModal.tabs-on .portal-emblem{display:none!important}
  html body #portalModal#portalModal.tabs-on .portal-head{margin:4px 40px 8px!important}
  html body #portalModal#portalModal .aff-steps3 .pi{display:none}
  html body #portalModal#portalModal .aff-steps3 li{padding:9px 4px 6px}
  html body #portalModal#portalModal .aff-stats6{gap:5px!important;margin-top:7px!important}
  html body #portalModal#portalModal .aff-stats6 div{padding:5px 2px 4px!important;gap:0!important}
  html body #portalModal#portalModal .aff-stats6 .pi{display:none}
  html body #portalModal#portalModal .aff-stats6 b{font-size:14px!important}
  html body #portalModal#portalModal .aff-stats6 span{font-size:9.5px!important;line-height:1.15!important}
  html body #portalModal#portalModal .aff-share{height:40px!important;margin-top:6px!important}
  html body #portalModal#portalModal .aff-link{margin-top:8px!important}
  html body #portalModal#portalModal .aff-ex{padding:5px 9px!important}
  html body #portalModal#portalModal .aff-ex p{font-size:11.5px!important;line-height:1.35!important}
  html body #portalModal#portalModal .aff-rl{margin-top:7px!important;gap:3px!important}
  html body #portalModal#portalModal .aff-rl li{font-size:11.5px!important;line-height:1.3!important}
  html body #portalModal#portalModal .aff-big{margin-bottom:8px!important}
  html body #portalModal#portalModal .aff-big b{padding:7px 4px!important}
  html body #portalModal#portalModal .top-rows{max-height:calc(100dvh - 470px)!important}
  html body #portalModal#portalModal .top-sub{font-size:11.5px!important}
}
/* v2414 — iPhone Safari : la barre flottante cache le bas → le Portail garde sa place (rien sous la barre). */
@media (max-width:859px){
  html.saf-under body #portalModal#portalModal#portalModal > .modal-box.portal-box{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 92px)!important}
  html body #portalModal#portalModal#portalModal > .modal-box.portal-box{padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important}
}
@media (max-width:859px) and (min-height:820px){html.saf-under body #portalModal#portalModal .top-rows{max-height:196px;overflow-y:auto}}
/* v2415 — phrase « payé par OROLADO » (Inviter). */
html body #portalModal .aff-paid{margin:6px 0 0;font-size:10.5px;line-height:1.35;color:#8FE3B8;text-align:center}
@media (max-width:859px) and (max-height:760px){html body #portalModal#portalModal .aff-paid{font-size:10px;margin-top:4px}}
/* v2415 — « Cadeaux » : case dorée chic (cadeau dessiné) à la place de la maison ; page sans la maison ;
   onglets « Défi du jour | Invitation | Tournoi démo » en couleur ; liste des amis toujours visible ;
   carte pour les visiteurs non inscrits. */
html body .topbar .tb-left > .portal-btn.portal-btn,html body .topbar .topbar-row > .portal-btn.portal-btn{gap:2px!important;transform:translateY(-1px)}
html body .topbar .tb-left > .portal-btn.portal-btn svg,html body .topbar .topbar-row > .portal-btn.portal-btn svg{width:30px!important;height:30px!important;flex:0 0 30px!important;box-sizing:border-box;padding:4px;border-radius:10px;
  background:linear-gradient(145deg,#FFE7A3 0%,#F6C453 38%,#E39A1E 100%);box-shadow:0 0 0 1px rgba(255,231,163,.65) inset,0 3px 10px rgba(242,160,30,.45),0 0 16px rgba(255,200,90,.35);filter:none!important;overflow:visible}
html body .topbar .portal-btn.portal-btn .ph-house{stroke:#4A2A00!important;stroke-width:1.8!important}
html body .topbar .portal-btn.portal-btn .ph-glow{fill:#FFF6DA!important;opacity:1!important}
html body .topbar .portal-btn.portal-btn .ph-chim{stroke:#FFFFFF!important;stroke-width:1.6!important}
html body .topbar .tb-left > .portal-btn.portal-btn .pw-lbl,html body .topbar .topbar-row > .portal-btn.portal-btn .pw-lbl{font:800 8.5px/9px "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.04em!important;color:#FFD27A!important;text-transform:none!important}
html body .topbar .portal-btn.portal-btn .pw-prog{z-index:2}
@keyframes ggShine{0%,100%{box-shadow:0 0 0 1px rgba(255,231,163,.65) inset,0 3px 10px rgba(242,160,30,.45),0 0 12px rgba(255,200,90,.25)}50%{box-shadow:0 0 0 1px rgba(255,231,163,.8) inset,0 3px 12px rgba(242,160,30,.6),0 0 22px rgba(255,210,110,.55)}}
html body .topbar .tb-left > .portal-btn.portal-btn svg,html body .topbar .topbar-row > .portal-btn.portal-btn svg{animation:ggShine 3s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){html body .topbar .portal-btn.portal-btn svg{animation:none!important}}

/* Page : plus de grande maison, tout remonte. */
html body #portalModal .portal-emblem{display:none!important}
html body #portalModal .portal-head{margin:2px 44px 10px!important}
html body #portalModal .portal-title{font-size:20px!important}

/* Onglets plus grands, icônes en couleur. */
html body #portalModal .portal-tabs{gap:5px!important;padding:5px!important;border-radius:16px!important}
html body #portalModal .pt-tab{flex-direction:column;height:auto!important;min-height:58px;gap:4px!important;padding:6px 2px!important;font-size:12px!important;line-height:1.15!important;border-radius:12px!important}
html body #portalModal .pt-tab span:last-child{white-space:normal!important;text-align:center}
html body #portalModal .pt-ico{width:28px;height:28px;border-radius:9px;display:grid;place-items:center}
html body #portalModal .pt-ico svg{width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #portalModal .t-defi .pt-ico,html body #portalModal .gg-i.t-defi{background:rgba(255,90,110,.16);box-shadow:inset 0 0 0 1px rgba(255,90,110,.45)}
html body #portalModal .t-defi svg{stroke:#FF6F80}
html body #portalModal .t-defi svg .pi-fill{fill:#FF6F80;stroke:none}
html body #portalModal .t-aff .pt-ico,html body #portalModal .gg-i.t-aff{background:rgba(43,212,154,.15);box-shadow:inset 0 0 0 1px rgba(43,212,154,.45)}
html body #portalModal .t-aff svg{stroke:#3DDCA6}
html body #portalModal .t-top .pt-ico,html body #portalModal .gg-i.t-top{background:rgba(242,179,61,.16);box-shadow:inset 0 0 0 1px rgba(242,179,61,.5)}
html body #portalModal .t-top svg{stroke:#F6C453}
html body #portalModal .pt-tab.on.t-defi{background:linear-gradient(180deg,rgba(255,90,110,.22),rgba(255,90,110,.06))!important;color:#FFD0D6!important;box-shadow:inset 0 0 0 1px rgba(255,90,110,.55)!important}
html body #portalModal .pt-tab.on.t-aff{background:linear-gradient(180deg,rgba(43,212,154,.2),rgba(43,212,154,.05))!important;color:#C8F7E6!important;box-shadow:inset 0 0 0 1px rgba(43,212,154,.55)!important}
html body #portalModal .pt-tab.on.t-top{background:linear-gradient(180deg,rgba(242,179,61,.24),rgba(242,179,61,.06))!important;color:#FFE6A6!important;box-shadow:inset 0 0 0 1px rgba(242,179,61,.6)!important}
html body #portalModal .pt-arrow{stroke-width:1.6}

/* Invitation : liste des amis toujours visible sous les carrés. */
html body #portalModal .aff-listview{display:flex!important;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
html body #portalModal .aff-lv-top{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
html body #portalModal .aff-lv-top > b{font-size:13.5px!important;color:#FFE6A6;font-weight:900}
html body #portalModal .aff-lv-top > i{font-style:normal;min-width:20px;height:19px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#F2B33D;color:#1A1205;font-size:11px;font-weight:900}
html body #portalModal .aff-lv-top .aff-filter{margin-inline-start:auto;padding:2px!important;gap:2px!important}
html body #portalModal .aff-lv-top .aff-filter button{height:26px!important;padding:0 8px!important;font-size:11px!important}
html body #portalModal .aff-rows{max-height:none;min-height:46px}
html body #portalModal .aff-row{padding:6px 9px!important}

/* Visiteur non inscrit. */
html body #portalModal .gift-guest{border-radius:18px;padding:18px 16px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(12,17,40,.92);border:1px solid rgba(242,179,61,.35);box-shadow:0 18px 40px rgba(0,0,0,.35)}
html body #portalModal .gift-guest.hidden{display:none!important}
html body #portalModal .gg-icons{display:flex;justify-content:center;gap:12px;margin-bottom:12px}
html body #portalModal .gg-i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}
html body #portalModal .gg-i svg{width:26px;height:26px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #portalModal .gg-t{display:block;font-size:19px;font-weight:900;color:#FFE6A6;margin-bottom:12px}
html body #portalModal .gg-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;text-align:start}
html body #portalModal .gg-list li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.35;color:#ECEFFA}
html body #portalModal .gg-list li i{flex:0 0 10px;width:10px;height:10px;border-radius:50%}
html body #portalModal .gg-list li i.t-defi{background:#FF6F80}
html body #portalModal .gg-list li i.t-aff{background:#3DDCA6}
html body #portalModal .gg-list li i.t-top{background:#F6C453}
html body #portalModal .gg-go{width:100%}
html body #portalModal .gg-login{margin-top:10px;border:0;background:none;color:#AEB6D6;font:700 13px/1 inherit;font-family:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:859px){html body #portalModal#portalModal .gift-guest{margin-bottom:auto!important}}
/* v2415 — liste des amis : environ 3 lignes visibles, le reste défile dans la liste (la page ne bouge pas). */
html body #portalModal#portalModal .aff-rows{max-height:104px!important;overflow-y:auto!important;overscroll-behavior:contain}
@media (max-height:760px){html body #portalModal#portalModal .aff-rows{max-height:96px!important}}
@media (max-width:859px){html body #portalModal#portalModal .aff-stats6 .pi{display:none}html body #portalModal#portalModal .aff-stats6 div{padding:6px 3px 5px!important}}
@media (max-width:859px){html body #portalModal#portalModal .aff-steps3 .pi{display:none}html body #portalModal#portalModal .aff-steps3 li{padding:10px 4px 6px}html body #portalModal#portalModal .aff-listview{margin-top:8px;padding-top:8px}}
/* v2416 — retouches du propriétaire : phrase du défi encadrée, bouton « Commencer le défi », compteur discret
   sur le graphique, grandes notifications, exemples de gains, « Voir plus », lignes d'amis plus fines. */
html body #portalModal .defi-rule{margin:12px 0 0!important;padding:11px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(242,179,61,.14),rgba(242,179,61,.05));border:1px solid rgba(242,179,61,.42);font-size:15px!important;line-height:1.4!important;font-weight:800!important;color:#FFF3D1!important;text-align:center}
html body #portalModal .defi-go,html body #portalModal .defi-trade{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.02em}
html body #portalModal .defi-go.hidden,html body #portalModal .defi-trade.hidden{display:none!important}
html body #portalModal .defi-trade{border-radius:14px;border:0;cursor:pointer;color:#1A1205;background:linear-gradient(180deg,#FFD978,#F2A82A);box-shadow:0 6px 18px rgba(242,168,42,.35)}
html body #portalModal .defi-how .defi-ex{font-size:12.5px!important}

/* Grandes notifications (Le défi a commencé / C'est parti / Félicitations). */
html body .defi-win .dw-s{margin-top:6px;font-size:14px;line-height:1.35;color:#E6EAFA;max-width:260px;text-align:center}
html body .defi-win .dw-s:empty{display:none}
html body .defi-win.dw-start .dw-cup .pi{stroke:#FFD27A}
html body .defi-win.dw-start .dw-t{font-size:22px}

/* Compteur discret du défi sur le graphique. */
html body #chartStage{position:relative}
html body #chartStage .defi-hud{position:absolute;left:8px;top:8px;z-index:24;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 7px;border-radius:14px;border:1px solid rgba(242,179,61,.35);background:rgba(8,12,30,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#FFE6A6;font:800 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;opacity:.92}
html body #chartStage .defi-hud.hidden{display:none!important}
html body #chartStage .defi-hud .pi{width:15px;height:15px;stroke:#FF6F80;fill:none;stroke-width:1.8}
html body #chartStage .defi-hud .pi .pi-fill{fill:#FF6F80;stroke:none}
html body #chartStage .defi-hud .dh-dots{display:flex;gap:3px}
html body #chartStage .defi-hud .dh-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
html body #chartStage .defi-hud .dh-dots i.on{background:#F6C453;box-shadow:0 0 6px rgba(246,196,83,.7)}
html body #chartStage .defi-hud em{font-style:normal;color:#fff;direction:ltr}
html body #chartStage .defi-hud.lost{border-color:rgba(255,90,110,.7);background:rgba(60,8,20,.75)}
html body #chartStage .defi-hud.lost::after{content:attr(data-lost);position:absolute;left:0;top:32px;white-space:nowrap;padding:5px 10px;border-radius:10px;background:rgba(255,77,106,.92);color:#fff;font-size:12px;font-weight:900;animation:hudLost 2.6s ease forwards}
@keyframes hudLost{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
html[dir=rtl] body #chartStage .defi-hud{left:auto;right:8px}

/* Invitation : exemples de gains, aperçu de 3 amis + « Voir plus », page complète. */
html body #portalModal .aff-big i{font-size:15px!important}
html body #portalModal .aff-proj{margin-top:9px;padding:9px 11px;border-radius:12px;background:linear-gradient(160deg,rgba(43,212,154,.12),rgba(43,212,154,.03));border:1px solid rgba(43,212,154,.35)}
html body #portalModal .aff-proj b{display:block;font-size:12.5px;color:#BFF5DC;font-weight:900;margin-bottom:4px}
html body #portalModal .aff-proj p{margin:2px 0 0;font-size:12px;line-height:1.35;color:#ECEFFA;font-weight:700}
html body #portalModal .aff-proj small{display:block;margin-top:5px;font-size:10.5px;line-height:1.3;color:#8FE3B8}
html body #portalModal .aff-row{padding:5px 9px!important;border-radius:9px!important}
html body #portalModal .aff-row b{font-size:12px!important}
html body #portalModal .aff-row span{font-size:9.5px!important}
html body #portalModal#portalModal .aff-rows{max-height:none!important;overflow:visible!important;min-height:0}
html body #portalModal .aff-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;margin-top:6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#FFE6A6;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer}
html body #portalModal .aff-more.hidden{display:none!important}
html body #portalModal .aff-more .pi{width:15px;height:15px;stroke:currentColor}
html[dir=rtl] body #portalModal .aff-more .pi{transform:scaleX(-1)}
html body #portalModal .aff-full{display:flex;flex-direction:column;gap:8px}
html body #portalModal .aff-full.hidden,html body #portalModal .aff-listview.hidden{display:none!important}
html body #portalModal .aff-full .aff-lv-top{display:flex;align-items:center;gap:10px}
html body #portalModal .aff-full .aff-filter{display:grid;grid-template-columns:repeat(4,1fr)}
html body #portalModal#portalModal .aff-rows-all{max-height:calc(100dvh - 330px)!important;overflow-y:auto!important;overscroll-behavior:contain}
html.saf-under body #portalModal#portalModal .aff-rows-all{max-height:calc(100dvh - 420px)!important}
@media (max-width:859px){html body #portalModal#portalModal.tabs-on .portal-head{display:none!important}html body #portalModal#portalModal.tabs-on .portal-tabs{margin-top:auto!important}html body #portalModal#portalModal#portalModal.tabs-on > .modal-box.portal-box{padding-top:calc(env(safe-area-inset-top,0px) + 50px)!important}}
html body #portalModal#portalModal.tabs-on .portal-head{display:none!important}
/* v2417 — 4e onglet « Bonus dépôt » (bleu) : +10 % rempli en jouant, barre de progression, chrono. */
html body #portalModal .t-bon .pt-ico{background:rgba(92,155,255,.16);box-shadow:inset 0 0 0 1px rgba(92,155,255,.5)}
html body #portalModal .t-bon svg{stroke:#7FB2FF}
html body #portalModal .pt-tab.on.t-bon{background:linear-gradient(180deg,rgba(92,155,255,.24),rgba(92,155,255,.06))!important;color:#D6E6FF!important;box-shadow:inset 0 0 0 1px rgba(92,155,255,.6)!important}
html body #portalModal .pt-tab{font-size:11px!important}
html body #portalModal .bon-card{border-radius:18px;padding:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(12,17,40,.92);border:1px solid rgba(92,155,255,.38);box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
html body #portalModal .bon-card.hidden{display:none!important}
html body #portalModal .bon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
html body #portalModal .bon-big{margin:0;font-size:17px;line-height:1.25;font-weight:900;color:#D6E6FF}
html body #portalModal .bon-head .top-timer{color:#9CC4FF;flex:0 0 auto}
html body #portalModal .bon-steps{margin-top:12px!important}
html body #portalModal .bon-steps li span{background:#5C9BFF!important;color:#06142E!important}
html body #portalModal .bon-meter{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(92,155,255,.08);border:1px solid rgba(92,155,255,.35)}
html body #portalModal .bon-meter.hidden{display:none!important}
html body #portalModal .bm-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
html body #portalModal .bm-top b{font-size:17px;font-weight:900;color:#fff;direction:ltr}
html body #portalModal .bm-top span{font-size:11.5px;color:#9CC4FF;font-weight:700}
html body #portalModal .bm-bar{height:12px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
html body #portalModal .bm-bar i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#5C9BFF,#3DDCA6);box-shadow:0 0 12px rgba(92,155,255,.6);transition:width .6s ease}
html[dir=rtl] body #portalModal .bm-bar i{margin-inline-start:auto}
html body #portalModal .bon-state{margin:10px 0 0;font-size:13.5px;line-height:1.4;font-weight:800;color:#ECEFFA;text-align:center}
html body #portalModal .bon-state:empty{display:none}
html body #portalModal .bon-state.full{color:#8FE3B8}
html body #portalModal .bon-state.expired{color:#FFB3BE}
html body #portalModal .bon-go{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px;font-size:15px!important;font-weight:900!important}
html body #portalModal .bon-go.hidden,html body #portalModal .bon-test.hidden{display:none!important}
html body #portalModal .bon-ex{margin-top:10px!important;border-left-color:#5C9BFF!important;background:rgba(92,155,255,.08)!important}
html body #portalModal .bon-test{margin-top:8px;width:100%;height:34px!important}
@media (max-width:859px){html body #portalModal#portalModal .bon-card{margin-bottom:auto!important}}
/* v2418 — corrections du propriétaire (captures iPhone + Android). */
/* Compteur « 1/5 » du cadeau : plus petit, ne touche plus le haut de l'écran. */
html body .topbar .portal-btn.portal-btn .pw-prog{top:-1px!important;right:-6px!important;min-width:18px!important;padding:0 3px!important;border-radius:7px!important;font-size:7.5px!important;line-height:11px!important;box-shadow:0 0 0 1.5px rgba(10,14,40,.9)}
/* Compteur du défi sur le graphique : plus petit ; rouge « Défi perdu » puis il disparaît. */
html body #chartStage .defi-hud{height:24px!important;padding:0 8px 0 6px!important;gap:5px!important;font-size:10.5px!important;border-radius:12px!important}
html body #chartStage .defi-hud .pi{width:13px!important;height:13px!important}
html body #chartStage .defi-hud .dh-dots i{width:6px!important;height:6px!important}
html body #chartStage .defi-hud.lost{border-color:#FF4D6A!important;background:rgba(120,10,30,.85)!important;color:#FFD0D6!important}
html body #chartStage .defi-hud.lost .dh-dots i{background:rgba(255,77,106,.45)!important;box-shadow:none!important}
html body #chartStage .defi-hud.lost::after{top:28px!important;font-size:11px!important}
html body #portalModal .defi-state.lost{color:#FF8A9A!important}
/* Défi : la ligne du cadeau ne déborde plus. */
html body #portalModal .defi-how .defi-gift{font-size:13px!important;line-height:1.3!important}
/* Invitation : ronds 1-2-3 plus petits (ne touchent plus les cases du dessus sur Android). */
html body #portalModal .aff-steps3 li span{width:15px!important;height:15px!important;font-size:9px!important;top:-6px!important;box-shadow:0 0 0 2px rgba(12,17,40,.95)!important}
html body #portalModal .aff-steps3{margin-top:9px!important}
/* Invitation : exemples de gains séparés par des traits. */
html body #portalModal .aff-proj p{padding:4px 0}
html body #portalModal .aff-proj p + p{border-top:1px dashed rgba(143,227,184,.35)}
html body #portalModal .aff-proj small{font-size:10px!important}
/* Pièce ORO (monnaie des points). */
html body #portalModal .oro-coin{width:13px;height:13px;flex:0 0 13px;vertical-align:-2px;margin-inline-end:3px}
html body #portalModal .oro-coin .oc-out{fill:#C8861A}
html body #portalModal .oro-coin .oc-in{fill:#F6C453;stroke:#FFE7A3;stroke-width:.8}
html body #portalModal .oro-coin .oc-pyr{fill:#7A4A06}
html body #portalModal .oro-coin .oc-eye{fill:#FFF3C4}
html body #portalModal .oro-amt{display:inline-flex;align-items:center;white-space:nowrap}
html body #portalModal .tp .oro-amt{font-size:11px;color:#FFD27A;font-weight:800}
html body #portalModal .tr .oro-amt{font-size:11.5px;color:#FFD27A;font-weight:800}
html body #portalModal .tr{grid-template-columns:24px 1fr auto!important}
html body #portalModal .tr b{text-align:center}
/* Tournoi : chrono plus petit et aligné, textes qui ne débordent plus. */
html body #portalModal .top-head{flex-wrap:nowrap}
html body #portalModal .top-title{font-size:14px!important;min-width:0}
html body #portalModal .top-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #portalModal .top-timer{font-size:11px!important;flex:0 0 auto;white-space:nowrap}
html body #portalModal .top-timer .pi{width:13px!important;height:13px!important}
html body #portalModal .top-sub{font-size:11.5px!important}
html body #portalModal .top-rule{font-size:10.5px!important}
html body #portalModal .top-play{font-size:14px!important;white-space:nowrap}
/* Bonus dépôt : titre encadré plus petit, barre centrée, chrono plus petit. */
html body #portalModal .bon-head{align-items:center}
html body #portalModal .bon-big{flex:1 1 auto;font-size:14px!important;line-height:1.3!important;padding:8px 10px;border-radius:12px;background:rgba(92,155,255,.10);border:1px solid rgba(92,155,255,.45);color:#E2EDFF!important}
html body #portalModal .bon-head .top-timer{font-size:11px!important}
html body #portalModal .bm-top{flex-direction:column-reverse!important;align-items:center!important;gap:2px!important;margin-bottom:8px!important}
html body #portalModal .bm-top b{font-size:20px!important}
html body #portalModal .bm-top span{font-size:11px!important;color:#9CC4FF!important}
html body #portalModal .bon-state{font-size:12.5px!important}
html body #portalModal .bon-steps li em{font-size:10.5px!important}
/* v2418 — Android : Aide, langue, profil et cadeau un peu plus grands (moins de vide autour). */
@media (max-width:859px){html.is-android body #screenTrade .topbar-row .tb-left > *,html.is-android body #screenTrade .topbar-row .topbar-actions > *{transform:scale(1.12);transform-origin:center}}
/* v2418 — Top 50 : la liste défile à l'intérieur, la page reste fixe. */
@media (max-width:859px){
  html body #portalModal#portalModal#portalModal .top-rows{max-height:clamp(140px,calc(100dvh - 520px),380px)!important;overflow-y:auto!important}
  html.saf-under body #portalModal#portalModal#portalModal .top-rows{max-height:clamp(140px,calc(100dvh - 600px),300px)!important}
}
/* v2418 — écrans étroits : une seule colonne pour que les numéros ORO ne soient jamais coupés. */
@media (max-width:419px){html body #portalModal#portalModal .top-rows{grid-template-columns:1fr!important}}
/* v2419 — retouches du propriétaire. */
/* Point rouge du cadeau : petit, sans contour noir, clignote doucement (comme « Plein écran »). */
html body .topbar .portal-btn.portal-btn .pw-dot{width:6px!important;height:6px!important;box-shadow:none!important;background:#EF4444!important;animation:fsLiveDot 1.5s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){html body .topbar .portal-btn.portal-btn .pw-dot{animation:none}}
/* Croix plus petite et plus haute : tout remonte, « Voir plus » reste visible sur les petits Android. */
@media (max-width:859px){
  html body #portalModal#portalModal .portal-box > .btn-close{width:30px!important;height:30px!important;top:calc(env(safe-area-inset-top,0px) + 4px)!important;right:6px!important}
  html body #portalModal#portalModal .portal-box > .btn-close .x-ico{width:15px!important;height:15px!important}
  html body #portalModal#portalModal#portalModal.tabs-on > .modal-box.portal-box{padding-top:calc(env(safe-area-inset-top,0px) + 38px)!important}
}
/* Exemples : séparés par des traits, parenthèses aérées. */
html body #portalModal .aff-ex p:empty{display:none}
html body #portalModal .aff-ex p{padding:3px 0}
html body #portalModal .aff-ex p + p{border-top:1px dashed rgba(242,179,61,.28)}
html body #portalModal .bon-ex p + p{border-top-color:rgba(92,155,255,.3)}
/* Petits écrans (Android) : textes qui ne débordent plus. */
@media (max-width:420px){
  html body #portalModal .defi-how .defi-ex{font-size:11.5px!important}
  html body #portalModal .aff-ex p{font-size:11.5px!important}
  html body #portalModal .top-sub{font-size:10.5px!important;line-height:1.35!important}
  html body #portalModal .bon-big{font-size:12.5px!important;padding:7px 9px!important}
  html body #portalModal .defi-rl li,html body #portalModal .aff-rl li{font-size:11.5px!important}
}
/* Tous les chronos : petits, sur une seule ligne, jamais par-dessus un texte. */
html body #portalModal .top-timer,html body #portalModal .defi-timer{white-space:nowrap!important;flex:0 0 auto!important;font-size:11px!important}
html body #portalModal .defi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
html body #portalModal .defi-top .defi-badge{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Tournoi : « Semaine dernière » se voit cliquable ; écran « terminé » différent. */
html body #portalModal .top-prev{display:inline-flex!important;align-items:center;gap:4px;border-color:rgba(242,179,61,.45)!important;color:#FFE6A6!important}
html body #portalModal .top-prev .pi{width:14px;height:14px;stroke:currentColor}
html body #portalModal .top-prev.hidden{display:none!important}
html[dir=rtl] body #portalModal .top-prev .pi{transform:scaleX(-1)}
html body #portalModal .top-ended{margin:8px 0 0;padding:7px 10px;border-radius:10px;background:rgba(255,77,106,.14);border:1px solid rgba(255,77,106,.45);color:#FFC2CB;font-size:12.5px;font-weight:900;text-align:center;letter-spacing:.04em;text-transform:uppercase}
html body #portalModal .top-ended.hidden{display:none!important}
html body #portalModal .top-card.is-prev{border-color:rgba(160,170,200,.35)!important}
html body #portalModal .top-card.is-prev .top-sub,html body #portalModal .top-card.is-prev .top-rule{display:none}
html body #portalModal .top-card.is-prev .tp-medal{filter:saturate(.7)}
html body #portalModal .top-card.is-prev .top-me{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#E6EAFA}
html body #portalModal .top-card.is-prev .top-prev{flex:1 1 auto;justify-content:center}
/* v2419 — les 4 pages ont TOUTES la même grande taille (toute la hauteur sous les onglets) ; texte à taille
   normale ; s'il y a beaucoup de texte, c'est la carte qui défile (plus de resserrage qui rend tout petit). */
@media (max-width:859px){
  html body #portalModal#portalModal#portalModal > .modal-box.portal-box{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important}
  html body #portalModal#portalModal#portalModal.tabs-on > .modal-box.portal-box{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important}
  html.saf-under body #portalModal#portalModal#portalModal.tabs-on > .modal-box.portal-box{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 92px)!important}
  html body #portalModal#portalModal .portal-tabs{margin-top:0!important;flex:0 0 auto}
  html body #portalModal#portalModal .portal-box > .defi-card,
  html body #portalModal#portalModal .portal-box > .aff-card,
  html body #portalModal#portalModal .portal-box > .top-card,
  html body #portalModal#portalModal .portal-box > .bon-card,
  html body #portalModal#portalModal .portal-box > .gift-guest{flex:1 1 auto!important;min-height:0!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;zoom:1!important}
  /* Les listes ne défilent plus à part : c'est la carte entière qui défile. */
  html body #portalModal#portalModal#portalModal .top-rows,html body #portalModal#portalModal#portalModal .aff-rows-all{max-height:none!important;overflow:visible!important}
}
/* v2420 — barre du haut professionnelle : Cadeaux, Aide, langue et Profil = 4 tuiles identiques (même taille,
   même fond vitré, même texte dessous), espacées régulièrement de chaque côté de « Recharger » (taille inchangée). */
@media (max-width:859px){
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions{display:flex!important;align-items:center!important;justify-content:space-evenly!important;gap:0!important;min-width:0}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left > *,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions > *{transform:none!important}
  /* Chaque tuile : 48 px de large, icône dans un carré arrondi de 34 px, texte dessous. */
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade > .lang-dd-btn,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile{
    width:48px!important;min-width:48px!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:0!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade{width:48px!important;min-width:48px!important;display:flex!important;justify-content:center}
  /* Le carré de l'icône (même pour les 4). */
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp > svg,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile > svg,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade .lang-flag,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn > svg{
    order:0!important;box-sizing:border-box!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;border-radius:11px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 12px rgba(120,150,255,.18),0 2px 8px rgba(0,0,0,.25)!important;
    display:grid!important;place-items:center!important;filter:none!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp > svg,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile > svg{padding:7px!important;color:#E6EAFF!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade .lang-flag{padding:0!important;overflow:hidden}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade .lang-flag .flag-svg{width:22px!important;height:15px!important;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
  /* Le cadeau : même carré, en doré. */
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn > svg{padding:6px!important;
    background:linear-gradient(145deg,#FFE7A3 0%,#F6C453 40%,#E39A1E 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,236,170,.75),0 2px 10px rgba(242,160,30,.45)!important}
  /* Le texte sous chaque tuile : même police, même taille. */
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp .hb-txt,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile .pf-txt,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade .lang-code,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn .pw-lbl{
    order:1!important;display:block!important;margin:0!important;font:700 9px/11px "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:#D9DEF8!important;white-space:nowrap;position:static!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn .pw-lbl{color:#FFD27A!important}
  /* Compteur 1/5 et point rouge : posés sur le coin du carré doré. */
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn .pw-prog{top:-4px!important;right:-2px!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn .pw-dot{top:-1px!important;right:4px!important}
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > .portal-btn.portal-btn.has-prog .pw-dot{display:none!important}
}
@media (max-width:859px){
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade#langBarTrade > .lang-dd-btn,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > #btnPortal#btnPortal{height:50px!important;min-height:50px!important;max-height:50px!important;justify-content:flex-start!important;padding-top:2px!important;overflow:visible!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile .pf-txt,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp .hb-txt,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade#langBarTrade .lang-code,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal .pw-lbl{height:auto!important;max-height:none!important;overflow:visible!important;font-size:9px!important;line-height:11px!important;opacity:1!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile > svg,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg{margin:0!important;transform:none!important;position:static!important}
}
@media (max-width:859px){html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile .pf-txt{margin-top:2px!important}html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade#langBarTrade > .lang-dd-btn{padding-top:3px!important}}
/* v2420 — visiteur non inscrit : le bouton Profil reste caché (comme avant). */
html.oro-guest.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile,html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile.hidden{display:none!important}
/* v2422 — Défi du jour : la planète entière du marché avec son logo. */
html body #portalModal .defi-globe .hc-globe.hc-planet{width:76px!important;height:76px!important;display:grid!important;place-items:center!important;background-size:auto!important}
html body #portalModal .defi-globe .hc-globe.hc-planet svg{width:64%!important;height:64%!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}

/* v2422 — Récompenses : lignes propres (aucun texte qui se chevauche), pièce ORO, croix plus petite, onglets réservés aux inscrits. */
html body #portalModal .portal-box :is(p,li,em,b,span,small){overflow-wrap:break-word}
html body #portalModal .portal-box :is(p,li > span,li > em,small,.top-me span){text-wrap:pretty}
html body #portalModal .portal-box :is(.aff-big b,.bon-big,.top-sub,.defi-rule,.aff-paid,.top-rule){text-wrap:balance}
/* Croix : un peu plus petite, un peu plus d'espace avec les onglets (même place). */
html body #portalModal#portalModal#portalModal #closePortal{width:26px!important;height:26px!important;min-width:26px!important}
html body #portalModal#portalModal#portalModal #closePortal .x-ico{width:13px!important;height:13px!important}
html body #portalModal#portalModal#portalModal.tabs-on .portal-tabs{margin-top:8px!important}
/* Onglets réservés (visiteur) : un petit cadenas doré. */
html body #portalModal .pt-tab.locked{position:relative}
html body #portalModal .pt-tab.locked::after{content:"";position:absolute;top:4px;right:6px;width:12px;height:12px;border-radius:50%;
  background:#F2B33D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='11' width='12' height='9' rx='2' fill='%231a1206'/%3E%3Cpath d='M8.5 11V8.5a3.5 3.5 0 0 1 7 0V11' fill='none' stroke='%231a1206' stroke-width='2.4'/%3E%3C/svg%3E") center/9px no-repeat;box-shadow:0 0 0 1.5px rgba(10,8,24,.9)}
/* Invitation : les 2 grandes cases toujours sur la même ligne, même hauteur, texte jamais coupé. */
html body #portalModal#portalModal .aff-big{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:6px!important}
html body #portalModal#portalModal .aff-big b{flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center;justify-content:center;text-align:center;white-space:normal!important;
  font-size:clamp(11.5px,3.5vw,14px)!important;line-height:1.2!important;padding:8px 6px!important;height:auto!important}
html body #portalModal#portalModal .aff-big i{align-self:center;flex:0 0 auto}
/* Invitation : exemples en liste claire. */
html body #portalModal .aff-ex .ae-h{display:block;font-size:13px;font-weight:900;color:#FFE6A6;margin:0 0 2px}
html body #portalModal .aff-ex .ae-h + p{border-top:0!important}
html body #portalModal .aff-ex .ae-note{color:#F6C453;font-size:11px!important;font-style:italic;border-top:0!important;padding-top:0!important}
html body #portalModal .aff-ex .ae-sub{font-weight:700;color:#FFE6A6}
html body #portalModal .aff-ex .ae-li{position:relative;padding-inline-start:14px!important;border-top:0!important}
html body #portalModal .aff-ex .ae-li::before{content:"";position:absolute;inset-inline-start:3px;top:.85em;width:5px;height:5px;border-radius:50%;background:#F2B33D}
/* Bonus : le grand titre ne chevauche jamais le chrono. */
html body #portalModal#portalModal .bon-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important}
html body #portalModal#portalModal .bon-big{position:static!important;flex:1 1 100%!important;min-width:0!important;white-space:normal!important;text-align:center}
html body #portalModal#portalModal .bon-head .top-timer{position:static!important;margin-inline-start:auto}
/* Pièce ORO dessinée : « 1 000 000 [pièce] ORO ». */
html body #portalModal .oro-amt{display:inline-flex!important;align-items:center;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
html body #portalModal .oro-amt .oro-coin{width:15px;height:15px;flex:0 0 15px;margin:0;vertical-align:middle;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}
html body #portalModal .oro-coin .oc-edge{fill:#8A5208}
html body #portalModal .oro-coin .oc-out{fill:#E7A93A}
html body #portalModal .oro-coin .oc-in{fill:#FFD66E;stroke:#FFF0B8;stroke-width:.9}
html body #portalModal .oro-coin .oc-pyr{fill:#9A5E0A}
html body #portalModal .oro-coin .oc-pyr2{fill:#6E4005}
html body #portalModal .oro-coin .oc-line{stroke:#FFD66E;stroke-width:.9;fill:none;opacity:.8}
html body #portalModal .oro-coin .oc-eye{fill:#FFF6D2}
html body #portalModal .oro-coin .oc-shine{stroke:#FFFBEA;stroke-width:1.3;fill:none;stroke-linecap:round;opacity:.85}
html body #portalModal .top-me .oro-amt{margin:0 2px}
/* v2422 — logo bien centré DANS la planète du défi, un peu plus petit et discret. */
html body #portalModal#portalModal#portalModal .defi-globe .hc-globe.hc-planet{position:relative!important;overflow:hidden!important}
html body #portalModal#portalModal#portalModal .defi-globe .hc-globe.hc-planet > svg{position:absolute!important;inset:0!important;margin:auto!important;width:54%!important;height:54%!important;transform:none!important;opacity:.95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))!important}
html body #portalModal#portalModal#portalModal .defi-ring .defi-globe{inset:12px!important;width:auto!important;height:auto!important}
html body #portalModal#portalModal#portalModal .defi-globe .hc-globe.hc-planet{width:100%!important;height:100%!important}
/* Chronos et montants ORO toujours lus de gauche à droite (arabe : « 2ي 23:59:59 », « 312 500 ORO »). */
html body #portalModal :is(.top-timer,.defi-timer) span,html body #portalModal .oro-amt{direction:ltr;unicode-bidi:isolate}
html body #portalModal :is(#bonMeterTxt,.ar-dep b,.ar-gain b,.aff-stats b,#affUrl){direction:ltr;unicode-bidi:isolate}
/* Arabe sur PC / TV : la fenêtre des Cadeaux restait hors de l'écran (placement « gauche 50 % » inversé). */
html[dir="rtl"] body #portalModal{direction:ltr}
html[dir="rtl"] body #portalModal > .modal-box{direction:rtl}
/* TV / grand écran : le classement restait sur 2 colonnes trop étroites (numéros ORO cachés) → 1 colonne. */
html body #portalModal#portalModal#portalModal #topRows{grid-template-columns:1fr!important}
html body #portalModal#portalModal#portalModal #topRows .tr{grid-template-columns:28px minmax(0,1fr) auto!important}
/* v2423 — croix des Récompenses : vrai rond 30 × 30 (elle était ovale 26 × 30), même style que les autres croix du site,
   10 px au-dessus du cadre des onglets (elle ne le touche plus). */
html body #portalModal#portalModal#portalModal #closePortal{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;
  padding:0!important;aspect-ratio:1/1;border-radius:50%!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;}
html body #portalModal#portalModal#portalModal #closePortal::after{content:""!important;position:absolute!important;inset:-8px!important;width:auto!important;height:auto!important;border-radius:50%!important;background:none!important;border:0!important;box-shadow:none!important}
html body #portalModal#portalModal#portalModal #closePortal .x-ico{width:13px!important;height:13px!important;stroke:currentColor!important}
html body #portalModal#portalModal#portalModal.tabs-on .portal-tabs{margin-top:14px!important}
/* Page « Voir plus » : les 3 cases du haut, texte centré sur 2 lignes propres (« Amis inscrits qui ont déposé »). */
html body #portalModal#portalModal .aff-sum div{justify-content:center;text-align:center;min-width:0}
html body #portalModal#portalModal .aff-sum span{font-size:10.5px!important;line-height:1.25!important;text-align:center;text-wrap:balance;max-width:100%}
/* v2425 — notification visiteur : une seule phrase, sans sous-titre. */
html body .defi-win.dw-one .dw-s{display:none!important}
html body .defi-win.dw-one .dw-t{text-transform:none!important;font-size:19px!important;line-height:1.25!important;text-wrap:balance}

/* ===== v2426 — Les Cadeaux prennent vie : univers coloré, une couleur et une planète par page, notifications « étoiles ». ===== */
/* Couleur de chaque page : Défi (corail), Invitation (émeraude), Tournoi (or), Bonus (bleu). */
html body #portalModal{--tc:255,104,124;--tc2:255,180,92}
html body #portalModal.aff-on{--tc:43,212,154;--tc2:120,240,210}
html body #portalModal.top-on{--tc:242,179,61;--tc2:255,226,140}
html body #portalModal.bon-on{--tc:92,155,255;--tc2:170,120,255}
/* Fond de l'univers : nébuleuses colorées qui dérivent lentement derrière les étoiles. */
html body #portalModal#portalModal#portalModal > .modal-box.portal-box{background:
  radial-gradient(60% 38% at 12% 8%,rgba(var(--tc),.20),transparent 70%),
  radial-gradient(55% 40% at 92% 30%,rgba(124,77,255,.20),transparent 70%),
  radial-gradient(70% 45% at 30% 100%,rgba(0,190,255,.13),transparent 70%),
  radial-gradient(40% 30% at 80% 90%,rgba(var(--tc2),.12),transparent 70%),
  linear-gradient(180deg,#0A0B22 0%,#070818 60%,#05061A 100%)!important;
  background-size:140% 140%,140% 140%,140% 140%,140% 140%,100% 100%!important;
  animation:oroNebula 26s ease-in-out infinite alternate}
@keyframes oroNebula{0%{background-position:0% 0%,100% 0%,0% 100%,100% 100%,0 0}100%{background-position:18% 12%,82% 14%,14% 86%,86% 84%,0 0}}
/* Onglets : chaque icône dans un carré coloré et lumineux (comme les tuiles du haut). */
html body #portalModal .pt-tab .pt-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 3px 10px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s}
html body #portalModal .pt-tab .pt-ico svg{width:19px!important;height:19px!important;stroke:#fff!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
html body #portalModal .pt-tab.t-defi .pt-ico{background:linear-gradient(145deg,#FF9AA8,#FF5A6E 55%,#C2185B)}
html body #portalModal .pt-tab.t-aff .pt-ico{background:linear-gradient(145deg,#8FF5CF,#2BD49A 55%,#0E8F6A)}
html body #portalModal .pt-tab.t-top .pt-ico{background:linear-gradient(145deg,#FFE7A3,#F6C453 50%,#D9891A)}
html body #portalModal .pt-tab.t-bon .pt-ico{background:linear-gradient(145deg,#A9C8FF,#5C9BFF 55%,#6A3DFF)}
html body #portalModal .pt-tab.on .pt-ico{transform:translateY(-2px) scale(1.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 16px rgba(var(--tc),.75),0 4px 12px rgba(0,0,0,.4)}
html body #portalModal .pt-tab:not(.on) .pt-ico{filter:saturate(.7) brightness(.85)}
/* Cartes : bord lumineux de la couleur de la page + une petite planète avec son anneau dans le coin. */
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card){position:relative;
  border:1px solid rgba(var(--tc),.45)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 0 26px rgba(var(--tc),.16),0 10px 30px rgba(0,0,0,.35)!important;
  background:linear-gradient(180deg,rgba(var(--tc),.07),rgba(10,12,32,.55) 38%,rgba(8,10,26,.6))!important}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card)::before{content:"";position:absolute;z-index:0;pointer-events:none;
  top:-14px;right:-18px;width:84px;height:84px;border-radius:50%;opacity:.5;
  background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.75),rgba(var(--tc2),.9) 18%,rgba(var(--tc),.85) 48%,rgba(20,10,50,.95) 78%);
  box-shadow:0 0 30px rgba(var(--tc),.45);animation:oroFloat 7s ease-in-out infinite}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card)::after{content:"";position:absolute;z-index:0;pointer-events:none;
  top:20px;right:-34px;width:118px;height:22px;border-radius:50%;border:2px solid rgba(var(--tc2),.5);transform:rotate(-18deg);opacity:.5;animation:oroFloat 7s ease-in-out infinite}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card) > *{position:relative;z-index:1}
@keyframes oroFloat{0%,100%{translate:0 0}50%{translate:-4px 5px}}
/* Titres en dégradé de la couleur de la page. */
html body #portalModal :is(.defi-top .defi-badge > span,.top-title b,.ae-h){background:linear-gradient(90deg,#fff,rgb(var(--tc2)) 55%,rgb(var(--tc)));-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body #portalModal .defi-top .defi-badge .pi,html body #portalModal .top-title .pi{stroke:rgb(var(--tc2))!important}
/* Grandes cases (Invitation +5 %, Bonus +10 %) : vivantes, avec un reflet qui passe. */
html body #portalModal#portalModal :is(.aff-big b,.bon-big){position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(var(--tc),.30),rgba(var(--tc2),.12))!important;border-color:rgba(var(--tc),.65)!important;color:#fff!important;
  box-shadow:0 0 18px rgba(var(--tc),.25),inset 0 1px 0 rgba(255,255,255,.18)!important}
html body #portalModal#portalModal :is(.aff-big b,.bon-big)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:oroShine 4.5s ease-in-out infinite}
@keyframes oroShine{0%,62%{left:-60%}100%{left:130%}}
/* Pastilles 1-2-3 des étapes : couleur de la page. */
html body #portalModal .aff-steps3 li > span{background:linear-gradient(145deg,rgb(var(--tc2)),rgb(var(--tc)))!important;color:#160C24!important;box-shadow:0 0 10px rgba(var(--tc),.55)!important}
/* Barre du bonus : dégradé vivant qui scintille. */
html body #portalModal .bm-bar i{background:linear-gradient(90deg,#5C9BFF,#8A6BFF,#2EE59D,#5C9BFF)!important;background-size:200% 100%!important;animation:oroBar 3s linear infinite;box-shadow:0 0 12px rgba(92,155,255,.6)}
@keyframes oroBar{0%{background-position:0 0}100%{background-position:200% 0}}
/* Podium du tournoi : la 1re place brille. */
html body #portalModal .tp.tp1 .tp-medal{filter:drop-shadow(0 0 12px rgba(255,210,122,.75));animation:oroFloat 4s ease-in-out infinite}
/* Bouton doré principal : lueur douce qui respire. */
html body #portalModal :is(#defiActivate,#defiTrade,#affShare,#topPlay,#bonActivate,#bonDeposit):not(.hidden){animation:oroBreath 2.8s ease-in-out infinite}
@keyframes oroBreath{0%,100%{box-shadow:0 4px 14px rgba(242,179,61,.25)}50%{box-shadow:0 4px 26px rgba(242,179,61,.6)}}

/* ===== Notifications (défi commencé, défi gagné, bonus reçu, cadeau d'ami, inscription) : explosion d'étoiles. ===== */
html body .defi-win{background:radial-gradient(circle at 50% 50%,rgba(40,20,80,.55),rgba(3,4,14,.78))!important}
html body .defi-win .dw-in{position:relative;overflow:visible!important;min-width:250px;max-width:300px;padding:26px 26px 22px!important;
  background:radial-gradient(circle at 50% -10%,rgba(255,210,122,.45),rgba(124,77,255,.22) 45%,rgba(9,10,32,.97) 75%)!important;
  border:1px solid rgba(255,210,122,.7)!important;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 50px rgba(255,190,80,.35),0 0 110px rgba(124,77,255,.35)!important;
  animation:dwPop .55s cubic-bezier(.2,1.4,.4,1) both}
@keyframes dwPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
html body .defi-win .dw-in > :not(.dw-rays):not(.dw-sp){position:relative;z-index:2}
/* Rayons dorés qui tournent derrière l'icône. */
html body .defi-win .dw-rays{position:absolute;z-index:0;left:50%;top:58px;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,110,.32) 0deg 6deg,transparent 6deg 20deg);
  -webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:dwSpin 9s linear infinite}
@keyframes dwSpin{to{transform:rotate(360deg)}}
/* Étincelles qui jaillissent. */
html body .defi-win .dw-sp{position:absolute;z-index:1;left:50%;top:58px;width:0;height:0;pointer-events:none}
html body .defi-win .dw-sp i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;
  background:radial-gradient(circle,#fff,#FFD27A 45%,rgba(255,160,60,0) 70%);box-shadow:0 0 8px #FFD27A;opacity:0;
  animation:dwSpark 1.4s ease-out var(--z) both}
html body .defi-win .dw-sp i:nth-child(3n){background:radial-gradient(circle,#fff,#B9A2FF 45%,transparent 70%);box-shadow:0 0 8px #9B7BFF}
html body .defi-win .dw-sp i:nth-child(4n){background:radial-gradient(circle,#fff,#7FF5CF 45%,transparent 70%);box-shadow:0 0 8px #2EE59D}
@keyframes dwSpark{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:0}15%{opacity:1}100%{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1);opacity:0}}
html body .defi-win .dw-cup{animation:dwFloat 2.4s ease-in-out .4s infinite}
@keyframes dwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
html body .defi-win .dw-t{background:linear-gradient(90deg,#FFF6D8,#FFD27A 45%,#F2A33D);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 2px 6px rgba(242,160,40,.35));margin-top:6px}
html body .defi-win .dw-a{text-shadow:0 0 18px rgba(46,229,157,.6)}
/* Défi commencé : la planète du marché, avec son logo, au centre. */
html body .defi-win.dw-planet .dw-cup .hc-globe{display:block;position:relative;width:86px;height:86px;margin:0 auto;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 3px rgba(255,210,122,.55),0 0 30px rgba(255,190,80,.6),0 0 60px rgba(124,77,255,.45)!important}
html body .defi-win.dw-planet .dw-cup .hc-globe > svg{position:absolute;inset:0;margin:auto;width:56%;height:56%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
@media (prefers-reduced-motion: reduce){
  html body #portalModal *,html body #portalModal *::before,html body #portalModal *::after,html body .defi-win *,html body #portalModal#portalModal#portalModal > .modal-box.portal-box{animation:none!important}
}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card){overflow-x:hidden!important}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card)::before,html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card)::after{opacity:.32!important}

/* ===== v2427 — Cadeaux : l'univers du site partout (plus de grandes zones sombres et vides). ===== */
/* Le dessin d'univers des fenêtres du site (galaxy-modal.svg) sous les nébuleuses colorées. */
html body #portalModal#portalModal#portalModal > .modal-box.portal-box{background:
  radial-gradient(60% 38% at 12% 8%,rgba(var(--tc),.24),transparent 70%),
  radial-gradient(55% 40% at 92% 30%,rgba(124,77,255,.22),transparent 70%),
  radial-gradient(70% 45% at 30% 100%,rgba(0,190,255,.14),transparent 70%),
  radial-gradient(40% 30% at 80% 90%,rgba(var(--tc2),.14),transparent 70%),
  url("galaxy-modal.svg?v=2427") center/cover no-repeat,
  linear-gradient(180deg,#0A0B22 0%,#070818 60%,#05061A 100%)!important;
  background-size:140% 140%,140% 140%,140% 140%,140% 140%,cover,100% 100%!important}
/* Cartes un peu plus lumineuses, teintées de la couleur de la page. */
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card):not(.hidden){display:flex!important;flex-direction:column!important;
  background:linear-gradient(180deg,rgba(var(--tc),.13),rgba(30,24,70,.55) 34%,rgba(16,14,44,.62) 70%,rgba(var(--tc),.10))!important}
html body #portalModal#portalModal .portal-box > :is(.defi-card,.aff-card,.top-card,.bon-card) > :not(.gift-scene){flex:0 0 auto}

/* La scène : elle remplit tout l'espace libre en bas de la page (au moins 170 px). */
html body #portalModal .gift-scene{position:relative!important;z-index:1;flex:1 0 170px!important;min-height:170px;margin-top:14px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(var(--tc),.28);box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 0 24px rgba(var(--tc),.12);pointer-events:none}
html body #portalModal .gift-scene i{position:absolute;display:block;font-style:normal}
/* Nébuleuse + poussière d'étoiles. */
html body #portalModal .gift-scene .gs-neb{inset:0;background:
  radial-gradient(45% 60% at 18% 70%,rgba(var(--tc),.45),transparent 70%),
  radial-gradient(40% 55% at 82% 30%,rgba(124,77,255,.45),transparent 70%),
  radial-gradient(50% 50% at 60% 100%,rgba(0,190,255,.28),transparent 70%),
  url("galaxy-modal.svg?v=2427") center/cover no-repeat,
  linear-gradient(180deg,#120E34,#07071A);animation:gsNeb 18s ease-in-out infinite alternate}
@keyframes gsNeb{0%{filter:hue-rotate(0deg) brightness(1)}100%{filter:hue-rotate(18deg) brightness(1.15)}}
html body #portalModal .gift-scene .gs-dust{inset:0;opacity:.9;background:
  radial-gradient(1.4px 1.4px at 8% 20%,#fff,transparent 60%),radial-gradient(1px 1px at 22% 62%,#fff,transparent 60%),
  radial-gradient(1.2px 1.2px at 35% 14%,#FFE6B0,transparent 60%),radial-gradient(1px 1px at 48% 80%,#fff,transparent 60%),
  radial-gradient(1.5px 1.5px at 63% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 72% 70%,#D9CCFF,transparent 60%),
  radial-gradient(1.3px 1.3px at 88% 12%,#fff,transparent 60%),radial-gradient(1px 1px at 93% 58%,#fff,transparent 60%),
  radial-gradient(1px 1px at 4% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 56% 46%,#BFF7FF,transparent 60%);
  animation:gsTwinkle 3.5s ease-in-out infinite alternate}
@keyframes gsTwinkle{0%{opacity:.55}100%{opacity:1}}
/* Galaxie en spirale qui tourne lentement. */
html body #portalModal .gift-scene .gs-gal{left:4%;top:50%;width:190px;height:190px;margin-top:-95px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.55) 20deg,transparent 70deg,rgba(var(--tc2),.6) 120deg,transparent 170deg,
    rgba(255,255,255,.45) 200deg,transparent 250deg,rgba(var(--tc),.6) 300deg,transparent 350deg);
  -webkit-mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.65) 35%,transparent 70%);mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.65) 35%,transparent 70%);
  filter:blur(1.5px);transform:scaleY(.42) rotate(0deg);animation:gsSpin 40s linear infinite;opacity:.95}
@keyframes gsSpin{to{transform:scaleY(.42) rotate(360deg)}}
html body #portalModal .gift-scene .gs-core{left:calc(4% + 80px);top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;
  background:radial-gradient(circle,#fff,rgba(255,236,190,.85) 30%,rgba(var(--tc2),.4) 60%,transparent 75%);box-shadow:0 0 28px rgba(255,230,180,.8);
  animation:gsPulse 4s ease-in-out infinite}
@keyframes gsPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}
/* Grande planète avec bandes et ombre, couleur de la page. */
html body #portalModal .gift-scene .gs-planet{right:12%;top:50%;width:86px;height:86px;margin-top:-43px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),rgba(var(--tc2),1) 16%,rgba(var(--tc),1) 46%,rgba(40,14,70,1) 86%);
  box-shadow:inset -14px -10px 22px rgba(0,0,0,.55),0 0 34px rgba(var(--tc),.55);animation:gsFloat 6s ease-in-out infinite}
html body #portalModal .gift-scene .gs-planet b{position:absolute;inset:0;border-radius:50%;
  background:repeating-linear-gradient(-18deg,transparent 0 9px,rgba(255,255,255,.13) 9px 13px,transparent 13px 20px,rgba(0,0,0,.12) 20px 24px);mix-blend-mode:overlay}
html body #portalModal .gift-scene .gs-ring{right:calc(12% - 30px);top:50%;width:146px;height:34px;margin-top:-17px;border-radius:50%;
  border:3px solid rgba(var(--tc2),.75);border-top-color:rgba(var(--tc2),.2);transform:rotate(-16deg);box-shadow:0 0 12px rgba(var(--tc2),.5);
  animation:gsFloat 6s ease-in-out infinite}
@keyframes gsFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
/* Lunes qui tournent autour. */
html body #portalModal .gift-scene .gs-moon{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#B9C2FF 45%,#3A3570 90%);box-shadow:0 0 8px rgba(185,194,255,.7)}
html body #portalModal .gift-scene .gs-moon.m1{right:calc(12% + 36px);top:50%;width:12px;height:12px;animation:gsOrbit 9s linear infinite}
html body #portalModal .gift-scene .gs-moon.m2{right:calc(12% + 36px);top:50%;width:8px;height:8px;animation:gsOrbit 13s linear infinite reverse;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(var(--tc2),1) 50%,rgba(var(--tc),1) 90%)}
@keyframes gsOrbit{from{transform:rotate(0deg) translateX(70px) rotate(0deg) scaleY(1)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}
/* Étoiles filantes. */
html body #portalModal .gift-scene .gs-shoot{top:18%;left:-30%;width:120px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95));box-shadow:0 0 8px rgba(255,255,255,.8);transform:rotate(18deg);opacity:0;
  animation:gsShoot 6.5s ease-in 1.2s infinite}
html body #portalModal .gift-scene .gs-shoot.s2{top:62%;animation-delay:4.4s;animation-duration:8s;width:90px}
@keyframes gsShoot{0%{left:-30%;opacity:0}6%{opacity:1}22%{left:110%;opacity:0}100%{left:110%;opacity:0}}
/* Bonus : le chrono bien au centre, sous le grand titre. */
html body #portalModal#portalModal .bon-head{flex-direction:column!important;justify-content:center!important;align-items:center!important}
html body #portalModal#portalModal .bon-head .top-timer{margin:0 auto!important;align-self:center!important;justify-content:center}
@media (prefers-reduced-motion: reduce){html body #portalModal .gift-scene *{animation:none!important}}
/* Téléphone couché : scène plus petite. */
@media (orientation:landscape) and (max-height:500px){html body #portalModal .gift-scene{flex-basis:110px!important;min-height:110px}}
html body #portalModal#portalModal .bon-head{flex-wrap:nowrap!important}
html body #portalModal#portalModal .bon-head .bon-big{flex:0 0 auto!important;width:100%!important}

/* ===== v2429 — Textes propres sur tout le site (fenêtres, messages, connexion, conditions…) ===== */
/* Les paragraphes et listes évitent le mot seul en fin de texte ; les titres courts ont des lignes équilibrées.
   Les boutons de l'écran de trading (ACHETER, VENDRE, mises, durées, payouts, Recharger) ne sont pas concernés. */
html body .modal-box :is(p,li,small,label),html body #screenAuth :is(p,small,label),html body .toast{text-wrap:pretty;overflow-wrap:break-word}
html body .modal-box :is(h2,h3,h4,.modal-title),html body #screenAuth :is(h1,h2,h3){text-wrap:balance}

/* ===== v2430 — Fenêtres d'argent en mode univers : « Demande enregistrée » (retrait) et « Recharge réussie ». ===== */
html body :is(#wdConfirmModal,#depositSuccessModal) > .modal-box{position:relative;overflow:hidden!important;text-align:center;
  border:1px solid rgba(255,210,122,.65)!important;
  background:radial-gradient(circle at 50% -10%,rgba(255,210,122,.42),rgba(124,77,255,.20) 45%,rgba(9,10,32,.97) 76%),
    url("galaxy-modal.svg?v=2430") center/cover no-repeat,#0A0B22!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 46px rgba(255,190,80,.30),0 0 100px rgba(124,77,255,.30)!important}
html body #depositSuccessModal > .modal-box{border-color:rgba(75,227,168,.6)!important;
  background:radial-gradient(circle at 50% -10%,rgba(75,227,168,.40),rgba(124,77,255,.20) 45%,rgba(9,10,32,.97) 76%),
    url("galaxy-modal.svg?v=2430") center/cover no-repeat,#0A0B22!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 46px rgba(46,229,157,.28),0 0 100px rgba(124,77,255,.30)!important}
html body :is(#wdConfirmModal,#depositSuccessModal) > .modal-box > :not(.cosmo-rays):not(.cosmo-sp){position:relative;z-index:2}
html body :is(#wdConfirmModal,#depositSuccessModal) > .modal-box > .btn-close{position:absolute!important;z-index:3}
html body .modal-box.cosmo-pop{animation:cosmoPop .55s cubic-bezier(.2,1.4,.4,1) both}
/* « scale » (et non « transform ») : la fenêtre reste bien centrée pendant l apparition. */
@keyframes cosmoPop{0%{scale:.6;opacity:0}100%{scale:1;opacity:1}}
/* Rayons qui tournent derrière la planète. */
html body .modal-box .cosmo-rays{position:absolute;z-index:0;left:50%;top:62px;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,110,.30) 0deg 6deg,transparent 6deg 20deg);
  -webkit-mask:radial-gradient(circle,#000 16%,transparent 66%);mask:radial-gradient(circle,#000 16%,transparent 66%);animation:dwSpin 10s linear infinite}
html body #depositSuccessModal .modal-box .cosmo-rays{background:repeating-conic-gradient(from 0deg,rgba(120,240,200,.30) 0deg 6deg,transparent 6deg 20deg)}
/* La planète-icône qui flotte. */
html body .modal-box .cosmo-ico{display:block!important;width:82px!important;height:82px!important;margin:6px auto 10px!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;font-size:0!important;animation:dwFloat 2.6s ease-in-out .5s infinite}
html body .modal-box .cosmo-ico::before,html body .modal-box .cosmo-ico::after{display:none!important;content:none!important}
html body .modal-box .cosmo-ico svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 14px rgba(255,200,90,.65))}
html body #depositSuccessModal .modal-box .cosmo-ico svg{filter:drop-shadow(0 0 14px rgba(46,229,157,.65))}
/* Étincelles. */
html body .modal-box .cosmo-sp{position:absolute;z-index:1;left:50%;top:62px;width:0;height:0;pointer-events:none}
html body .modal-box .cosmo-sp i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;
  background:radial-gradient(circle,#fff,#FFD27A 45%,rgba(255,160,60,0) 70%);box-shadow:0 0 8px #FFD27A;opacity:0;animation:dwSpark 1.4s ease-out var(--z) both}
html body .modal-box .cosmo-sp i:nth-child(3n){background:radial-gradient(circle,#fff,#B9A2FF 45%,transparent 70%);box-shadow:0 0 8px #9B7BFF}
html body .modal-box .cosmo-sp i:nth-child(4n){background:radial-gradient(circle,#fff,#7FF5CF 45%,transparent 70%);box-shadow:0 0 8px #2EE59D}
/* Titres dorés / verts en dégradé. */
html body #wdConfirmModal .modal-title{justify-content:center!important;font-size:1.05rem!important;font-weight:900;
  background:linear-gradient(90deg,#FFF6D8,#FFD27A 45%,#F2A33D);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body #depositSuccessModal .convert-title{font-weight:900;background:linear-gradient(90deg,#EFFFF8,#7FF5CF 45%,#2EE59D);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* Retrait : lignes ID / Montant en petites cartes vitrées. */
html body #wdConfirmModal .wd-confirm-row{margin:6px 0;padding:9px 12px;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));font-size:.8rem;align-items:center}
html body #wdConfirmModal .wd-confirm-row span{color:#AEB6D6}
html body #wdConfirmModal .wd-confirm-row strong{color:#fff;font-weight:900;direction:ltr;unicode-bidi:isolate}
html body #wdConfirmModal #wdConfirmAmt{color:#FFD27A!important;font-size:1.05rem;text-shadow:0 0 12px rgba(255,200,90,.45)}
/* Statut « En cours de traitement » : badge ambré avec un point qui pulse. */
html body #wdConfirmModal .wd-confirm-status{display:inline-flex!important;align-items:center;gap:8px;margin:14px auto 2px!important;padding:7px 14px;border-radius:999px;
  background:rgba(242,179,61,.12);border:1px solid rgba(242,179,61,.5);color:#FFD27A!important;font-size:.74rem!important;letter-spacing:.03em}
html body #wdConfirmModal .wd-confirm-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#F6C453;box-shadow:0 0 0 0 rgba(246,196,83,.7);animation:cosmoPulse 1.6s ease-out infinite}
@keyframes cosmoPulse{0%{box-shadow:0 0 0 0 rgba(246,196,83,.7)}100%{box-shadow:0 0 0 10px rgba(246,196,83,0)}}
/* Recharge réussie : le montant crédité, gros et vert. */
html body #depositSuccessModal #depositSuccessAmt{font-size:1.6rem!important;font-weight:900;color:#2EE59D!important;text-shadow:0 0 18px rgba(46,229,157,.55);margin:6px 0 10px}
html body #depositSuccessModal #depositSuccessAmt:not(:empty)::before{content:"+"}
@media (prefers-reduced-motion: reduce){html body :is(#wdConfirmModal,#depositSuccessModal) *,html body .modal-box.cosmo-pop{animation:none!important}}
html body .modal-box .cosmo-ico{border:0!important;outline:0!important}

/* ===== v2431 — Retrait = ROUGE, Dépôt = VERT (vraies icônes : portefeuille + flèche qui sort / qui entre). ===== */
html body #wdConfirmModal > .modal-box{border-color:rgba(255,77,106,.7)!important;
  background:radial-gradient(circle at 50% -10%,rgba(255,77,106,.42),rgba(124,77,255,.18) 45%,rgba(9,10,32,.97) 76%),
    url("galaxy-modal.svg?v=2431") center/cover no-repeat,#0A0B22!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 46px rgba(255,59,87,.32),0 0 100px rgba(124,77,255,.28)!important}
html body #wdConfirmModal .modal-box .cosmo-rays{background:repeating-conic-gradient(from 0deg,rgba(255,110,130,.32) 0deg 6deg,transparent 6deg 20deg)!important}
html body #wdConfirmModal .modal-box .cosmo-ico svg{filter:drop-shadow(0 0 16px rgba(255,59,87,.7))!important}
html body #wdConfirmModal .modal-title{background:linear-gradient(90deg,#FFE3E8,#FF8A9A 45%,#FF3B57)!important;-webkit-background-clip:text!important;background-clip:text!important}
html body #wdConfirmModal #wdConfirmAmt{color:#FF7A8E!important;text-shadow:0 0 12px rgba(255,59,87,.45)!important}
html body #wdConfirmModal .modal-box .cosmo-sp i{background:radial-gradient(circle,#fff,#FF8A9A 45%,rgba(255,60,90,0) 70%);box-shadow:0 0 8px #FF5A72}
html body #depositSuccessModal .modal-box .cosmo-sp i{background:radial-gradient(circle,#fff,#7FF5CF 45%,rgba(46,229,157,0) 70%);box-shadow:0 0 8px #2EE59D}
html body .modal-box .cosmo-ico{width:88px!important;height:88px!important}

/* ===== v2436 — Tournoi : plus aucun chevauchement sur iPhone + classement en 4 groupes. ===== */
/* Safari (saf-under) limitait la liste à 300 px alors qu'elle déborde (overflow visible) → la barre « Toi », la
   phrase, les boutons et la scène passaient PAR-DESSUS les lignes. La liste prend maintenant toute sa hauteur. */
html body #portalModal#portalModal#portalModal .top-rows,
html.saf-under body #portalModal#portalModal#portalModal .top-rows,
html.is-ios body #portalModal#portalModal#portalModal .top-rows{max-height:none!important;height:auto!important;overflow:visible!important;flex:0 0 auto!important}
html body #portalModal#portalModal#portalModal #topMe{position:relative!important;bottom:auto!important;top:auto!important}
/* Scène de l'univers du tournoi : petite, tout en bas (elle ne gêne jamais le classement). */
html body #portalModal#portalModal .top-card .gift-scene{flex:0 0 110px!important;min-height:110px!important;height:110px}
/* Petits titres de groupe. */
html body #portalModal .tr-tier{display:flex;align-items:center;gap:8px;margin:10px 2px 2px;font:900 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em}
html body #portalModal .tr-tier::before,html body #portalModal .tr-tier::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.55}
html body #portalModal .tr-tier span{padding:4px 10px;border-radius:999px;border:1px solid currentColor;background:rgba(0,0,0,.25)}
html body #portalModal .tr-tier.tt1{color:#FFD27A}
html body #portalModal .tr-tier.tt2{color:#7FE8F5}
html body #portalModal .tr-tier.tt3{color:#C9A2FF}
html body #portalModal .tr-tier.tt4{color:#9AA3C7}
/* Lignes : Top 10 en or (plus grandes, médaille de rang), 11–20 bleu-vert, 21–30 violet, 31–50 simples. */
html body #portalModal .tr.tt1{min-height:46px;border:1px solid rgba(255,210,122,.55)!important;
  background:linear-gradient(90deg,rgba(255,210,122,.20),rgba(255,180,80,.06) 60%,rgba(255,210,122,.14))!important;box-shadow:0 0 14px rgba(255,190,80,.18)}
html body #portalModal .tr.tt1 em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-weight:900;color:#2A1604!important;
  background:radial-gradient(circle at 35% 30%,#FFF4CF,#F6C453 55%,#C77A14);box-shadow:0 0 10px rgba(255,200,90,.6)}
html body #portalModal .tr.tt1 b{color:#FFF3D6!important}
html body #portalModal .tr.tt2{border:1px solid rgba(127,232,245,.40)!important;background:linear-gradient(90deg,rgba(127,232,245,.13),rgba(127,232,245,.03))!important}
html body #portalModal .tr.tt2 em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:900;color:#06323A!important;
  background:radial-gradient(circle at 35% 30%,#E6FCFF,#7FE8F5 55%,#2BA7B8)}
html body #portalModal .tr.tt3{border:1px solid rgba(201,162,255,.35)!important;background:linear-gradient(90deg,rgba(201,162,255,.11),rgba(201,162,255,.02))!important}
html body #portalModal .tr.tt3 em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-weight:900;color:#24104A!important;
  background:radial-gradient(circle at 35% 30%,#F3E9FF,#C9A2FF 55%,#7C4DFF)}
html body #portalModal .tr.tt4{opacity:.9;min-height:34px}
html body #portalModal .tr.tt4 em{color:#9AA3C7!important}
html body #portalModal .tr.me{outline:2px solid #2EE59D;outline-offset:-1px}

/* ===== v2437 — Espace affilié plus agréable ===== */
/* « Voir plus » : un vrai bouton (cadre vert lumineux, flèche dans un rond, légère pulsation). */
html body #portalModal#portalModal .aff-more{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;margin:10px 0 0!important;padding:11px 14px!important;
  border-radius:14px!important;border:1px solid rgba(43,212,154,.7)!important;background:linear-gradient(135deg,rgba(43,212,154,.22),rgba(43,212,154,.06))!important;
  color:#C8F7E6!important;font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.02em;cursor:pointer;
  box-shadow:0 0 0 0 rgba(43,212,154,.45);animation:affMorePulse 2.6s ease-out infinite}
html body #portalModal .aff-more.hidden{display:none!important}
html body #portalModal .aff-more .aff-more-go{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2BD49A;font-style:normal}
html body #portalModal .aff-more .aff-more-go svg{width:14px!important;height:14px!important;stroke:#05301F!important;stroke-width:3}
html body #portalModal .aff-more:active{transform:scale(.98)}
@keyframes affMorePulse{0%{box-shadow:0 0 0 0 rgba(43,212,154,.45)}70%{box-shadow:0 0 0 10px rgba(43,212,154,0)}100%{box-shadow:0 0 0 0 rgba(43,212,154,0)}}
/* Page des amis : pas de grande planète. */
html body #portalModal .aff-card.full-on .gift-scene{display:none!important}
/* Dépôt moyen / Plus gros dépôt. */
html body #portalModal .aff-sum2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
html body #portalModal .aff-sum2 div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;
  background:rgba(43,212,154,.07);border:1px solid rgba(43,212,154,.25)}
html body #portalModal .aff-sum2 span{font-size:11px;color:#AEB6D6}
html body #portalModal .aff-sum2 b{font-size:13px;color:#fff;font-weight:900;direction:ltr;unicode-bidi:isolate}
/* Barre de recherche. */
html body #portalModal .aff-search{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:0 12px;height:42px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
html body #portalModal .aff-search:focus-within{border-color:rgba(43,212,154,.7);box-shadow:0 0 0 3px rgba(43,212,154,.15)}
html body #portalModal .aff-search .pi{width:17px;height:17px;flex:0 0 17px;stroke:#7FF5CF;fill:none;stroke-width:2}
html body #portalModal .aff-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:600 16px/1 "Plus Jakarta Sans",system-ui,sans-serif}
html body #portalModal .aff-search input::placeholder{color:#8E97BC}
/* Boutons de tri. */
html body #portalModal .aff-sort{display:flex;gap:6px;margin:8px 0 6px;overflow-x:auto;scrollbar-width:none}
html body #portalModal .aff-sort::-webkit-scrollbar{display:none}
html body #portalModal .aff-sort button{flex:1 0 auto;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
  color:#C9CEE6;font:700 12px/1 "Plus Jakarta Sans",system-ui,sans-serif;white-space:nowrap;cursor:pointer}
html body #portalModal .aff-sort button.on{background:linear-gradient(135deg,#2BD49A,#14A374);border-color:#2BD49A;color:#05301F}

/* ===== v2438 ===== */
/* Tournoi : signe bien visible — « + » vert, « − » rouge (ce n'est plus un tiret). */
html body #portalModal .oro-amt .oa-s{font-style:normal;font-weight:900;margin-inline-end:1px}
html body #portalModal .oro-amt .oa-s.pos{color:#2EE59D;text-shadow:0 0 8px rgba(46,229,157,.45)}
html body #portalModal .oro-amt .oa-s.neg{color:#FF4D6A;text-shadow:0 0 8px rgba(255,77,106,.45)}
html body #portalModal .oro-amt.neg .oa-n{color:#FF8A9A!important}

/* Invitation → « Voir plus » : la page tient entièrement à l'écran (pas de défilement de la page) ;
   seule la liste des amis a sa propre zone qui défile quand il y a beaucoup d'amis. */
html body #portalModal#portalModal .aff-card.full-on:not(.hidden){overflow:hidden!important}
html body #portalModal#portalModal .aff-card.full-on > .aff-full:not(.hidden){display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important}
html body #portalModal#portalModal .aff-card.full-on > .aff-full > *{flex:0 0 auto}
html body #portalModal#portalModal .aff-card.full-on #affRowsAll{flex:1 1 auto!important;min-height:60px!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}
/* Plus compact pour tenir sur les petits téléphones. */
html body #portalModal#portalModal .aff-full .aff-lv-top{margin-bottom:6px!important}
html body #portalModal#portalModal .aff-full .aff-filter{margin:0 0 6px!important}
html body #portalModal#portalModal .aff-full .aff-sum div{padding:6px 4px!important}
html body #portalModal#portalModal .aff-full .aff-sum2{margin-top:5px}
html body #portalModal#portalModal .aff-full .aff-search{height:38px;margin-top:7px}
html body #portalModal#portalModal .aff-full .aff-search input{font-size:15px}
/* Les 3 boutons de tri : toujours visibles en entier sur une ligne (le texte se réduit, sans coupure). */
html body #portalModal#portalModal .aff-sort{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important;margin:7px 0 6px}
html body #portalModal#portalModal .aff-sort button{min-width:0;padding:7px 4px!important;font-size:clamp(10px,3vw,12px)!important;white-space:normal!important;line-height:1.15!important;text-align:center;text-wrap:balance}

/* Montants élastiques : un gros montant rétrécit pour tenir dans sa case (réglé par js/fit.js). */
html body .oro-num-fit{white-space:nowrap!important;display:inline-block;max-width:100%}

/* ===== v2438 — Signature « OROLADO.com » (écran normal + plein écran), comme le logo de la page de connexion. ===== */
html body .oro-sign{display:flex;align-items:center;justify-content:center;gap:8px;margin:1px auto 3px;padding:0 10px;height:18px;
  pointer-events:none;user-select:none;-webkit-user-select:none;font-family:var(--font,"Plus Jakarta Sans"),system-ui,sans-serif;line-height:1}
html body .oro-sign .os-word{font-weight:900;font-size:15px;letter-spacing:.16em;
  background:linear-gradient(180deg,#FFF1C2 0%,#FBBF24 45%,#E08A12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 6px rgba(251,191,36,.35))}
html body .oro-sign .os-com{font-weight:800;font-size:10px;letter-spacing:.08em;color:#FBBF24;margin-left:-4px;align-self:flex-end;padding-bottom:2px}
html body .oro-sign .os-line{flex:0 1 46px;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.75))}
html body .oro-sign .os-line:last-child{background:linear-gradient(90deg,rgba(251,191,36,.75),transparent)}
/* Plein écran : plus petite, entre la barre du haut et les marchés. */
html body .oro-sign.fs{height:14px;margin:0 auto 1px}
html body .oro-sign.fs .os-word{font-size:11.5px;letter-spacing:.18em}
html body .oro-sign.fs .os-com{font-size:8px}
html body .oro-sign.fs .os-line{flex-basis:30px}
/* Écrans larges (PC, TV) : un peu plus grande. */
@media (min-width:860px){html body .oro-sign:not(.fs){height:22px}html body .oro-sign:not(.fs) .os-word{font-size:18px}html body .oro-sign:not(.fs) .os-com{font-size:12px}}
/* Téléphone couché : on garde la place pour le graphique (signature masquée hors plein écran). */
@media (orientation:landscape) and (max-height:500px){html body .oro-sign:not(.fs){display:none}}
html body #portalModal#portalModal .aff-sum2 b{white-space:nowrap!important;flex:0 0 auto}
html body #portalModal#portalModal .aff-sum2 span{min-width:0;line-height:1.15}
html body #portalModal#portalModal :is(.aff-sum,.aff-stats) b,html body #portalModal#portalModal .aff-row :is(.ar-dep,.ar-gain) b{white-space:nowrap!important}
html body #portalModal .top-me .oro-amt{margin:0 0 0 2px!important}
/* v2439 — Tournoi : le montant positif aussi en vert (comme le « + »), le négatif en rouge. */
html body #portalModal .oro-amt.pos .oa-n{color:#2EE59D!important;text-shadow:0 0 8px rgba(46,229,157,.35)}

/* ===== v2440 — Signature plus petite et serrée : la courbe retrouve sa taille d'avant (téléphones). =====
   La place est prise sur les petits espaces vides (sous la ligne du haut, au-dessus des soldes et des planètes),
   jamais sur les boutons, les soldes ou les planètes. */
@media (max-width:859px){
  html body #screenTrade#screenTrade .topbar .topbar-row{padding-bottom:2px!important}
  html body #screenTrade#screenTrade .oro-sign:not(.fs){height:13px;margin:-1px auto 0}
  html body #screenTrade#screenTrade .oro-sign:not(.fs) .os-word{font-size:12.5px;letter-spacing:.14em}
  html body #screenTrade#screenTrade .oro-sign:not(.fs) .os-com{font-size:8.5px;padding-bottom:1px;margin-left:-3px}
  html body #screenTrade#screenTrade .oro-sign:not(.fs) .os-line{flex-basis:34px}
  html body #screenTrade#screenTrade .topbar .topbar-mode{padding-top:2px!important}
  html body #screenTrade#screenTrade #tradeWrap{padding-top:1px!important}
  html body #screenTrade#screenTrade #assetBar{margin-top:1px!important}
}

/* ===== v2441 — Fenêtre « Aide & support » en mode univers (bleu « assistance »). Mêmes champs, même envoi. ===== */
html body #helpModal > .modal-box{position:relative;overflow:hidden!important;text-align:left;
  border:1px solid rgba(92,155,255,.6)!important;
  background:radial-gradient(circle at 50% -8%,rgba(92,155,255,.42),rgba(124,77,255,.20) 42%,rgba(9,10,32,.97) 74%),
    url("galaxy-modal.svg?v=2441") center/cover no-repeat,#0A0B22!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 46px rgba(92,155,255,.30),0 0 100px rgba(124,77,255,.28)!important}
html body #helpModal > .modal-box > :not(.cosmo-sp):not(.help-hero){position:relative;z-index:2}
html body #helpModal > .modal-box > .btn-close{position:absolute!important;z-index:3}
html body #helpModal .help-hero{position:relative;height:84px;display:grid;place-items:center;margin:2px 0 4px;z-index:1}
html body #helpModal .help-hero .cosmo-rays{top:42px;background:repeating-conic-gradient(from 0deg,rgba(140,190,255,.30) 0deg 6deg,transparent 6deg 20deg)!important}
html body #helpModal .help-hero-ico{position:relative;z-index:2;width:72px;height:72px;filter:drop-shadow(0 0 16px rgba(92,155,255,.75));animation:dwFloat 2.8s ease-in-out infinite}
html body #helpModal .modal-title{justify-content:center!important;text-align:center;font-size:1.1rem!important;font-weight:900;padding-right:0!important;
  background:linear-gradient(90deg,#E6F0FF,#9FD3FF 45%,#7C9CFF);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body #helpModal .help-live{display:flex!important;justify-content:center;margin:6px auto 12px!important;width:max-content;max-width:100%}
html body #helpModal .help-live-dot{animation:cosmoPulseG 1.6s ease-out infinite}
@keyframes cosmoPulseG{0%{box-shadow:0 0 0 0 rgba(46,229,157,.7)}100%{box-shadow:0 0 0 9px rgba(46,229,157,0)}}
/* Champs vitrés avec icône et lueur au toucher. */
html body #helpModal .field{position:relative;margin-bottom:10px}
html body #helpModal .field label{color:#AFC4F0!important;letter-spacing:.06em}
html body #helpModal .field input,html body #helpModal .field textarea{background:rgba(255,255,255,.06)!important;border:1px solid rgba(146,180,255,.28)!important;border-radius:12px!important;color:#fff!important;transition:border-color .2s,box-shadow .2s}
html body #helpModal .field input{padding-left:40px!important}
html body #helpModal .field input:focus,html body #helpModal .field textarea:focus{border-color:rgba(120,170,255,.85)!important;box-shadow:0 0 0 3px rgba(92,155,255,.20),0 0 18px rgba(92,155,255,.25)!important;outline:0}
html body #helpModal .help-in-ico{position:absolute;left:12px;bottom:0;height:44px;display:grid;place-items:center;pointer-events:none;z-index:3}
html body #helpModal .help-in-ico svg{width:18px;height:18px;fill:none;stroke:#8FB8FF;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Bouton Envoyer : icône d'avion en papier. */
html body #helpModal .help-send{display:flex!important;align-items:center;justify-content:center;gap:10px}
html body #helpModal .help-send-ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body #helpModal .help-terms{display:block;margin:12px auto 0!important;text-align:center}
@media (max-height:700px){html body #helpModal .help-hero{height:66px}html body #helpModal .help-hero-ico{width:56px;height:56px}}

/* ===== v2441 — Bouton « Installer Orolado » : vraie pastille dorée bien cliquable (logo + flèche), reste 10 s. ===== */
html body #installBanner.install-banner{top:8px!important;gap:2px!important;padding:3px 4px 3px 3px!important;min-height:38px!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(40,28,8,.92),rgba(14,12,34,.94) 55%,rgba(30,18,60,.94))!important;
  border:1px solid rgba(251,191,36,.75)!important;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 6px 20px rgba(0,0,0,.5),0 0 18px rgba(251,191,36,.35)!important;
  animation:instIn .5s cubic-bezier(.2,1.4,.4,1) both,instGlow 2.2s ease-in-out .5s infinite}
html body #installBanner.install-banner::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,236,170,.32) 48%,transparent 66%);background-size:250% 100%;animation:instShine 2.6s ease-in-out infinite}
html body #installBanner #btnInstall{position:relative;z-index:1;gap:8px!important;padding:0 10px 0 2px!important;min-height:32px!important;height:32px;
  font-size:13px!important;font-weight:800!important;color:#FFF6DA!important;letter-spacing:.01em}
html body #installBanner #btnInstall em{font-weight:900!important;font-style:normal;
  background:linear-gradient(180deg,#FFF1C2,#FBBF24 50%,#E08A12);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* Icône : le logo OROLADO avec une petite flèche verte « télécharger » posée dessus. */
html body #installBanner .install-ico{position:relative;width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
  border-radius:50%!important;background:radial-gradient(circle,rgba(251,191,36,.25),rgba(0,0,0,0) 70%)!important;display:grid!important;place-items:center;flex:0 0 32px;font-size:0!important}
html body #installBanner .install-logo{width:30px;height:30px;display:block;filter:drop-shadow(0 0 5px rgba(251,191,36,.55))}
html body #installBanner .install-dl{position:absolute;right:-3px;bottom:-2px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#34F5A8,#10B981);box-shadow:0 0 0 2px #120F24,0 0 8px rgba(46,229,157,.8);animation:instBob 1.3s ease-in-out infinite}
html body #installBanner .install-dl svg{width:11px;height:11px;fill:none;stroke:#062B1C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html body #installBanner .install-x{position:relative;z-index:1;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;
  border-radius:50%!important;display:grid!important;place-items:center;background:rgba(255,255,255,.08)!important;margin-left:2px;padding:0}
html body #installBanner .install-x svg{width:12px;height:12px;fill:none;stroke:#C9D3E6;stroke-width:2.6;stroke-linecap:round}
html body #installBanner #btnInstall:active{transform:scale(.96)}
@keyframes instIn{0%{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.85)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes instGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 6px 20px rgba(0,0,0,.5),0 0 14px rgba(251,191,36,.30)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 6px 20px rgba(0,0,0,.5),0 0 26px rgba(251,191,36,.60)}}
@keyframes instShine{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
@keyframes instBob{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@media (prefers-reduced-motion:reduce){html body #installBanner.install-banner,html body #installBanner.install-banner::before,html body #installBanner .install-dl{animation:none!important}}

/* ===== v2441 — Liste des langues : fenêtre univers plus lumineuse, drapeaux ronds, langue choisie en or avec ✓. ===== */
html body .lang-dd-menu.lang-dd-menu{border-radius:16px!important;padding:8px!important;gap:5px!important;width:min(236px,calc(100vw - 16px))!important;max-width:min(236px,calc(100vw - 16px))!important;
  background:radial-gradient(circle at 50% -10%,rgba(56,189,248,.30),rgba(124,77,255,.20) 45%,rgba(10,10,32,.0) 75%),
    linear-gradient(180deg,rgba(14,10,40,.62),rgba(8,8,28,.80)),url("galaxy-space.svg?v=2488") center top/cover no-repeat,#0D0B26!important;
  border:1px solid rgba(125,211,252,.5)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.55),0 0 26px rgba(56,189,248,.28),0 0 0 1px rgba(255,255,255,.04) inset!important;
  transform-origin:top right;animation:langPop .22s cubic-bezier(.2,1.3,.4,1)}
html body .lang-dd-menu.lang-dd-menu .lang-btn{gap:7px!important;padding:6px 7px!important;min-height:32px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:700!important;
  color:#E6ECFF!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important;transition:background .15s,border-color .15s,transform .1s}
html body .lang-dd-menu.lang-dd-menu .lang-btn:hover{background:rgba(125,211,252,.14)!important;border-color:rgba(125,211,252,.45)!important}
html body .lang-dd-menu.lang-dd-menu .lang-btn:active{transform:scale(.96)}
html body .lang-dd-menu.lang-dd-menu .lang-flag{flex:0 0 20px;width:20px;height:20px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.4)}
html body .lang-dd-menu.lang-dd-menu .lang-flag .flag-svg{width:30px!important;height:20px!important;max-width:none!important;display:block}
html body .lang-dd-menu.lang-dd-menu .lang-btn.on{color:#FFE7A3!important;background:linear-gradient(135deg,rgba(251,191,36,.30),rgba(224,138,18,.14))!important;
  border-color:rgba(251,191,36,.8)!important;box-shadow:0 0 12px rgba(251,191,36,.30)}
html body .lang-dd-menu.lang-dd-menu .lang-btn.on .lang-flag{box-shadow:0 0 0 1.5px #FBBF24,0 0 8px rgba(251,191,36,.6)}
html body .lang-dd-menu.lang-dd-menu .lang-btn.on::after{content:"✓";flex:0 0 auto;font-weight:900;font-size:11px;color:#FBBF24}
@keyframes langPop{0%{opacity:0;transform:scale(.88) translateY(-6px)}100%{opacity:1;transform:none}}
/* Petits écrans : la fenêtre Aide tient sans barre de défilement. */
@media (max-height:720px){html body #helpModal .field{margin-bottom:7px}html body #helpModal .help-live{margin:4px auto 8px!important}html body #helpModal .help-terms{margin-top:8px!important}}
html body #helpModal > .modal-box{scrollbar-width:none}html body #helpModal > .modal-box::-webkit-scrollbar{display:none}

/* ===== v2442 — Fenêtre Aide : TOUTE la fenêtre en couleur (plus de bas noir), service « connecté » qui émet,
   cases en verre coloré avec icône dans un carré lumineux, bouton Envoyer brillant. Mêmes champs, même envoi. ===== */
html body #helpModal#helpModal > .modal-box{
  background:
    radial-gradient(120% 60% at 50% 0%,rgba(92,155,255,.55),rgba(92,155,255,0) 60%),
    radial-gradient(90% 55% at 0% 100%,rgba(168,85,247,.55),rgba(168,85,247,0) 65%),
    radial-gradient(90% 55% at 100% 85%,rgba(34,211,238,.38),rgba(34,211,238,0) 65%),
    linear-gradient(180deg,#1B1F5E 0%,#22165A 50%,#2A1460 100%)!important;
  border:1px solid rgba(140,190,255,.7)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 40px rgba(92,155,255,.45),0 0 90px rgba(168,85,247,.35)!important}
/* Étoiles qui scintillent sur toute la fenêtre. */
html body #helpModal > .modal-box::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.9;
  background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 80% 12%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 70% 46%,#CFE3FF,transparent),radial-gradient(1px 1px at 22% 64%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 88% 74%,#E9D5FF,transparent),radial-gradient(1px 1px at 40% 88%,#fff,transparent),
    radial-gradient(1px 1px at 58% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 6% 90%,#BAE6FD,transparent);
  animation:hpTwinkle 3.2s ease-in-out infinite alternate}
@keyframes hpTwinkle{0%{opacity:.45}100%{opacity:1}}
/* Casque : ondes qui partent (le service émet) + point vert « en ligne ». */
html body #helpModal .help-hero::before,html body #helpModal .help-hero::after{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;
  border:2px solid rgba(46,229,157,.7);animation:hpWave 2.4s ease-out infinite;z-index:1;pointer-events:none}
html body #helpModal .help-hero::after{animation-delay:1.2s}
@keyframes hpWave{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.9);opacity:0}}
html body #helpModal .help-hero .help-on{position:absolute;left:50%;top:50%;margin:16px 0 0 18px;width:16px;height:16px;border-radius:50%;z-index:3;
  background:#2EE59D;box-shadow:0 0 0 3px #1E1B5C,0 0 12px #2EE59D;animation:cosmoPulseG 1.6s ease-out infinite}
/* Bandeau « Support opérationnel » : vrai voyant vert allumé avec barres de signal. */
html body #helpModal .help-live{gap:8px!important;align-items:center!important;padding:6px 14px!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(46,229,157,.28),rgba(16,185,129,.16))!important;border:1px solid rgba(46,229,157,.75)!important;
  color:#B9FFE0!important;font-weight:900!important;box-shadow:0 0 16px rgba(46,229,157,.35),0 0 0 1px rgba(255,255,255,.05) inset!important;
  animation:hpLive 2s ease-in-out infinite}
@keyframes hpLive{0%,100%{box-shadow:0 0 10px rgba(46,229,157,.25)}50%{box-shadow:0 0 22px rgba(46,229,157,.55)}}
html body #helpModal .help-live-dot{width:9px!important;height:9px!important;background:#2EE59D!important;border-radius:50%}
html body #helpModal .help-live .help-sig{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
html body #helpModal .help-live .help-sig i{display:block;width:3px;border-radius:2px;background:#2EE59D;animation:hpSig 1.2s ease-in-out infinite}
html body #helpModal .help-live .help-sig i:nth-child(1){height:5px}
html body #helpModal .help-live .help-sig i:nth-child(2){height:8px;animation-delay:.15s}
html body #helpModal .help-live .help-sig i:nth-child(3){height:12px;animation-delay:.3s}
@keyframes hpSig{0%,100%{opacity:.35}50%{opacity:1}}
/* Cases : verre coloré, bord dégradé, icône dans un petit carré lumineux. */
html body #helpModal .field label{color:#D6E4FF!important;font-weight:800!important}
html body #helpModal .field input,html body #helpModal .field textarea{
  background:linear-gradient(180deg,rgba(120,160,255,.16),rgba(150,100,255,.10))!important;
  border:1px solid rgba(160,190,255,.45)!important;border-radius:14px!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 4px 14px rgba(10,6,40,.35)!important}
html body #helpModal .field input::placeholder,html body #helpModal .field textarea::placeholder{color:rgba(220,230,255,.55)!important}
html body #helpModal .field input{padding-left:48px!important}
html body #helpModal .field textarea{padding-left:48px!important}
html body #helpModal .help-in-ico{left:8px;height:auto;bottom:auto;top:auto}
html body #helpModal .field .help-in-ico{width:30px;height:30px;border-radius:9px;bottom:7px;
  background:linear-gradient(135deg,#5C9BFF,#8B5CF6);box-shadow:0 0 10px rgba(92,155,255,.55)}
html body #helpModal .field .help-in-ico svg{stroke:#fff!important;width:16px;height:16px}
html body #helpModal .field .help-in-ico.msg{bottom:auto;top:30px;background:linear-gradient(135deg,#22D3EE,#5C9BFF)}
/* Bouton Envoyer : or brillant avec reflet qui passe. */
html body #helpModal .help-send{position:relative;overflow:hidden;border-radius:14px!important;min-height:48px;font-weight:900!important;
  background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;
  box-shadow:0 6px 20px rgba(251,191,36,.45),0 0 0 1px rgba(255,255,255,.35) inset!important}
html body #helpModal .help-send::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);
  background-size:250% 100%;animation:instShine 2.8s ease-in-out infinite;pointer-events:none}
html body #helpModal .help-terms{color:#FFD27A!important}
@media (prefers-reduced-motion:reduce){html body #helpModal *,html body #helpModal > .modal-box::before{animation:none!important}}

/* ===== v2442 — Bouton « Installer » : court, couleurs neuves (violet → bleu → cyan), texte blanc. ===== */
html body #installBanner.install-banner{padding:3px!important;gap:4px!important;min-height:36px!important;
  background:linear-gradient(120deg,#7C3AED,#4F46E5 45%,#06B6D4)!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 6px 20px rgba(79,70,229,.55),0 0 22px rgba(6,182,212,.45),0 0 0 1px rgba(255,255,255,.15) inset!important;
  animation:instIn .5s cubic-bezier(.2,1.4,.4,1) both,instGlow2 2.2s ease-in-out .5s infinite}
@keyframes instGlow2{0%,100%{box-shadow:0 6px 18px rgba(79,70,229,.5),0 0 14px rgba(6,182,212,.35)}50%{box-shadow:0 6px 22px rgba(79,70,229,.7),0 0 28px rgba(6,182,212,.7)}}
html body #installBanner.install-banner::before{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%)!important;background-size:250% 100%!important}
html body #installBanner #btnInstall{gap:7px!important;padding:0 8px 0 0!important;height:30px;min-height:30px!important;font-size:13.5px!important;font-weight:900!important;color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.35)}
html body #installBanner #btnInstall em{display:none!important}
html body #installBanner .install-ico{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px;
  background:#120F2E!important;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
html body #installBanner .install-logo{width:26px;height:26px}
html body #installBanner .install-dl{right:-4px;bottom:-3px;box-shadow:0 0 0 2px #4F46E5,0 0 8px rgba(46,229,157,.9)}
html body #installBanner .install-x{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;background:rgba(0,0,0,.28)!important;margin-left:0}
html body #installBanner .install-x svg{stroke:#fff}
html body #helpModal .field input{height:48px!important;min-height:48px!important;box-sizing:border-box!important;font-size:15px!important}
html body #helpModal .field:not(:has(textarea)) .help-in-ico{bottom:9px!important}

/* ===== v2443 — RETRAIT et RECHARGER pleins de vie : fenêtres lumineuses, vrais logos des moyens de paiement,
   cases vitrées colorées, montants qui brillent. Mêmes dimensions, mêmes boutons, même fonctionnement. ===== */

/* --- Logos des moyens de paiement (dessins dans icons/pay) --- */
html body .wd-orange .wd-mm-dot,html body .wd-mtn .wd-mm-dot,html body .wd-wave .wd-mm-dot,html body .wd-mpesa .wd-mm-dot,
html body .wd-moov .wd-mm-dot,html body .wd-airtel .wd-mm-dot,html body .wd-pix .wd-mm-dot,html body .wd-mpago .wd-mm-dot,
html body .wd-nequi .wd-mm-dot,html body .wd-gcash .wd-mm-dot,html body .wd-upi .wd-mm-dot,html body .wd-stc .wd-mm-dot,
html body .wd-palmpay .wd-mm-dot,html body .wd-opay .wd-opay-mark,html body .wd-picpay .wd-brand-pp,html body .wd-papara .wd-brand-pa,
html body .wd-payeer .wd-brand-pr,html body .wd-pmoney .wd-brand-pm,html body .wd-skrill .wd-brand-sk,html body .wd-neteller .wd-brand-nt{
  width:18px!important;height:18px!important;min-width:18px;border-radius:5px!important;flex:0 0 18px!important;padding:0!important;
  font-size:0!important;color:transparent!important;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.35)!important;
  background:center/cover no-repeat!important;display:inline-block!important}
html body .wd-orange .wd-mm-dot{background-image:url("../icons/pay/orange.svg?v=2445")!important}
html body .wd-mtn .wd-mm-dot{background-image:url("../icons/pay/mtn.svg")!important}
html body .wd-wave .wd-mm-dot{background-image:url("../icons/pay/wave.svg?v=2768")!important}
html body .wd-mpesa .wd-mm-dot{background-image:url("../icons/pay/mpesa.svg")!important}
html body .wd-moov .wd-mm-dot{background-image:url("../icons/pay/moov.svg")!important}
html body .wd-airtel .wd-mm-dot{background-image:url("../icons/pay/airtel.svg")!important}
html body .wd-pix .wd-mm-dot{background-image:url("../icons/pay/pix.svg")!important}
html body .wd-mpago .wd-mm-dot{background-image:url("../icons/pay/mpago.svg")!important}
html body .wd-nequi .wd-mm-dot{background-image:url("../icons/pay/nequi.svg")!important}
html body .wd-gcash .wd-mm-dot{background-image:url("../icons/pay/gcash.svg")!important}
html body .wd-upi .wd-mm-dot{background-image:url("../icons/pay/upi.svg")!important}
html body .wd-stc .wd-mm-dot{background-image:url("../icons/pay/stc.svg")!important}
html body .wd-palmpay .wd-mm-dot{background-image:url("../icons/pay/palmpay.svg")!important}
html body .wd-opay .wd-opay-mark{background-image:url("../icons/pay/opay.svg")!important}
html body .wd-picpay .wd-brand-pp{background-image:url("../icons/pay/picpay.svg")!important}
html body .wd-papara .wd-brand-pa{background-image:url("../icons/pay/papara.svg")!important}
html body .wd-payeer .wd-brand-pr{background-image:url("../icons/pay/payeer.svg")!important}
html body .wd-pmoney .wd-brand-pm{background-image:url("../icons/pay/perfectmoney.svg")!important}
html body .wd-skrill .wd-brand-sk{background-image:url("../icons/pay/skrill.svg")!important}
html body .wd-neteller .wd-brand-nt{background-image:url("../icons/pay/neteller.svg")!important}
html body #withdrawModal .wd-card-ico{filter:drop-shadow(0 0 4px rgba(255,255,255,.25))}

/* --- Fenêtre RETRAIT --- */
html body #withdrawModal#withdrawModal .modal-box{
  background:
    radial-gradient(110% 45% at 50% 0%,rgba(46,229,157,.30),rgba(46,229,157,0) 60%),
    radial-gradient(80% 50% at 0% 100%,rgba(168,85,247,.50),rgba(168,85,247,0) 65%),
    radial-gradient(80% 50% at 100% 70%,rgba(56,189,248,.35),rgba(56,189,248,0) 65%),
    linear-gradient(180deg,#152A5E 0%,#1E1A62 55%,#2A1664 100%)!important;
  border:1px solid rgba(130,230,200,.6)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 36px rgba(46,229,157,.30),0 0 80px rgba(124,77,255,.30)!important}
html body #withdrawModal#withdrawModal .modal-title{color:transparent!important;background-image:linear-gradient(90deg,#FFF1C2,#FBBF24 55%,#F59E0B)!important;
  -webkit-background-clip:text!important;background-clip:text!important;font-weight:900!important;letter-spacing:.02em}
/* Solde retirable : carte « argent » verte lumineuse, reflet qui passe. */
html body #withdrawModal#withdrawModal .wd-bal{position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(46,229,157,.30),rgba(16,185,129,.10) 55%,rgba(251,191,36,.16))!important;
  border:1px solid rgba(46,229,157,.75)!important;box-shadow:0 0 18px rgba(46,229,157,.30),0 0 0 1px rgba(255,255,255,.06) inset!important}
html body #withdrawModal#withdrawModal .wd-bal::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);background-size:250% 100%;animation:instShine 3.2s ease-in-out infinite}
html body #withdrawModal#withdrawModal .wd-bal-secure{color:#B9FFE0!important;font-weight:800!important}
html body #withdrawModal#withdrawModal .wd-bal-amt{color:transparent!important;background-image:linear-gradient(180deg,#FFFFFF,#7CF5C4)!important;
  -webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 8px rgba(46,229,157,.55))}
/* Titres des groupes : point lumineux + trait coloré. */
html body #withdrawModal#withdrawModal .wd-group-label{display:flex!important;align-items:center;gap:6px;font-weight:900!important;letter-spacing:.06em}
html body #withdrawModal#withdrawModal .wd-group-label::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:0 0 6px}
html body #withdrawModal#withdrawModal .wd-group-label::after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,currentColor,transparent);opacity:.6}
html body #withdrawModal#withdrawModal .wd-group-label:nth-of-type(1){color:#5EEAD4!important}
html body #withdrawModal#withdrawModal .wd-group-label:nth-of-type(2){color:#7DD3FC!important}
html body #withdrawModal#withdrawModal .wd-group-label:nth-of-type(3){color:#C4B5FD!important}
/* Cases : verre coloré par groupe, bord lumineux, apparition en cascade. */
html body #withdrawModal#withdrawModal .wd-card{color:#fff!important;font-weight:800!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 3px 10px rgba(5,4,30,.35)!important;
  transition:transform .12s,box-shadow .2s,border-color .2s;animation:wdIn .38s ease-out both}
html body #withdrawModal#withdrawModal #wdCryptoGrid .wd-card{background:linear-gradient(135deg,rgba(45,212,191,.26),rgba(45,212,191,.07))!important;border:1px solid rgba(94,234,212,.55)!important}
html body #withdrawModal#withdrawModal #wdLocalGrid .wd-card{background:linear-gradient(135deg,rgba(56,189,248,.24),rgba(56,189,248,.06))!important;border:1px solid rgba(125,211,252,.5)!important}
html body #withdrawModal#withdrawModal #wdBankGrid .wd-card{background:linear-gradient(135deg,rgba(167,139,250,.28),rgba(167,139,250,.07))!important;border:1px solid rgba(196,181,253,.55)!important}
html body #withdrawModal#withdrawModal .wd-card:active,html body #withdrawModal#withdrawModal .wd-card.on{transform:scale(.97);
  border-color:#FBBF24!important;box-shadow:0 0 0 1px rgba(251,191,36,.5) inset,0 0 16px rgba(251,191,36,.45)!important}
html body #withdrawModal#withdrawModal .wd-card:nth-child(3n+2){animation-delay:.05s}
html body #withdrawModal#withdrawModal .wd-card:nth-child(3n){animation-delay:.1s}
@keyframes wdIn{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
/* Page du moyen choisi (montant, numéro…). */
html body #withdrawModal#withdrawModal .wd-selected{display:flex!important;align-items:center;gap:9px;width:max-content;max-width:100%;margin:2px 0 8px!important;
  padding:5px 14px 5px 5px!important;border-radius:999px;background:linear-gradient(90deg,rgba(251,191,36,.26),rgba(251,191,36,.06));
  border:1px solid rgba(251,191,36,.7);box-shadow:0 0 14px rgba(251,191,36,.28);color:#FFE7A3!important;font-weight:900!important;font-size:14px!important}
html body #withdrawModal .wd-sel-ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(10,8,40,.6);flex:0 0 28px}
html body #withdrawModal .wd-sel-ico > *{width:20px!important;height:20px!important;flex-basis:20px!important;min-width:20px}
html body #withdrawModal .wd-sel-ico .wd-card-brands{transform:scale(.7)}
html body #withdrawModal#withdrawModal #wdStepForm label{color:#D6E4FF!important;font-weight:800!important}
html body #withdrawModal#withdrawModal #wdStepForm input,html body #withdrawModal#withdrawModal #wdStepForm select{
  background:linear-gradient(180deg,rgba(120,160,255,.17),rgba(150,100,255,.10))!important;border:1px solid rgba(160,190,255,.45)!important;
  color:#fff!important;border-radius:12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important}
html body #withdrawModal#withdrawModal #wdStepForm input:focus,html body #withdrawModal#withdrawModal #wdStepForm select:focus{
  border-color:rgba(46,229,157,.9)!important;box-shadow:0 0 0 3px rgba(46,229,157,.2),0 0 14px rgba(46,229,157,.3)!important;outline:0}
html body #withdrawModal#withdrawModal #withdrawAmt{color:#FFE08A!important;font-weight:900!important;border-color:rgba(251,191,36,.6)!important}
html body #withdrawModal#withdrawModal #wdStepForm input::placeholder{color:rgba(220,230,255,.5)!important}
html body #withdrawModal#withdrawModal #wdStepForm select option{background:#1E1A62;color:#fff}
html body #withdrawModal#withdrawModal .hint-min{color:#AFC4F0!important}
html body #withdrawModal#withdrawModal .wd-trust{display:flex!important;justify-content:center}
html body #withdrawModal#withdrawModal .wd-trust span{display:inline-block;padding:4px 12px;border-radius:999px;color:#B9FFE0!important;font-weight:800!important;
  background:rgba(46,229,157,.16);border:1px solid rgba(46,229,157,.6);animation:hpLive 2s ease-in-out infinite}
html body #withdrawModal#withdrawModal .btn-wd-confirm,html body #depositModal#depositModal .btn-deposit-confirm{position:relative;overflow:hidden}
html body #withdrawModal#withdrawModal .btn-wd-confirm::after,html body #depositModal#depositModal .btn-deposit-confirm::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:250% 100%;animation:instShine 2.8s ease-in-out infinite}
html body #withdrawModal#withdrawModal .btn-wd-confirm{background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;
  box-shadow:0 6px 20px rgba(251,191,36,.45),0 0 0 1px rgba(255,255,255,.35) inset!important}

/* --- Fenêtre RECHARGER --- */
html body #depositModal#depositModal .modal-box{
  background:
    radial-gradient(110% 45% at 50% 0%,rgba(46,229,157,.38),rgba(46,229,157,0) 60%),
    radial-gradient(80% 50% at 100% 100%,rgba(251,191,36,.30),rgba(251,191,36,0) 65%),
    radial-gradient(80% 50% at 0% 70%,rgba(168,85,247,.42),rgba(168,85,247,0) 65%),
    linear-gradient(180deg,#0F3A55 0%,#1A2262 55%,#26185E 100%)!important;
  border:1px solid rgba(46,229,157,.7)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 38px rgba(46,229,157,.38),0 0 80px rgba(251,191,36,.18)!important}
html body #depositModal#depositModal .modal-title{color:#EFFFF7!important;background:linear-gradient(90deg,rgba(46,229,157,.38),rgba(16,185,129,.16))!important;
  border:1px solid rgba(46,229,157,.8)!important;box-shadow:0 0 14px rgba(46,229,157,.35)!important;font-weight:900!important}
html body #depositModal#depositModal label{color:#C8F7E2!important}
html body #depositModal#depositModal .dep-amt-input{background:linear-gradient(180deg,rgba(46,229,157,.16),rgba(20,60,80,.30))!important;
  border:1.5px solid rgba(46,229,157,.75)!important;color:#fff!important;font-weight:900!important;
  box-shadow:0 0 16px rgba(46,229,157,.28),0 0 0 1px rgba(255,255,255,.05) inset!important;animation:depGlow 2.4s ease-in-out infinite}
html body #depositModal#depositModal .dep-amt-input:focus{border-color:#FBBF24!important;box-shadow:0 0 0 3px rgba(251,191,36,.22),0 0 18px rgba(251,191,36,.4)!important;animation:none;outline:0}
@keyframes depGlow{0%,100%{box-shadow:0 0 10px rgba(46,229,157,.22)}50%{box-shadow:0 0 22px rgba(46,229,157,.5)}}
html body #depositModal#depositModal .hint-min{color:#AFE9D0!important}
html body #depositModal#depositModal .pay-method-label{color:#FFE7A3!important;font-weight:900!important}
html body #depositModal#depositModal #payMethodCard{background:linear-gradient(135deg,rgba(251,191,36,.26),rgba(251,191,36,.06) 60%,rgba(46,229,157,.12))!important;
  border:1px solid rgba(251,191,36,.85)!important;box-shadow:0 0 16px rgba(251,191,36,.30),0 0 0 1px rgba(255,255,255,.05) inset!important}
html body #depositModal#depositModal #payMethodCard .pay-method-desc{color:#F3E8C8!important}
html body #depositModal#depositModal .pay-method-rec{background:linear-gradient(90deg,#FFE08A,#FBBF24)!important;color:#2A1600!important;animation:recPulse 1.8s ease-in-out infinite}
@keyframes recPulse{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,.6)}50%{box-shadow:0 0 0 5px rgba(251,191,36,0)}}
html body #depositModal#depositModal .btn-deposit-confirm{background:linear-gradient(135deg,#5BF5B8,#22C55E 45%,#0EA371)!important;color:#fff!important;
  text-shadow:0 1px 3px rgba(0,60,30,.5);box-shadow:0 6px 22px rgba(34,197,94,.5),0 0 0 1px rgba(255,255,255,.35) inset!important}
html body #depositModal#depositModal #payMethodUsdt{background:linear-gradient(135deg,rgba(124,77,255,.30),rgba(56,189,248,.12) 55%,rgba(251,191,36,.12))!important;
  border:1px solid rgba(196,181,253,.75)!important;box-shadow:0 0 18px rgba(124,77,255,.35),0 0 0 1px rgba(255,255,255,.05) inset!important}
html body #depositModal#depositModal #payMethodUsdt .pay-method-desc{color:#E0E7FF!important}
html body #depositModal#depositModal .pay-crypto-cell{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;
  border:1px solid rgba(196,181,253,.35)!important;animation:cellFloat 3s ease-in-out infinite}
html body #depositModal#depositModal .pay-crypto-cell:nth-child(2n){animation-delay:.6s}
html body #depositModal#depositModal .pay-crypto-cell:nth-child(3n){animation-delay:1.2s}
html body #depositModal#depositModal .pay-crypto-cell b{color:#fff!important}
html body #depositModal#depositModal .pay-crypto-badge{filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}
@keyframes cellFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
html body #depositModal#depositModal .pay-go-arrow{animation:instBob 1.3s ease-in-out infinite}
/* Page crypto (adresse, réseau). */
html body #depositModal#depositModal .oxa-dd-btn,html body #depositModal#depositModal .oxa-wallet{background:linear-gradient(180deg,rgba(120,160,255,.16),rgba(150,100,255,.08))!important;
  border:1px solid rgba(160,190,255,.45)!important}
html body #depositModal#depositModal .oxa-net{background:rgba(255,255,255,.07)!important;border:1px solid rgba(160,190,255,.35)!important;color:#fff!important}
html body #depositModal#depositModal .oxa-net.on{background:linear-gradient(135deg,rgba(251,191,36,.32),rgba(251,191,36,.08))!important;border-color:#FBBF24!important;box-shadow:0 0 12px rgba(251,191,36,.35)!important}
html body #depositModal#depositModal .oxa-act{background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(245,158,11,.18))!important;border:1px solid rgba(251,191,36,.8)!important;color:#FFE7A3!important}
html body #depositModal#depositModal .crypto-back{color:#7CF5C4!important}
@media (prefers-reduced-motion:reduce){html body #withdrawModal *,html body #depositModal *{animation:none!important}}
html body #depositModal#depositModal .pay-crypto-cell{overflow:hidden!important}
html body #depositModal#depositModal #payMethodUsdt .pay-method-title{color:#fff!important;background:linear-gradient(90deg,rgba(124,77,255,.55),rgba(56,189,248,.3))!important;border-color:rgba(196,181,253,.8)!important;box-shadow:0 0 12px rgba(124,77,255,.4)!important}
html body #depositModal#depositModal .pay-go-arrow{background:linear-gradient(135deg,#FFE08A,#F59E0B)!important;box-shadow:0 0 12px rgba(251,191,36,.6)!important}
html body #withdrawModal#withdrawModal .wd-group-label:nth-of-type(3){color:#7DD3FC!important}
html body #withdrawModal#withdrawModal .wd-group-label:nth-of-type(5){color:#C4B5FD!important}
html body #withdrawModal#withdrawModal .wd-modal-head .modal-title{border:1px solid rgba(251,191,36,.75)!important;background-color:rgba(251,191,36,.10)!important;box-shadow:0 0 14px rgba(251,191,36,.35),0 0 0 1px rgba(255,255,255,.05) inset!important}
html body #withdrawModal#withdrawModal .is-wd-form .wd-modal-head,html body #withdrawModal#withdrawModal .withdraw-box.is-wd-form .wd-modal-head{border-color:rgba(251,191,36,.6)!important;box-shadow:0 0 14px rgba(251,191,36,.3)!important}

/* ===== v2443 — Signature « OROLADO.com » DANS la courbe (choix A du propriétaire) : en haut au centre,
   petite et douce (la courbe et les ronds des trades passent au-dessus). Le bouton Installer se pose juste dessous. ===== */
html body #screenTrade#screenTrade .oro-sign.in-chart{position:absolute!important;left:0;right:0;top:3px;margin:0 auto!important;z-index:12;height:14px!important;
  opacity:.62;pointer-events:none}
html body #screenTrade#screenTrade .oro-sign.in-chart .os-word{font-size:11.5px!important;letter-spacing:.2em!important;filter:none!important}
html body #screenTrade#screenTrade .oro-sign.in-chart .os-com{font-size:8px!important;margin-left:-3px;padding-bottom:1px}
html body #screenTrade#screenTrade .oro-sign.in-chart .os-line{flex:0 1 30px!important}
@media (min-width:860px){html body #screenTrade#screenTrade .oro-sign.in-chart{top:6px;height:18px!important}html body #screenTrade#screenTrade .oro-sign.in-chart .os-word{font-size:14px!important}html body #screenTrade#screenTrade .oro-sign.in-chart .os-com{font-size:9.5px!important}}
html.fs-trade body .oro-sign.in-chart,html.is-fullscreen body .oro-sign.in-chart{display:none!important}
html body #installBanner.install-banner{top:22px!important}
@media (max-width:859px){html body #screenTrade#screenTrade .topbar .topbar-mode{padding-top:6px!important}}

/* ===== v2444 — Croix ✕ et retours ← en MINI-PLANÈTES (même taille, même place) ===== */
html body .btn-close,html body #withdrawModal .wd-back-ico{
  background:radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important;
  border:1px solid rgba(255,214,120,.55)!important;color:#fff!important;overflow:visible!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,-3px -3px 6px rgba(0,0,0,.35) inset,0 0 12px rgba(124,108,242,.55),0 3px 10px rgba(0,0,0,.45)!important}
html body .btn-close::before,html body #withdrawModal .wd-back-ico::before{content:"";position:absolute;left:-28%;right:-28%;top:38%;height:26%;border-radius:50%;
  border:1.5px solid rgba(255,214,120,.85);border-top-color:rgba(255,214,120,.25);transform:rotate(-18deg);pointer-events:none;z-index:-1}
html body .btn-close .x-ico{filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}
html body .btn-close:hover,html body .btn-close:focus-visible{background:radial-gradient(circle at 34% 28%,#E0E7FF 0%,#8B7CFF 38%,#4626B5 72%,#1A0F4A 100%)!important;color:#FFE7A3!important}
html body #withdrawModal .wd-back-ico{border-radius:50%!important;color:#fff!important}
html body #depositModal .crypto-back{text-shadow:0 0 8px rgba(46,229,157,.6)}

/* ===== v2444 — PROFIL façon wallet de l'univers ===== */
/* Avatar : petite planète dorée avec anneau, initiales au centre. */
html body #drawerProfile#drawerProfile#drawerProfile .avatar{position:relative;border-radius:50%!important;border:0!important;color:#fff!important;font-weight:900!important;
  text-shadow:0 1px 3px rgba(80,30,0,.7);overflow:visible!important;
  background:radial-gradient(circle at 32% 26%,#FFF3C4 0%,#FBBF24 34%,#E07A12 66%,#7A3A06 100%)!important;
  box-shadow:-4px -4px 8px rgba(80,30,0,.45) inset,0 0 16px rgba(251,191,36,.6),0 0 34px rgba(124,77,255,.35)!important}
html body #drawerProfile#drawerProfile#drawerProfile .avatar::before{content:"";position:absolute;left:-34%;right:-34%;top:36%;height:30%;border-radius:50%;
  border:2px solid rgba(186,230,253,.9);border-top-color:rgba(186,230,253,.15);transform:rotate(-20deg);pointer-events:none;animation:avRing 6s ease-in-out infinite}
html body #drawerProfile#drawerProfile#drawerProfile .avatar::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px #BAE6FD;
  top:-4px;right:-6px;animation:avStar 2.4s ease-in-out infinite}
@keyframes avRing{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(-12deg)}}
@keyframes avStar{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
html body #drawerProfile#drawerProfile#drawerProfile .prof-name{color:transparent!important;background-image:linear-gradient(90deg,#FFFFFF,#FFE7A3 55%,#FBBF24)!important;
  -webkit-background-clip:text!important;background-clip:text!important;font-weight:900!important;letter-spacing:.01em;filter:drop-shadow(0 0 6px rgba(251,191,36,.35))}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-head h2{color:#FFE7A3!important;border-color:rgba(251,191,36,.7)!important;box-shadow:0 0 12px rgba(251,191,36,.3)!important}
/* Carte d'identité : verre violet, lignes en dégradé, boutons Copier dorés. */
html body #drawerProfile#drawerProfile#drawerProfile > .card.glass{background:linear-gradient(135deg,rgba(124,77,255,.26),rgba(56,189,248,.10))!important;
  border:1px solid rgba(196,181,253,.55)!important;box-shadow:0 0 16px rgba(124,77,255,.25),0 0 0 1px rgba(255,255,255,.05) inset!important}
html body #drawerProfile#drawerProfile#drawerProfile > .card.glass .list-row + .list-row{border-top:1px solid transparent!important;
  border-image:linear-gradient(90deg,transparent,rgba(196,181,253,.5),transparent) 1!important}
html body #drawerProfile#drawerProfile#drawerProfile > .card.glass .list-row > span{color:#C4B5FD!important;font-weight:700}
html body #drawerProfile#drawerProfile#drawerProfile > .card.glass strong{color:#fff!important}
html body #drawerProfile#drawerProfile#drawerProfile .btn-copy-id,html body #drawerProfile#drawerProfile#drawerProfile .wallet-copy{
  background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(245,158,11,.15))!important;border:1px solid rgba(251,191,36,.8)!important;color:#FFE7A3!important;font-weight:800!important}
/* Wallet : carte lumineuse vert → violet bordée d'or, solde qui brille. */
html body #drawerProfile#drawerProfile#drawerProfile .wallet-card{position:relative;overflow:hidden;
  background:radial-gradient(90% 70% at 100% 0%,rgba(251,191,36,.25),rgba(251,191,36,0) 60%),
    linear-gradient(135deg,rgba(16,185,129,.38),rgba(30,58,138,.40) 50%,rgba(124,58,237,.42))!important;
  border:1px solid rgba(251,191,36,.75)!important;box-shadow:0 0 22px rgba(46,229,157,.25),0 0 0 1px rgba(255,255,255,.06) inset!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);background-size:250% 100%;animation:instShine 4s ease-in-out infinite}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-card > *{position:relative}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-card-k{color:#B9FFE0!important;font-weight:800!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-card-v{color:transparent!important;background-image:linear-gradient(180deg,#FFFFFF,#7CF5C4)!important;
  -webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 8px rgba(46,229,157,.5))}
/* Dépôt Express Crypto : bouton doré vivant, reflet, flèche qui bouge, pièces qui sautillent. */
html body #drawerProfile#drawerProfile#drawerProfile .wallet-xpress{position:relative;overflow:hidden;
  background:linear-gradient(135deg,#FFE9A8,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;font-weight:900!important;
  border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 4px 16px rgba(251,191,36,.5),0 0 0 1px rgba(255,255,255,.3) inset!important;animation:xpGlow 2s ease-in-out infinite}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-xpress::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);background-size:250% 100%;animation:instShine 2.4s ease-in-out infinite}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-xpress:active{transform:scale(.97)}
html body #drawerProfile#drawerProfile#drawerProfile .wx-go{display:inline-grid!important;place-items:center;width:18px;height:18px;border-radius:50%;background:#2A1600;color:#FFE08A!important;
  font-weight:900;line-height:1;animation:xpGo 1.1s ease-in-out infinite}
html body #drawerProfile#drawerProfile#drawerProfile .wx-coin{animation:xpCoin 1.8s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
html body #drawerProfile#drawerProfile#drawerProfile .wx-coin:nth-child(2){animation-delay:.2s}
html body #drawerProfile#drawerProfile#drawerProfile .wx-coin:nth-child(3){animation-delay:.4s}
html body #drawerProfile#drawerProfile#drawerProfile .wx-coin:nth-child(4){animation-delay:.6s}
@keyframes xpGlow{0%,100%{box-shadow:0 4px 14px rgba(251,191,36,.4)}50%{box-shadow:0 4px 24px rgba(251,191,36,.75)}}
@keyframes xpGo{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes xpCoin{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
/* Onglets crypto : chaque pièce a sa couleur. */
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab{--c:94,234,212;background:linear-gradient(180deg,rgba(var(--c),.22),rgba(var(--c),.05))!important;
  border:1px solid rgba(var(--c),.45)!important;color:#fff!important;transition:transform .12s,box-shadow .2s}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab[data-recv="usdt"]{--c:38,161,123}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab[data-recv="btc"]{--c:247,147,26}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab[data-recv="eth"]{--c:98,126,234}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab[data-recv="trx"]{--c:255,60,70}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab.on{background:linear-gradient(180deg,rgba(var(--c),.45),rgba(var(--c),.12))!important;border-color:rgba(var(--c),1)!important;
  box-shadow:0 0 14px rgba(var(--c),.55),0 0 0 1px rgba(255,255,255,.12) inset!important;transform:translateY(-1px)}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab small{color:rgba(255,255,255,.7)!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab-ico{filter:drop-shadow(0 0 5px rgba(var(--c),.8))}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-addr-row{background:rgba(10,8,40,.45)!important;border:1px dashed rgba(251,191,36,.6)!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-addr-row code{color:#B9FFE0!important}
/* Menu : chaque icône dans une mini-planète de sa couleur, lignes vitrées. */
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item{--c:125,211,252;background:linear-gradient(90deg,rgba(var(--c),.18),rgba(var(--c),.04) 70%)!important;
  border:1px solid rgba(var(--c),.42)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important;transition:transform .12s,box-shadow .2s}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item:active{transform:scale(.98);box-shadow:0 0 16px rgba(var(--c),.45)!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnFinance{--c:56,189,248}
html body #drawerProfile#drawerProfile#drawerProfile #btnWithdraw{--c:251,191,36}
html body #drawerProfile#drawerProfile#drawerProfile #btnHistTrade{--c:167,139,250}
html body #drawerProfile#drawerProfile#drawerProfile #btnOpenPass{--c:244,114,182}
html body #drawerProfile#drawerProfile#drawerProfile #btnOpenEmail{--c:96,165,250}
html body #drawerProfile#drawerProfile#drawerProfile #btnLogoutOthers{--c:45,212,191}
html body #drawerProfile#drawerProfile#drawerProfile #btnLogout{--c:255,77,106}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item .di-ico{border-radius:50%!important;color:#fff!important;padding:4px;box-sizing:border-box;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85),rgba(var(--c),1) 40%,rgba(var(--c),.45) 100%)!important;
  box-shadow:-2px -2px 4px rgba(0,0,0,.3) inset,0 0 10px rgba(var(--c),.7)!important;border:0!important}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item .di-ico path,html body #drawerProfile#drawerProfile#drawerProfile .drawer-item .di-ico rect{stroke:#fff!important;stroke-width:2.2!important}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item .di-label{color:#fff!important;font-weight:800!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnWithdraw .di-label{color:#FFE7A3!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnLogout .di-label{color:#FFB3C0!important}
html body #drawerProfile#drawerProfile#drawerProfile .drawer-item .di-chev{color:rgba(var(--c),1)!important;font-weight:900;text-shadow:0 0 6px rgba(var(--c),.8)}

/* ===== v2444 — Pages du profil pleines de vie (mot de passe, e-mail, appareils, déconnexion, historiques, codes) ===== */
html body #passModal#passModal .modal-box,html body #emailModal#emailModal .modal-box,html body #logoutModal#logoutModal .modal-box,
html body #logoutOthersModal#logoutOthersModal .modal-box,html body #financeModal#financeModal .modal-box,html body #historySheet#historySheet .modal-box,
html body #otpModal#otpModal .modal-box,html body #forgotModal#forgotModal .modal-box{
  --c:124,77,255;position:relative;
  background:radial-gradient(110% 45% at 50% 0%,rgba(var(--c),.45),rgba(var(--c),0) 62%),
    radial-gradient(80% 50% at 0% 100%,rgba(168,85,247,.42),rgba(168,85,247,0) 65%),
    radial-gradient(80% 50% at 100% 80%,rgba(56,189,248,.28),rgba(56,189,248,0) 65%),
    linear-gradient(180deg,#1B1F5E 0%,#22165A 55%,#2A1460 100%)!important;
  border:1px solid rgba(var(--c),.75)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 36px rgba(var(--c),.40),0 0 80px rgba(124,77,255,.25)!important}
html body #passModal#passModal .modal-box{--c:244,114,182}
html body #emailModal#emailModal .modal-box{--c:96,165,250}
html body #logoutOthersModal#logoutOthersModal .modal-box{--c:45,212,191}
html body #logoutModal#logoutModal .modal-box{--c:255,77,106}
html body #financeModal#financeModal .modal-box{--c:56,189,248}
html body #historySheet#historySheet .modal-box{--c:167,139,250}
html body #otpModal#otpModal .modal-box,html body #forgotModal#forgotModal .modal-box{--c:251,191,36}
/* Grand symbole lumineux en haut des petites pages. */
html body #passModal .modal-box::before,html body #emailModal .modal-box::before,html body #logoutModal .modal-box::before,
html body #logoutOthersModal .modal-box::before,html body #otpModal .modal-box::before,html body #forgotModal .modal-box::before{
  content:"";display:block;width:58px;height:58px;margin:0 auto 6px;border-radius:50%;
  background:var(--ico) center/52% no-repeat,radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),rgba(var(--c),1) 42%,rgba(var(--c),.35) 100%);
  box-shadow:-4px -4px 10px rgba(0,0,0,.3) inset,0 0 22px rgba(var(--c),.75),0 0 0 6px rgba(var(--c),.12);animation:dwFloat 2.8s ease-in-out infinite}
html body #passModal .modal-box,html body #forgotModal .modal-box{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
html body #emailModal .modal-box,html body #otpModal .modal-box{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
html body #logoutOthersModal .modal-box{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='2' y='4' width='13' height='10' rx='1.5'/%3E%3Cpath d='M6 18h5M17 9h4v11h-6v-3'/%3E%3C/svg%3E")}
html body #logoutModal .modal-box{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7V5a2 2 0 0 1 2-2h7v18h-7a2 2 0 0 1-2-2v-2M4 12h11m-3-4 4 4-4 4'/%3E%3C/svg%3E")}
html body #passModal .modal-title,html body #emailModal .modal-title,html body #logoutModal .modal-title,html body #logoutOthersModal .modal-title,
html body #otpModal .modal-title,html body #forgotModal .modal-title,html body #financeModal .modal-title,html body #historySheet .modal-title{
  color:#fff!important;font-weight:900!important;text-shadow:0 0 12px rgba(var(--c),.8)}
html body #passModal .modal-title,html body #emailModal .modal-title,html body #logoutModal .modal-title,html body #logoutOthersModal .modal-title,
html body #otpModal .modal-title,html body #forgotModal .modal-title{justify-content:center!important;text-align:center!important;padding-right:0!important;padding-left:0!important}
html body #passModal .otp-lead,html body #emailModal .otp-lead,html body #otpModal .otp-lead,html body #logoutModal .logout-lead,html body #logoutOthersModal .logout-lead{color:#D6E4FF!important;text-align:center}
/* Cases vitrées colorées. */
html body #passModal input,html body #emailModal input,html body #otpModal input,html body #forgotModal input{
  background:linear-gradient(180deg,rgba(120,160,255,.17),rgba(150,100,255,.10))!important;border:1px solid rgba(var(--c),.55)!important;color:#fff!important;border-radius:12px!important}
html body #passModal input:focus,html body #emailModal input:focus,html body #otpModal input:focus,html body #forgotModal input:focus{
  box-shadow:0 0 0 3px rgba(var(--c),.22),0 0 14px rgba(var(--c),.35)!important;outline:0}
html body #passModal label,html body #emailModal label,html body #otpModal label,html body #forgotModal label{color:#E0E7FF!important;font-weight:800!important}
html body #passModal .otp-input,html body #emailModal .otp-input,html body #otpModal .otp-input,html body #forgotModal .otp-input{color:#FFE08A!important;font-weight:900!important;letter-spacing:.35em}
html body #passModal .btn-gold,html body #emailModal .btn-gold,html body #otpModal .btn-gold,html body #forgotModal .btn-gold{position:relative;overflow:hidden;
  background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;box-shadow:0 6px 18px rgba(251,191,36,.45)!important}
html body #passModal .btn-gold::after,html body #emailModal .btn-gold::after,html body #otpModal .btn-gold::after,html body #forgotModal .btn-gold::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:250% 100%;animation:instShine 2.8s ease-in-out infinite}
html body .otp-resend-link{color:#7DD3FC!important;text-shadow:0 0 8px rgba(125,211,252,.5)}
/* Déconnexion : Annuler vitré, bouton d'action rouge lumineux. */
html body #logoutModal .logout-cancel,html body #logoutOthersModal .logout-cancel{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
html body #logoutModal .logout-go{background:linear-gradient(135deg,#FF8A9A,#FF3B57 50%,#C0112E)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(255,59,87,.5)!important}
html body #logoutOthersModal .logout-go{background:linear-gradient(135deg,#5EEAD4,#14B8A6 50%,#0F766E)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(20,184,166,.5)!important}
/* Historique financier : chaque ligne est une carte vitrée, montants colorés. */
html body #financeModal .tx-feed-row{background:linear-gradient(90deg,rgba(56,189,248,.14),rgba(124,77,255,.08))!important;border:1px solid rgba(125,211,252,.35)!important;border-radius:12px!important;margin-bottom:6px}
html body #financeModal .tx-type{color:#fff!important;font-weight:900!important}
html body #financeModal .tx-meta{color:#AFC4F0!important}
html body #financeModal .rc-dlbtn{background:radial-gradient(circle at 32% 28%,#C7D2FE,#7C6CF2 45%,#3B1E9A)!important;box-shadow:0 0 10px rgba(124,108,242,.6)!important;border:0!important}
html body #historySheet .hist-tab{background:rgba(255,255,255,.08)!important;border:1px solid rgba(196,181,253,.4)!important;color:#fff!important}
html body #historySheet .hist-tab.on{background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(251,191,36,.1))!important;border-color:#FBBF24!important;color:#FFE7A3!important;box-shadow:0 0 12px rgba(251,191,36,.35)!important}
html body #historySheet .hc{background:linear-gradient(90deg,rgba(167,139,250,.16),rgba(56,189,248,.06))!important;border:1px solid rgba(196,181,253,.32)!important}
html body #historySheet .empty-feed,html body #financeModal .empty-feed{color:#C4B5FD!important}
@media (prefers-reduced-motion:reduce){html body #drawerProfile *,html body #drawerProfile *::before,html body #drawerProfile *::after,html body .modal-box::before{animation:none!important}}

/* ===== v2444 — Recharger : la carte « Carte & paiement instantané » se voit cliquable (flèche, lueur), badge Recommandé plus fin ===== */
html body #depositModal#depositModal #payMethodCard{position:relative;overflow:hidden;animation:pmGlow 2.4s ease-in-out infinite}
html body #depositModal#depositModal #payMethodCard::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,236,170,.25) 50%,transparent 65%);background-size:250% 100%;animation:instShine 3s ease-in-out infinite}
@keyframes pmGlow{0%,100%{box-shadow:0 0 10px rgba(251,191,36,.25)}50%{box-shadow:0 0 22px rgba(251,191,36,.55)}}
html body #depositModal#depositModal .pay-method-rec{font-size:9px!important;padding:2px 8px!important;letter-spacing:.06em;line-height:1.4!important}
html body #depositModal#depositModal .pm-go{width:22px!important;height:22px!important;flex:0 0 22px;margin-left:6px}
html body #depositModal#depositModal .pm-go svg{width:13px;height:13px}

/* ===== v2444 — Bouton Installer : le logo doré sur un rond lumineux (plus de fond noir) ===== */
html body #installBanner .install-ico{background:radial-gradient(circle at 35% 30%,#FFF6D6,#FFE08A 45%,#F5B33B 100%)!important;box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 10px rgba(251,191,36,.7)!important}
html body #installBanner .install-logo{width:28px!important;height:28px!important;filter:drop-shadow(0 1px 2px rgba(80,40,0,.5))!important}

/* ===== v2444 — Signature dans la courbe aussi en PLEIN ÉCRAN (téléphone debout, PC) ===== */
html body #fsTradeOverlay .oro-sign.in-chart{position:absolute!important;left:0;right:0;top:3px;margin:0 auto!important;z-index:12;height:14px!important;opacity:.62;pointer-events:none;display:flex!important}
html body #fsTradeOverlay .oro-sign.in-chart .os-word{font-size:11.5px!important;letter-spacing:.2em!important;filter:none!important}
html body #fsTradeOverlay .oro-sign.in-chart .os-com{font-size:8px!important;margin-left:-3px;padding-bottom:1px}
html body #fsTradeOverlay .oro-sign.in-chart .os-line{flex:0 1 30px!important}
html.fs-trade body .oro-sign.in-chart,html.is-fullscreen body .oro-sign.in-chart{display:flex!important}
html.fs-trade body #fsTradeOverlay > .oro-sign.fs{display:none!important}
@media (orientation:landscape) and (max-height:500px){
  html.fs-trade body #fsTradeOverlay .oro-sign.in-chart{display:none!important}
  html.fs-trade body #fsTradeOverlay > .oro-sign.fs{display:flex!important}
}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer{
  background:radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important;border:1px solid rgba(255,214,120,.55)!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,-3px -3px 6px rgba(0,0,0,.35) inset,0 0 12px rgba(124,108,242,.55)!important}
html body #drawerProfile#drawerProfile#drawerProfile .avatar{width:40px!important;height:40px!important;min-width:40px!important;font-size:14px!important;margin-left:6px}
html body #drawerProfile#drawerProfile#drawerProfile .prof-head{gap:14px!important}
html body #drawerProfile#drawerProfile#drawerProfile .prof-name{font-size:1.15rem!important}
/* Mini-planète : priorité au-dessus des anciennes règles des croix. */
html body .btn-close:not(#oroZ1):not(#oroZ2):not(#oroZ3):not(#oroZ4){
  background:radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important;
  border:1px solid rgba(255,214,120,.55)!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,-3px -3px 6px rgba(0,0,0,.35) inset,0 0 12px rgba(124,108,242,.55),0 3px 10px rgba(0,0,0,.45)!important}
/* Titres des petites pages : pastille centrée. */
html body #passModal .modal-title,html body #emailModal .modal-title,html body #logoutModal .modal-title,html body #logoutOthersModal .modal-title,
html body #otpModal .modal-title,html body #forgotModal .modal-title{display:table!important;margin-left:auto!important;margin-right:auto!important;padding:4px 14px!important;
  border:1px solid rgba(var(--c),.7)!important;background:rgba(var(--c),.18)!important;border-radius:999px!important;box-shadow:0 0 14px rgba(var(--c),.35)!important}
html body #depositModal#depositModal #payMethodCard .pm-go{position:absolute!important;right:10px;bottom:7px;margin:0!important;width:20px!important;height:20px!important;border-radius:50%!important;
  display:grid!important;place-items:center;z-index:2}
html body #depositModal#depositModal #payMethodCard .pm-go svg{width:12px;height:12px;fill:none;stroke:#2A1600;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html body #depositModal#depositModal #payMethodCard .pay-method-desc{padding-right:28px!important}

/* ===== v2444 — INSCRIPTION / CONNEXION : carte univers lumineuse, onglets dorés, cases vitrées, bouton brillant ===== */
html body #screenAuth#screenAuth#screenAuth .auth-card{position:relative;
  background:radial-gradient(110% 40% at 50% 0%,rgba(124,77,255,.42),rgba(124,77,255,0) 62%),
    radial-gradient(80% 45% at 0% 100%,rgba(56,189,248,.30),rgba(56,189,248,0) 65%),
    radial-gradient(80% 45% at 100% 85%,rgba(251,191,36,.20),rgba(251,191,36,0) 65%),
    linear-gradient(180deg,rgba(32,30,98,.92) 0%,rgba(36,22,92,.92) 55%,rgba(44,20,96,.92) 100%)!important;
  border:1px solid rgba(196,181,253,.6)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 34px rgba(124,77,255,.38),0 0 80px rgba(56,189,248,.18)!important}
html body #screenAuth#screenAuth#screenAuth .auth-tabs{background:rgba(10,8,40,.45)!important;border:1px solid rgba(196,181,253,.35)!important}
html body #screenAuth#screenAuth#screenAuth .auth-tab{color:#E0E7FF!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
html body #screenAuth#screenAuth#screenAuth .auth-tab.on{position:relative;overflow:hidden;background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;
  border-color:rgba(255,255,255,.5)!important;box-shadow:0 0 16px rgba(251,191,36,.5)!important}
html body #screenAuth#screenAuth#screenAuth .field label{color:#C7D2FE!important;font-weight:800!important}
html body #screenAuth#screenAuth#screenAuth .field input{background:linear-gradient(180deg,rgba(120,160,255,.17),rgba(150,100,255,.10))!important;
  border:1px solid rgba(160,190,255,.45)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset!important}
html body #screenAuth#screenAuth#screenAuth .field input:focus{border-color:rgba(251,191,36,.9)!important;box-shadow:0 0 0 3px rgba(251,191,36,.18),0 0 16px rgba(251,191,36,.3)!important;outline:0}
html body #screenAuth#screenAuth#screenAuth .field input::placeholder{color:rgba(220,230,255,.5)!important}
html body #screenAuth#screenAuth#screenAuth .pass-toggle svg{stroke:#C7D2FE!important}
html body #screenAuth#screenAuth#screenAuth form .btn-gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;
  color:#2A1600!important;box-shadow:0 6px 22px rgba(251,191,36,.5),0 0 0 1px rgba(255,255,255,.35) inset!important}
html body #screenAuth#screenAuth#screenAuth form .btn-gold::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:instShine 2.8s ease-in-out infinite}
html body #screenAuth#screenAuth#screenAuth .logo-mark{filter:drop-shadow(0 0 14px rgba(251,191,36,.65))!important;animation:dwFloat 3.2s ease-in-out infinite}
html body #screenAuth#screenAuth#screenAuth .auth-back{
  background:radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important;border:1px solid rgba(255,214,120,.55)!important;color:#fff!important;
  box-shadow:-3px -3px 6px rgba(0,0,0,.35) inset,0 0 12px rgba(124,108,242,.55)!important}
html body #screenAuth#screenAuth#screenAuth .auth-back{border-radius:50%!important}
/* v2444 — Petits téléphones (hauteur ≤ 700) : Aide et Recharger tiennent sans défiler. */
@media (max-height:700px){
  html body #helpModal .help-hero{height:50px!important;margin:0 0 2px!important}
  html body #helpModal .help-hero-ico{width:46px!important;height:46px!important}
  html body #helpModal .help-hero::before,html body #helpModal .help-hero::after{width:48px;height:48px;margin:-24px 0 0 -24px}
  html body #helpModal .help-hero .help-on{margin:10px 0 0 12px;width:12px;height:12px}
  html body #helpModal .modal-title{margin-bottom:2px!important}
  html body #helpModal .help-live{margin:2px auto 6px!important;padding:4px 12px!important}
  html body #helpModal .field{margin-bottom:5px!important}
  html body #helpModal .field input{height:42px!important;min-height:42px!important}
  html body #helpModal .field:not(:has(textarea)) .help-in-ico{bottom:6px!important}
  html body #helpModal .field textarea{height:64px!important;min-height:64px!important}
  html body #helpModal .help-send{min-height:44px!important}
  html body #helpModal .help-terms{margin-top:6px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{padding:4px 2px 3px!important;gap:3px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall{gap:4px!important}
  html body #depositModal#depositModal .field{margin-bottom:4px!important}
  html body #depositModal#depositModal .pay-method-label{margin:2px 0 4px!important}
}
@media (max-height:700px){
  html body #depositModal#depositModal .pay-method-grid{gap:6px!important}
  html body #depositModal#depositModal .btn-deposit-confirm{margin:0 0 4px!important;min-height:44px!important;height:44px!important}
  html body #depositModal#depositModal #payMethodUsdt{padding-top:8px!important;padding-bottom:8px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-method-top{margin-bottom:6px!important}
}

/* ===== v2444 — TITRES SANS CADRE (demande du propriétaire) : lettres dorées lumineuses, centrées, jamais coupées ===== */
html body .modal-backdrop:not(#portalModal) .modal-box .modal-title.modal-title,
html body #drawerProfile#drawerProfile#drawerProfile .drawer-head h2{
  border:0!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;
  background-image:linear-gradient(180deg,#FFFFFF 0%,#FFE7A3 45%,#FBBF24 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent;font-weight:900!important;letter-spacing:.03em!important;
  filter:drop-shadow(0 0 8px rgba(251,191,36,.45)) drop-shadow(0 1px 1px rgba(0,0,0,.5));text-shadow:none!important;
  padding-top:0!important;padding-bottom:0!important;white-space:normal!important;overflow-wrap:anywhere;width:auto!important;max-width:100%}
/* Les titres centrés (petites pages, Recharger, Retrait) restent au centre. */
html body #passModal .modal-title,html body #emailModal .modal-title,html body #logoutModal .modal-title,html body #logoutOthersModal .modal-title,
html body #otpModal .modal-title,html body #forgotModal .modal-title{display:block!important;text-align:center!important;margin:0 auto 6px!important;padding:0 6px!important}
html body #depositModal#depositModal .modal-title{font-size:1.15rem!important;padding-left:2px!important}
html body #withdrawModal#withdrawModal .wd-modal-head .modal-title{font-size:1.2rem!important}
html body #financeModal .modal-title,html body #historySheet .modal-title{font-size:1.1rem!important}

/* ===== v2444 — « Confirmer le retrait » en vert émeraude (va avec le solde retirable vert de la fenêtre Retrait) ===== */
html body #withdrawModal#withdrawModal .btn-wd-confirm{background:linear-gradient(135deg,#6EF7C2,#22C55E 45%,#0E9F6E)!important;color:#fff!important;
  text-shadow:0 1px 3px rgba(0,60,30,.55);box-shadow:0 6px 22px rgba(34,197,94,.5),0 0 0 1px rgba(255,255,255,.35) inset!important}
html body #withdrawModal#withdrawModal .withdraw-box .wd-modal-head.wd-modal-head{border:0!important;background:transparent!important;box-shadow:none!important}
html body #depositModal#depositModal#depositModal .modal-box .modal-title,html body #withdrawModal#withdrawModal#withdrawModal .modal-box .modal-title{
  border:0!important;box-shadow:none!important;background:linear-gradient(180deg,#FFFFFF 0%,#FFE7A3 45%,#FBBF24 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
html body #depositModal#depositModal #payMethodCard .pay-method-title{display:inline-flex!important;align-items:center;gap:7px}
html body #depositModal#depositModal #payMethodCard .pay-method-desc::before{content:"";flex:0 0 22px;width:22px;height:14px;display:inline-block;vertical-align:-3px;margin-right:6px;border-radius:3.5px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%237C6CF2'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='24' height='16' rx='3' fill='url(%23g)'/%3E%3Crect x='3' y='4.5' width='5' height='4' rx='1' fill='%23FFD27A'/%3E%3Crect x='3' y='11' width='10' height='1.6' rx='.8' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='17' cy='11.5' r='2.4' fill='%23EB001B'/%3E%3Ccircle cx='19.6' cy='11.5' r='2.4' fill='%23F79E1B' opacity='.9'/%3E%3C/svg%3E") center/cover no-repeat;
  box-shadow:0 0 8px rgba(124,108,242,.6)}
html body #depositModal#depositModal #payMethodCard .pay-method-title{white-space:nowrap!important;font-size:clamp(12px,3.6vw,15px)!important;min-width:0}
html body #depositModal#depositModal #payMethodCard .pay-method-title{display:inline!important;white-space:normal!important;font-size:inherit!important}
html body #depositModal#depositModal #payMethodCard .pay-method-title{font-size:15px!important}
@media (max-width:380px){html body #depositModal#depositModal #payMethodCard .pay-method-title{font-size:14px!important}}

/* ===== v2446 — Retrait : le moyen choisi a le même cadre vitré bleu que les cases (plus de lueur jaune) ===== */
html body #withdrawModal#withdrawModal .wd-selected{background:linear-gradient(135deg,rgba(56,189,248,.26),rgba(124,77,255,.12))!important;
  border:1px solid rgba(125,211,252,.6)!important;box-shadow:0 0 14px rgba(56,189,248,.30),0 0 0 1px rgba(255,255,255,.05) inset!important;color:#fff!important}
html body #withdrawModal .wd-sel-ico{background:rgba(255,255,255,.12)!important;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
/* Case touchée : elle s'allume dans la couleur de son groupe (pas en jaune). */
html body #withdrawModal#withdrawModal #wdCryptoGrid .wd-card:active,html body #withdrawModal#withdrawModal #wdCryptoGrid .wd-card.on{border-color:#5EEAD4!important;box-shadow:0 0 16px rgba(94,234,212,.55)!important}
html body #withdrawModal#withdrawModal #wdLocalGrid .wd-card:active,html body #withdrawModal#withdrawModal #wdLocalGrid .wd-card.on{border-color:#7DD3FC!important;box-shadow:0 0 16px rgba(125,211,252,.55)!important}
html body #withdrawModal#withdrawModal #wdBankGrid .wd-card:active,html body #withdrawModal#withdrawModal #wdBankGrid .wd-card.on{border-color:#C4B5FD!important;box-shadow:0 0 16px rgba(196,181,253,.55)!important}
/* Indicatif fixe (Nigeria…) : même case vitrée colorée que les autres. */
html body #withdrawModal#withdrawModal .wd-dial-fixed{background:linear-gradient(180deg,rgba(120,160,255,.17),rgba(150,100,255,.10))!important;
  border:1px solid rgba(160,190,255,.45)!important;color:#fff!important;border-radius:12px!important}
html body #withdrawModal#withdrawModal .wd-dest-help{color:#BAE6FD!important}
html body #withdrawModal#withdrawModal .wd-wager-box{background:rgba(251,191,36,.10)!important;border:1px solid rgba(251,191,36,.45)!important;border-radius:12px}
html body #withdrawModal#withdrawModal .wd-wager-fill{background:linear-gradient(90deg,#2EE59D,#FBBF24)!important}

/* ===== v2446 — Les dernières fenêtres sombres passent en univers lumineux (Conditions, Installer sur iPhone, Astuce, Paiement en cours) ===== */
html body #termsModal#termsModal .modal-box,html body #iosInstallModal#iosInstallModal .modal-box,
html body #tipModal#tipModal .modal-box,html body #depositWaitModal#depositWaitModal .modal-box{
  --c:124,77,255;
  background:radial-gradient(110% 45% at 50% 0%,rgba(var(--c),.45),rgba(var(--c),0) 62%),
    radial-gradient(80% 50% at 0% 100%,rgba(168,85,247,.40),rgba(168,85,247,0) 65%),
    radial-gradient(80% 50% at 100% 80%,rgba(56,189,248,.28),rgba(56,189,248,0) 65%),
    linear-gradient(180deg,#1B1F5E 0%,#22165A 55%,#2A1460 100%)!important;
  border:1px solid rgba(var(--c),.7)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 36px rgba(var(--c),.38),0 0 80px rgba(124,77,255,.22)!important}
html body #iosInstallModal#iosInstallModal .modal-box{--c:56,189,248}
html body #tipModal#tipModal .modal-box{--c:251,191,36}
html body #depositWaitModal#depositWaitModal .modal-box{--c:46,229,157}
html body #termsModal .modal-box h3,html body #termsModal .modal-box h4,html body #termsModal .modal-box strong{color:#FFE7A3!important}
html body #termsModal .modal-box p,html body #termsModal .modal-box li{color:#E0E7FF!important}
html body #iosInstallModal .install-ios-lead{color:#D6E4FF!important}
html body #iosInstallModal .install-ios-ico{background:radial-gradient(circle at 32% 28%,#BAE6FD,#38BDF8 45%,#0369A1)!important;color:#fff!important;
  border:0!important;box-shadow:0 0 12px rgba(56,189,248,.6)!important;border-radius:50%!important}
html body #iosInstallModal .install-ios-step{background:rgba(255,255,255,.07);border:1px solid rgba(125,211,252,.3);border-radius:12px;padding:8px 10px}
html body #tipModal .convert-fire{filter:drop-shadow(0 0 14px rgba(251,191,36,.9));animation:dwFloat 2.8s ease-in-out infinite}
html body #tipModal .convert-title,html body #depositWaitModal .convert-title{background:linear-gradient(180deg,#FFFFFF,#FFE7A3 45%,#FBBF24)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:900!important;filter:drop-shadow(0 0 8px rgba(251,191,36,.45))}
html body #tipModal .convert-copy,html body #depositWaitModal .convert-copy{color:#E0E7FF!important}
html body #depositWaitModal .wait-ref{color:#B9FFE0!important}
html body #depositWaitModal #btnDepositCheck{background:linear-gradient(135deg,#6EF7C2,#22C55E 45%,#0E9F6E)!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,60,30,.5);
  box-shadow:0 6px 20px rgba(34,197,94,.5)!important}
html body #depositWaitModal .ghost-gold{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
html body #iosInstallModal .btn-gold,html body #tipModal .btn-gold,html body #termsModal .btn-gold{position:relative;overflow:hidden;
  background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B)!important;color:#2A1600!important;box-shadow:0 6px 18px rgba(251,191,36,.45)!important}

/* ===== v2447 — Croix ✕ et retours ← bien lisibles dans les mini-planètes : symbole gros, épais, blanc, contour sombre ===== */
html body .btn-close:not(#oroZ1):not(#oroZ2):not(#oroZ3):not(#oroZ4) .x-ico,
html body #portalModal#portalModal#portalModal#portalModal .btn-close .x-ico{
  width:19px!important;height:19px!important;stroke:#fff!important;stroke-width:3.4!important;stroke-linecap:round!important;
  filter:drop-shadow(0 0 1.5px rgba(10,5,40,.95)) drop-shadow(0 1px 2px rgba(0,0,0,.6))!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer{font-size:20px!important;font-weight:900!important;line-height:1!important;
  text-shadow:0 0 2px rgba(10,5,40,.95),0 1px 3px rgba(0,0,0,.6)!important}
html body #withdrawModal .wd-back-ico,html body #screenAuth#screenAuth#screenAuth .auth-back{font-size:22px!important;font-weight:900!important;line-height:1!important;
  -webkit-text-stroke:.6px #fff;text-shadow:0 0 2px rgba(10,5,40,.95),0 1px 3px rgba(0,0,0,.6)!important;color:#fff!important}
/* v2447 — Profil : les 4 cases crypto (USDT, BTC, ETH, TRX) toutes de la même taille, icônes identiques. */
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab{min-width:0!important;width:auto!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab-ico{width:18px!important;height:18px!important;flex:0 0 18px!important}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab-stack{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0;max-width:100%;text-align:center}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab-stack > span{font-size:clamp(9px,2.6vw,11px)!important;white-space:nowrap;line-height:1.15}
html body #drawerProfile#drawerProfile#drawerProfile .wallet-tab-stack small{font-size:clamp(6px,1.75vw,7.5px)!important;white-space:nowrap;letter-spacing:0!important;line-height:1.2}
html body .btn-close::before,html body #withdrawModal .wd-back-ico::before{top:64%!important;height:22%!important;border-width:1.5px!important;border-top-color:transparent!important}
html body #withdrawModal .wd-back-ico{display:grid!important;place-items:center!important;padding:0 0 3px!important}

/* ===== v2448 — Croix et retours encore plus gros ; initiales du profil bien lisibles ===== */
html body .btn-close:not(#oroZ1):not(#oroZ2):not(#oroZ3):not(#oroZ4) .x-ico,
html body #portalModal#portalModal#portalModal#portalModal .btn-close .x-ico{width:22px!important;height:22px!important;stroke-width:4!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer{font-size:24px!important}
html body #withdrawModal .wd-back-ico,html body #screenAuth#screenAuth#screenAuth .auth-back{font-size:27px!important;-webkit-text-stroke:1.4px #fff}
html body #drawerProfile#drawerProfile#drawerProfile .avatar{font-size:17px!important;font-weight:900!important;letter-spacing:.02em;color:#fff!important;
  -webkit-text-stroke:.6px #fff;text-shadow:0 0 3px rgba(60,20,0,.95),0 1px 2px rgba(60,20,0,.9),0 0 8px rgba(80,30,0,.6)!important}
html body #drawerProfile#drawerProfile#drawerProfile .avatar::before{top:66%!important;height:24%!important;border-top-color:transparent!important}

/* ===== v2449 — Retours ← et croix du profil : symbole dessiné, parfaitement centré dans la mini-planète ===== */
html body #withdrawModal .wd-back-ico,html body #screenAuth#screenAuth#screenAuth .auth-back,html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer#btnCloseDrawer{
  font-size:0!important;color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important;padding:0!important;
  background-repeat:no-repeat!important;background-position:center,center!important;background-size:58% 58%,100% 100%!important}
html body #withdrawModal .wd-back-ico,html body #screenAuth#screenAuth#screenAuth .auth-back{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 5l-7 7 7 7'/%3E%3C/svg%3E"),
    radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer#btnCloseDrawer{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"),
    radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer#btnCloseDrawer{position:relative}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer#btnCloseDrawer::before{content:"";position:absolute;left:-28%;right:-28%;top:64%;height:22%;border-radius:50%;
  border:1.5px solid rgba(255,214,120,.85);border-top-color:transparent;transform:rotate(-18deg);pointer-events:none}

/* ===== v2450 — ACHETER / VENDRE style « Galaxie » (choix C) : verre vert / rouge transparent, vraies planètes qui glissent
   doucement à l'intérieur, rond blanc avec la flèche et anneau doré qui tourne. Au toucher : le vert / rouge plein revient.
   Mêmes tailles, mêmes places (écran normal ET plein écran). ===== */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade{
  background-repeat:repeat-x,no-repeat!important;background-size:auto 100%,100% 100%!important;
  animation:btPlanets 60s linear infinite!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
  padding-left:52px!important;transition:background-color .15s,box-shadow .2s,transform .1s!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call{
  background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(90deg,rgba(34,197,94,.62),rgba(8,40,30,.55) 85%)!important;
  border:1.5px solid #22C55E!important;box-shadow:0 0 14px rgba(34,197,94,.5),0 0 14px rgba(34,197,94,.22) inset!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put{
  background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(90deg,rgba(244,63,94,.62),rgba(40,8,20,.55) 85%)!important;
  border:1.5px solid #F43F5E!important;box-shadow:0 0 14px rgba(244,63,94,.5),0 0 14px rgba(244,63,94,.22) inset!important;animation-direction:reverse!important}
@keyframes btPlanets{from{background-position:0 0,0 0}to{background-position:-400px 0,0 0}}
/* Au toucher : la couleur pleine d'avant revient, bien vive. */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call:active{
  background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(180deg,#5BF5B8,#22C55E 50%,#10A86B)!important;box-shadow:0 0 26px rgba(34,197,94,.9)!important;transform:scale(.98)}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put:active{
  background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(180deg,#FF8A9A,#F43F5E 50%,#E11D48)!important;box-shadow:0 0 26px rgba(244,63,94,.9)!important;transform:scale(.98)}
/* Rond blanc avec la flèche, à gauche, bien au centre en hauteur. */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{position:absolute!important;left:6px;top:50%;
  height:calc(100% - 14px)!important;width:auto!important;aspect-ratio:1;max-height:44px!important;max-width:44px!important;transform:translateY(-50%);
  box-sizing:border-box;padding:9px!important;border-radius:50%;background:#fff;stroke-width:3.4!important;fill:none!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.35);z-index:2}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call .bt-arr,html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call .bt-arr path{stroke:#15803D!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put .bt-arr,html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put .bt-arr path{stroke:#BE123C!important}
/* Anneau doré en pointillés qui tourne autour du rond. */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade::after{content:""!important;position:absolute!important;left:2px;top:50%;
  height:calc(100% - 6px);width:auto;aspect-ratio:1;max-height:52px;transform-origin:center;translate:0 -50%;
  border-radius:50%;border:2px dashed rgba(255,226,140,.9);animation:btRing 5s linear infinite;pointer-events:none;z-index:1;background:none!important;display:block!important;box-sizing:border-box}
@keyframes btRing{to{transform:rotate(360deg)}}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-txt{position:relative;z-index:2}

/* ===== v2450 — TERMINAL sombre et transparent, planètes très légères, cases qui s'allument « comme de l'eau » ===== */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .pad{
  background:url("../icons/ui/pad-planets.svg?v=2500") center/cover no-repeat,linear-gradient(180deg,rgba(14,12,40,.55),rgba(10,9,32,.78))!important;
  border:0!important;box-shadow:none!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .dur-chip,
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .qbtn{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03))!important;border:1px solid rgba(199,210,254,.22)!important;color:#D6E4FF!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;transition:transform .1s,box-shadow .2s!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .qbtn:active{background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;color:#05263A!important;box-shadow:0 0 14px rgba(56,189,248,.8)!important;transform:scale(.95)}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .dur-chip.on{
  background:linear-gradient(120deg,#0EA5E9,#7DD3FC 30%,#38BDF8 50%,#BAE6FD 70%,#0EA5E9)!important;background-size:250% 100%!important;
  animation:oroWater 3.2s ease-in-out infinite!important;color:#04263A!important;border-color:#E0F2FE!important;
  box-shadow:0 0 14px rgba(56,189,248,.75),0 0 0 1px rgba(255,255,255,.5) inset!important}
@keyframes oroWater{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #inputStake{
  background:linear-gradient(180deg,rgba(46,229,157,.10),rgba(8,20,30,.6))!important;border:1px solid rgba(46,229,157,.65)!important;
  box-shadow:0 0 12px rgba(46,229,157,.25)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .win-preview{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;border:1px solid rgba(251,191,36,.45)!important;
  box-shadow:0 0 12px rgba(251,191,36,.15)!important}
/* Payouts : couleur légère au repos, couleur pleine « eau » quand choisi. */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip{--c:251,146,60;
  background:linear-gradient(180deg,rgba(var(--c),.20),rgba(var(--c),.05))!important;border:1px solid rgba(var(--c),.55)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;transition:transform .1s,box-shadow .2s!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip:nth-child(2){--c:56,189,248}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip:nth-child(3){--c:167,139,250}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip:nth-child(4){--c:251,191,36}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip.on{
  background:linear-gradient(120deg,rgba(var(--c),.85),rgba(var(--c),1) 35%,rgba(255,255,255,.55) 50%,rgba(var(--c),1) 65%,rgba(var(--c),.85))!important;
  background-size:250% 100%!important;animation:oroWater 3.2s ease-in-out infinite!important;border-color:rgba(255,255,255,.7)!important;
  box-shadow:0 0 16px rgba(var(--c),.8),0 0 0 1px rgba(255,255,255,.35) inset!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip.on .odds-mult,
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip.on .odds-pct{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .odds-chip:active,
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .dur-chip:active{transform:scale(.95)}

/* ===== v2450 — Ligne MA / BB / EMA / zoom / plein écran : même verre sombre transparent, sans trait dur sur la courbe ===== */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar{background:linear-gradient(180deg,rgba(14,12,40,.55),rgba(14,12,40,0))!important;border:0!important;box-shadow:none!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar .ind-btn{
  background-color:rgba(255,255,255,.08)!important;border:1px solid rgba(199,210,254,.25)!important;border-radius:9px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset!important;transition:transform .1s,box-shadow .2s!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar .ind-btn.on:not(.zoom-btn){
  background:linear-gradient(120deg,rgba(251,191,36,.55),rgba(251,191,36,.9) 40%,rgba(255,255,255,.5) 52%,rgba(251,191,36,.9) 64%,rgba(251,191,36,.55))!important;
  background-size:250% 100%!important;animation:oroWater 3.2s ease-in-out infinite!important;color:#2A1600!important;border-color:#FFE7A3!important;box-shadow:0 0 12px rgba(251,191,36,.6)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar .ind-btn:active{transform:scale(.94);box-shadow:0 0 12px rgba(125,211,252,.7)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar .chart-fs-btn{background-color:rgba(251,191,36,.08)!important;border:1px solid rgba(251,191,36,.5)!important;border-radius:9px!important;box-shadow:0 0 10px rgba(251,191,36,.18)!important}
@media (prefers-reduced-motion:reduce){html body #tradeWrap .btn-trade,html body #tradeWrap .btn-trade::after,html body #tradeWrap .dur-chip,html body #tradeWrap .odds-chip,html body #tradeWrap .ind-btn{animation:none!important}}
/* v2450 — Rond blanc net et centré (sans anneau qui tourne), comme le n° 9. */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade::after{display:none!important;animation:none!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{left:7px!important;box-shadow:0 0 0 4px rgba(255,255,255,.22),0 2px 8px rgba(0,0,0,.35)!important}
/* v2450 — « Carte & paiement instantané » sur une ligne (rétrécit seul si besoin, js/fit.js). */
html body #depositModal#depositModal#depositModal #payMethodCard .pay-method-title{display:inline-block!important;white-space:nowrap!important;min-width:0;font-size:15px}
html body #depositModal#depositModal #payMethodCard .pay-method-top{gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}
html body #depositModal#depositModal #payMethodCard .pay-method-rec{flex:0 0 auto}
/* v2450 — Croix encore plus épaisses (bien reconnaissables sur téléphone). */
html body .btn-close:not(#oroZ1):not(#oroZ2):not(#oroZ3):not(#oroZ4) .x-ico,
html body #portalModal#portalModal#portalModal#portalModal .btn-close .x-ico{width:24px!important;height:24px!important;stroke-width:4.6!important}
html body #drawerProfile#drawerProfile#drawerProfile #btnCloseDrawer#btnCloseDrawer{background-size:64% 64%,100% 100%!important}
/* v2450 — Petites flèches › bien au centre de leur rond (Dépôt crypto, Dépôt Express). */
html body #depositModal .pay-go-arrow{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
html body #depositModal .pay-go-arrow svg{display:block;margin:0!important;width:72%!important;height:72%!important;stroke-width:3.2!important;transform:translateX(1px)}
html body #drawerProfile#drawerProfile#drawerProfile .wx-go{font-size:0!important;background:#2A1600 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFE08A' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center/62% no-repeat!important}
/* v2450 — Ronds bien placés : décollés du bord, centrés en hauteur ; ACHETER rond à gauche, VENDRE rond à droite (miroir). */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{height:calc(100% - 18px)!important;max-height:40px!important;max-width:40px!important;
  left:9px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;padding:8px!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put .bt-arr{left:auto!important;right:9px!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call{padding-left:54px!important;padding-right:10px!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put{padding-left:10px!important;padding-right:54px!important}
/* v2450 — Plein écran (boutons plus petits) : rond plus près du bord, texte qui tient. */
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{left:6px!important;max-height:28px!important;max-width:28px!important;padding:6px!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put .bt-arr{left:auto!important;right:6px!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call{padding-left:38px!important;padding-right:6px!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put{padding-left:6px!important;padding-right:38px!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-txt{font-size:clamp(13px,4vw,17px)!important;white-space:nowrap}

/* ===== v2451 — Durées et ÷2 / ×2 / ⌫ en OR CHAMPAGNE (couleur de la marque, choix du propriétaire) ===== */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) .dur-chip,
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) .qbtn{
  border-color:rgba(245,197,81,.35)!important;color:#FFE7A3!important;background:linear-gradient(180deg,rgba(245,197,81,.14),rgba(245,197,81,.04))!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) .dur-chip.on{
  background:linear-gradient(120deg,#D9A43A,#FFE7A3 30%,#F5C451 50%,#FFFFFF 62%,#D9A43A)!important;background-size:250% 100%!important;
  color:#1E1200!important;border-color:#FFF6DA!important;box-shadow:0 0 14px rgba(245,197,81,.75)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) .qbtn:active{background:linear-gradient(180deg,#FFE7A3,#F5C451)!important;color:#1E1200!important;box-shadow:0 0 14px rgba(245,197,81,.8)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) .win-preview .mult{background:rgba(245,197,81,.16)!important;color:#FFE7A3!important;border-color:rgba(245,197,81,.5)!important}

/* ===== v2452 — NOUVEAU TERMINAL (téléphone debout) : ligne 1 = ◀ durée ▶ | − mise + | gain ; ligne 2 = 4 payouts en planètes.
   La place gagnée va à la courbe. PC, tablette, téléphone couché et plein écran : inchangés. ===== */
.dur-nav,.stake-pm{display:none}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{
    display:grid!important;grid-template-columns:1fr 1.18fr 1fr!important;grid-template-rows:auto!important;gap:6px!important;align-items:stretch!important;height:auto!important;margin:0!important}
  /* Durée : ◀ 30s ▶ */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row{
    grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 3px!important;box-sizing:border-box!important;border-radius:12px!important;
    background:linear-gradient(180deg,rgba(245,197,81,.14),rgba(245,197,81,.04))!important;border:1px solid rgba(245,197,81,.45)!important;width:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip:not(.on){display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on{
    flex:1 1 auto!important;min-width:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 2px!important;
    font-size:clamp(13px,4.2vw,16px)!important;font-weight:900!important;white-space:nowrap!important;border-radius:9px!important;pointer-events:none}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on svg{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav{
    display:grid!important;place-items:center;flex:0 0 26px;width:26px;height:26px;padding:0;border-radius:50%;border:0;cursor:pointer;
    background:radial-gradient(circle at 32% 28%,#FFF3C4,#F5C451 50%,#B8780C);box-shadow:0 0 8px rgba(245,197,81,.55);transition:transform .1s}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav svg{width:16px;height:16px;fill:none;stroke:#2A1600;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav:active,
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav.hit{transform:scale(.88)}
  /* Mise : − $ 1 + */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-field{
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;height:44px!important;min-height:44px!important;max-height:44px!important;
    padding:0 3px!important;box-sizing:border-box!important;border-radius:12px!important;width:auto!important;min-width:0!important;
    background:linear-gradient(180deg,rgba(46,229,157,.10),rgba(8,20,30,.6))!important;border:1px solid rgba(46,229,157,.65)!important;box-shadow:0 0 12px rgba(46,229,157,.22)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-field .stake-min{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #inputStake{
    flex:1 1 auto!important;min-width:0!important;width:auto!important;height:36px!important;min-height:36px!important;max-height:36px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;padding:0!important;margin:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .qbtn.stake-pm{
    display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;
    padding:0!important;border-radius:50%!important;font-size:18px!important;font-weight:900!important;line-height:1!important;color:#04261A!important;
    background:radial-gradient(circle at 32% 28%,#D1FAE5,#2EE59D 50%,#0E7A52)!important;border:0!important;box-shadow:0 0 8px rgba(46,229,157,.55)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .qbtn.stake-pm:active{transform:scale(.88)}
  /* Gain : montant, et le petit « Payout 90% » dessous sans cadre */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview{
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:2px 4px!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:auto!important;min-width:0!important;border-radius:12px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .label{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .amount{font-size:clamp(15px,4.6vw,19px)!important;line-height:1.05!important;white-space:nowrap!important;margin:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .mult{
    background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:9px!important;line-height:1!important;color:#FFE7A3!important;opacity:.85;white-space:nowrap!important}
  /* Payouts : 4 planètes */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .payout-badge{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow{
    display:flex!important;justify-content:space-around!important;align-items:center!important;gap:6px!important;height:auto!important;margin:2px 0 0!important;padding:0 4px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip{
    flex:0 0 auto!important;width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important;padding:0 3px!important;border-radius:50%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;opacity:.72;
    background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(var(--c),1) 40%,rgba(var(--c),.45) 85%,rgba(0,0,0,.35))!important;background-size:100% 100%!important;
    border:1px solid rgba(255,255,255,.35)!important;box-shadow:-3px -3px 8px rgba(0,0,0,.3) inset,0 0 10px rgba(var(--c),.35)!important;animation:none!important;transition:transform .12s,opacity .2s,box-shadow .2s!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on{opacity:1;transform:scale(1.06);
    box-shadow:-3px -3px 8px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.85),0 0 18px rgba(var(--c),.95)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-mult{
    font-size:13px!important;font-weight:900!important;line-height:1!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important;white-space:nowrap!important;letter-spacing:-.02em}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-pct{
    display:block!important;max-width:44px!important;font-size:6.5px!important;line-height:1!important;letter-spacing:.02em!important;color:#fff!important;opacity:.95;white-space:nowrap!important;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:active{transform:scale(.94)}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on::before{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on{flex-direction:row!important;align-items:center!important;justify-content:center!important;padding-top:0!important}
}
@media (max-width:859px) and (orientation:portrait){
  /* Planètes des marchés un peu plus grandes (elles restent plus grosses que les planètes des payouts). */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar#assetBar:not(#z1):not(#z2) .asset-chip .mk-art{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar#assetBar:not(#z1):not(#z2) .asset-chip .mk-art > svg{width:36px!important;height:36px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap > #assetBar#assetBar:not(#z1):not(#z2){height:79px!important;min-height:79px!important;max-height:79px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #assetBar#assetBar:not(#z1):not(#z2) .asset-chip .mk-name{margin-top:-2px!important}
}

/* ===== v2453 — Résultat du trade : carte en verre, un peu plus grande et carrée, sans mot (montant seulement) ===== */
html body .chart-stage .chart-outcome.show.chart-outcome{display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:7px 12px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.01em}
html body .chart-stage .chart-outcome.show.win.chart-outcome{background:rgba(22,163,74,.28)!important;border:1px solid rgba(74,222,128,.8)!important;color:#fff!important;
  box-shadow:0 0 18px rgba(34,197,94,.45),0 0 0 1px rgba(255,255,255,.06) inset!important}
html body .chart-stage .chart-outcome.show.lose.chart-outcome{background:rgba(225,29,72,.24)!important;border:1px solid rgba(251,113,133,.75)!important;color:#FECDD3!important;
  box-shadow:0 0 16px rgba(244,63,94,.35)!important}
html body .chart-stage .chart-outcome.show.win.chart-outcome .outcome-wallet{width:16px!important;height:16px!important;color:#BBF7D0}

/* ===== v2454 — Carte Inscription / Connexion : bouton « Apprendre à trader », cryptos plus nombreuses (même allure tranquille) ===== */
html body #screenAuth .auth-crypto-track{animation-duration:48s!important;-webkit-animation-duration:48s!important}
html body #screenAuth#screenAuth#screenAuth .auth-coin-ring{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.22),rgba(255,255,255,.04) 70%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 10px rgba(124,77,255,.35)!important}
html body #screenAuth#screenAuth#screenAuth .auth-crypto-line > span[data-i18n="authInstant"]{font-size:11px!important;opacity:.85}
/* v2454 — Petits écrans (hauteur ≤ 720, surtout Android) : la carte Inscription / Connexion tient en entier. */
@media (max-height:720px) and (orientation:portrait){
  html body #screenAuth#screenAuth#screenAuth .logo-mark{width:46px!important;height:46px!important;max-height:46px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-brand,html body #screenAuth#screenAuth#screenAuth .brand-lockup{margin-bottom:4px!important;gap:2px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-wrap{padding-top:6px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-card{padding:8px 10px 8px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-tabs{margin-bottom:6px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-tab{min-height:36px!important;height:36px!important;padding:0 6px!important}
  html body #screenAuth#screenAuth#screenAuth form .field{margin-bottom:5px!important}
  html body #screenAuth#screenAuth#screenAuth form .field label{font-size:10px!important;margin-bottom:2px!important}
  html body #screenAuth#screenAuth#screenAuth form .field input{height:38px!important;min-height:38px!important;font-size:15px!important}
  html body #screenAuth#screenAuth#screenAuth form .check-row{margin:2px 0 6px!important}
  html body #screenAuth#screenAuth#screenAuth form .btn-gold{min-height:40px!important;height:40px!important}
  html body #screenAuth#screenAuth#screenAuth form .auth-or{margin:5px 0!important}
  html body #screenAuth#screenAuth#screenAuth .auth-crypto-in-form{gap:3px!important;margin-top:4px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-coin-ring .coin-svg{width:15px!important;height:15px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-learn{margin:6px 0 0!important;padding:5px 8px!important}
  html body #screenAuth#screenAuth#screenAuth .auth-learn .al-ico{flex-basis:34px;width:34px;height:34px}html body #screenAuth .auth-learn .al-ico svg{width:28px;height:28px}
  html body #screenAuth#screenAuth#screenAuth .auth-learn .al-txt b{font-size:13px}
  html body #screenAuth#screenAuth#screenAuth .auth-learn .al-txt small{font-size:9.5px}
  html body #screenAuth#screenAuth#screenAuth .legal{margin-top:4px!important;font-size:9px!important}
}
@media (max-height:720px) and (orientation:portrait){
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .field input{height:35px!important;min-height:35px!important;max-height:35px!important;padding-top:0!important;padding-bottom:0!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .field{margin-bottom:3px!important;gap:2px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-tabs{height:auto!important;padding:3px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-tab{min-height:32px!important;height:32px!important;max-height:32px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .brand-lockup{transform:scale(.8);transform-origin:center top;margin-bottom:-12px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .brand-sub{margin-top:-4px!important;font-size:9px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .check-row{margin:0 0 4px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .auth-or{margin:3px 0!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-crypto-in-form > span{display:none!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-learn{padding:4px 8px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .legal{margin-top:2px!important;line-height:1.2!important}
}
@media (max-height:720px) and (orientation:portrait){
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .brand-lockup{margin-bottom:-16px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-card{padding-top:6px!important;padding-bottom:6px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .field label{margin-bottom:1px!important}
}

/* ===== v2454 — Bouton « Apprendre à trader » (connexion / inscription et conditions) : icône diplôme + livre + courbe, étiquette GUIDE, bougies en fond ===== */
html body .auth-learn{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:8px 10px;border-radius:14px;cursor:pointer;
  text-align:start;color:#fff;font:inherit;background:linear-gradient(135deg,rgba(14,165,233,.30),rgba(124,77,255,.32));border:1px solid rgba(125,211,252,.75);
  box-shadow:0 0 16px rgba(56,189,248,.3),0 0 0 1px rgba(255,255,255,.06) inset;animation:alGlow 2.4s ease-in-out infinite}
@keyframes alGlow{0%,100%{box-shadow:0 0 10px rgba(56,189,248,.25)}50%{box-shadow:0 0 22px rgba(56,189,248,.55)}}
html body .auth-learn .al-bg{position:absolute;inset:0;pointer-events:none;opacity:.22;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cg fill='%2322C55E'%3E%3Crect x='70' y='22' width='6' height='12'/%3E%3Crect x='94' y='16' width='6' height='14'/%3E%3Crect x='130' y='10' width='6' height='14'/%3E%3Crect x='154' y='6' width='6' height='12'/%3E%3Crect x='178' y='3' width='6' height='12'/%3E%3C/g%3E%3Cg fill='%23EF4444'%3E%3Crect x='82' y='20' width='6' height='9'/%3E%3Crect x='118' y='14' width='6' height='9'/%3E%3Crect x='166' y='5' width='6' height='8'/%3E%3C/g%3E%3Cpath d='M60 34 L100 24 L140 14 L196 2' stroke='%2393C5FD' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right center/auto 100% no-repeat}
html body .auth-learn > *:not(.al-bg){position:relative}
html body .auth-learn:active{transform:scale(.98)}
html body .auth-learn .al-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 28%,#7DD3FC,#2563EB 55%,#1E1B6E);box-shadow:0 0 14px rgba(56,189,248,.6),0 0 0 1px rgba(255,255,255,.3) inset}
html body .auth-learn .al-ico svg{width:32px;height:32px}
html body .auth-learn .al-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body .auth-learn .al-txt b{font-size:14px;font-weight:900;line-height:1.15;color:#F0F9FF;white-space:normal;text-wrap:balance}
html body .auth-learn .al-txt small{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#BAE6FD;line-height:1.2;min-width:0}
html body .auth-learn .al-tag{font-style:normal;font-weight:900;font-size:8.5px;letter-spacing:.08em;color:#2A1600;background:linear-gradient(90deg,#FFE08A,#FBBF24);border-radius:5px;padding:1px 5px;flex:0 0 auto}
html body .auth-learn .al-go{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);animation:xpGo 1.2s ease-in-out infinite}
html body .auth-learn .al-go svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[dir=rtl] body .auth-learn .al-go svg{transform:scaleX(-1)}
html body #termsModal .terms-learn{margin:18px 0 6px;padding:12px;border-radius:14px;background:rgba(56,189,248,.08);border:1px solid rgba(125,211,252,.35)}
html body #termsModal .terms-learn p{margin:0 0 10px!important;color:#E0F2FE!important;font-weight:600}

/* ===== v2454 — La page « Apprendre à trader » ===== */
.learn-modal{position:fixed;inset:0;z-index:2147480000;display:none;flex-direction:column;
  background:radial-gradient(120% 60% at 50% 0%,#2A1A6A,#140F3C 55%,#0A0A20);color:#fff;font-family:var(--font,"Plus Jakarta Sans"),system-ui,sans-serif}
.learn-modal.on{display:flex;animation:lgIn .25s ease-out}
@keyframes lgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html.learn-on body{overflow:hidden}
.learn-modal .lg-top{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 60px 12px 14px;
  background:linear-gradient(180deg,rgba(14,12,40,.95),rgba(14,12,40,.75));border-bottom:1px solid rgba(196,181,253,.2)}
.learn-modal .lg-top-ico{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#7DD3FC,#2563EB 55%,#1E1B6E)}
.learn-modal .lg-top-ico svg{width:28px;height:28px}
.learn-modal .lg-top-t{font-weight:900;font-size:15px;line-height:1.2;background:linear-gradient(180deg,#fff,#FFE7A3 50%,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .learn-modal .lg-close.btn-close{position:absolute!important;top:calc(10px + env(safe-area-inset-top,0px))!important;right:12px!important;left:auto!important;width:36px!important;height:36px!important}
html[dir=rtl] body .learn-modal .lg-close.btn-close{right:auto!important;left:12px!important}
.learn-modal .lg-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:rgba(255,255,255,.06)}
.learn-modal .lg-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38BDF8,#FBBF24);box-shadow:0 0 8px #FBBF24;transition:width .15s}
.learn-modal .lg-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.learn-modal .lg-body{max-width:640px;margin:0 auto;padding:16px 14px calc(30px + env(safe-area-inset-bottom,0px))}
.learn-modal .lg-hero{text-align:center;padding:10px 6px 16px}
.learn-modal .lg-hero-ico{width:84px;height:84px;margin:0 auto 10px;border-radius:24px;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 28%,#7DD3FC,#2563EB 55%,#1E1B6E);box-shadow:0 0 30px rgba(56,189,248,.55),0 0 0 6px rgba(56,189,248,.12);animation:dwFloat 3s ease-in-out infinite}
.learn-modal .lg-hero-ico svg{width:66px;height:66px}
.learn-modal .lg-hero h2{margin:0 0 8px;font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1.15;background:linear-gradient(180deg,#fff,#FFE7A3 50%,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent}
.learn-modal .lg-hero p{margin:0 auto 12px;max-width:520px;color:#D6E4FF;font-size:14.5px;line-height:1.55}
.learn-modal .lg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.learn-modal .lg-chips span{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(196,181,253,.35);color:#E0E7FF}
.learn-modal .lg-part{margin:22px 0 10px;padding:8px 12px;border-radius:12px;font-weight:900;font-size:13px;letter-spacing:.04em;color:#2A1600;
  background:linear-gradient(90deg,#FFE08A,#FBBF24 60%,#F59E0B);box-shadow:0 0 14px rgba(251,191,36,.35)}
.learn-modal .lg-step{position:relative;margin:0 0 12px;padding:14px 14px 12px;border-radius:16px;
  background:linear-gradient(180deg,rgba(124,77,255,.16),rgba(56,189,248,.06));border:1px solid rgba(196,181,253,.3)}
.learn-modal .lg-num{position:absolute;top:-10px;left:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;color:#2A1600;
  background:radial-gradient(circle at 32% 28%,#FFF3C4,#F5C451 50%,#B8780C);box-shadow:0 0 10px rgba(245,197,81,.6)}
html[dir=rtl] .learn-modal .lg-num{left:auto;right:12px}
.learn-modal .lg-step h3{margin:6px 0 10px 26px;font-size:16px;font-weight:900;color:#fff;line-height:1.25}
html[dir=rtl] .learn-modal .lg-step h3{margin:6px 26px 10px 0}
.learn-modal .lg-step ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.learn-modal .lg-step li{position:relative;padding-inline-start:20px;color:#E0E7FF;font-size:14px;line-height:1.5}
.learn-modal .lg-step li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#BAE6FD,#38BDF8);box-shadow:0 0 6px #38BDF8}
.learn-modal .lg-ex{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.45);color:#FFF3C4;font-size:13.5px;line-height:1.5}
.learn-modal .lg-end{text-align:center;margin:24px 0 0;padding:20px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(46,229,157,.16),rgba(124,77,255,.12));border:1px solid rgba(46,229,157,.5)}
.learn-modal .lg-trophy{font-size:44px;animation:dwFloat 2.6s ease-in-out infinite}
.learn-modal .lg-end h3{margin:6px 0;font-size:20px;font-weight:900;color:#B9FFE0}
.learn-modal .lg-end p{color:#E0E7FF;font-size:14px;line-height:1.5;margin:0 0 14px}
.learn-modal .lg-cta{border:0;cursor:pointer;padding:13px 26px;border-radius:14px;font-weight:900;font-size:15px;color:#2A1600;background:linear-gradient(135deg,#FFE08A,#FBBF24 45%,#F59E0B);box-shadow:0 6px 20px rgba(251,191,36,.45)}
.learn-modal .lg-sign{margin:14px 0 0!important;font-size:10px!important;opacity:.6;letter-spacing:.08em}
/* Dessins */
.learn-modal .lg-art{margin:4px 0 6px;padding:10px;border-radius:14px;background:rgba(10,8,36,.55);border:1px solid rgba(255,255,255,.08)}
.learn-modal .lg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.learn-modal .lg-phone{max-width:260px;margin-inline:auto;display:flex;flex-direction:column;gap:6px}
.learn-modal .lg-f{display:flex;flex-direction:column;gap:2px}
.learn-modal .lg-f span{font-size:9px;font-weight:800;color:#C7D2FE;text-transform:uppercase}
.learn-modal .lg-f i{font-style:normal;font-size:12px;padding:6px 8px;border-radius:8px;background:rgba(120,160,255,.16);border:1px solid rgba(160,190,255,.4);color:#fff}
.learn-modal .lg-check{font-size:11px;color:#E0E7FF}.learn-modal .lg-check b{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:4px;background:#22C55E;color:#fff;font-size:10px;margin-inline-end:4px}
.learn-modal .lg-gold{text-align:center;padding:7px;border-radius:9px;font-weight:900;font-size:12px;color:#2A1600;background:linear-gradient(135deg,#FFE08A,#FBBF24)}
.learn-modal .lg-mail{margin-top:4px;padding:8px;border-radius:10px;background:#fff;color:#111}
.learn-modal .lg-mail-h{font-size:10px;font-weight:800;color:#4338CA;margin-bottom:4px}
.learn-modal .lg-code{font:900 20px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-align:center;color:#111}
.learn-modal .lg-recharge{padding:8px 14px;border-radius:12px;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,#FF8A3D,#FF3D7F)}
.learn-modal .lg-pay{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.6);font-size:11.5px;font-weight:800}
.learn-modal .lg-pay-c{background:rgba(124,77,255,.16);border-color:rgba(196,181,253,.6)}
.learn-modal .lg-mode{min-width:110px;padding:8px 12px;border-radius:12px;display:flex;flex-direction:column}
.learn-modal .lg-mode small{font-size:9.5px;font-weight:900;letter-spacing:.08em;opacity:.85}.learn-modal .lg-mode b{font-size:16px;font-weight:900}
.learn-modal .lg-demo{background:rgba(124,77,255,.25);border:1px solid rgba(196,181,253,.6);color:#FFE7A3}
.learn-modal .lg-real{background:linear-gradient(135deg,#86EFAC,#22C55E);color:#052e16}
.learn-modal .lg-screen{padding:6px}
.learn-modal .lg-planets{display:flex;gap:10px;justify-content:center;margin-bottom:6px}
.learn-modal .lg-planets i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.75),var(--c) 50%,rgba(0,0,0,.4))}
.learn-modal .lg-planets i:first-child{box-shadow:0 0 0 2px #FBBF24}
.learn-modal .lg-chart{display:block;width:100%;height:110px}
.learn-modal .lg-dur,.learn-modal .lg-stake{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;font-weight:900;font-size:16px}
.learn-modal .lg-dur{background:rgba(245,197,81,.12);border:1px solid rgba(245,197,81,.5);color:#FFE7A3}
.learn-modal .lg-dur i,.learn-modal .lg-stake i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900}
.learn-modal .lg-dur i{background:radial-gradient(circle at 32% 28%,#FFF3C4,#F5C451 50%,#B8780C);color:#2A1600}
.learn-modal .lg-durlist{font-size:12px;color:#C7D2FE}.learn-modal .lg-durlist b{color:#FFE7A3}
.learn-modal .lg-stake{background:rgba(46,229,157,.1);border:1px solid rgba(46,229,157,.6);color:#2EE59D}
.learn-modal .lg-stake i{background:radial-gradient(circle at 32% 28%,#D1FAE5,#2EE59D 50%,#0E7A52);color:#04261A}
.learn-modal .lg-gain{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:12px;border:1px solid rgba(251,191,36,.6);background:rgba(251,191,36,.08)}
.learn-modal .lg-gain b{color:#2EE59D;font-size:17px}.learn-modal .lg-gain small{font-size:9px;color:#FFE7A3}
.learn-modal .lg-pl{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.6);opacity:.75;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(var(--c),1) 40%,rgba(var(--c),.45) 85%)}
.learn-modal .lg-pl.on{opacity:1;box-shadow:0 0 0 2px #fff,0 0 16px rgba(var(--c),.9)}
.learn-modal .lg-bs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.learn-modal .lg-b{height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:15px}
.learn-modal .lg-b i{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center}
.learn-modal .lg-b i svg{width:16px;height:16px;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.learn-modal .lg-b.buy{background:linear-gradient(90deg,rgba(34,197,94,.65),rgba(8,40,30,.6));border:1.5px solid #22C55E}.learn-modal .lg-b.buy svg{stroke:#15803D}
.learn-modal .lg-b.sell{background:linear-gradient(90deg,rgba(40,8,20,.6),rgba(244,63,94,.65));border:1.5px solid #F43F5E}.learn-modal .lg-b.sell svg{stroke:#BE123C}
.learn-modal .lg-res{padding:8px 14px;border-radius:12px;font-weight:900;font-size:15px}
.learn-modal .lg-res.win{background:rgba(22,163,74,.28);border:1px solid rgba(74,222,128,.8)}
.learn-modal .lg-res.tie{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35)}
.learn-modal .lg-tools span{min-width:34px;padding:6px 8px;border-radius:9px;text-align:center;font-weight:900;font-size:12px;background:rgba(255,255,255,.1);border:1px solid rgba(199,210,254,.3)}
.learn-modal .lg-tools span:first-child{background:linear-gradient(120deg,#FBBF24,#FFE7A3);color:#2A1600}
.learn-modal .lg-gifts div{display:flex;flex-direction:column;align-items:center;gap:3px;width:70px}
.learn-modal .lg-gifts i{font-style:normal;font-size:24px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(196,181,253,.35)}
.learn-modal .lg-gifts small{font-size:10px;text-align:center;color:#E0E7FF}
.learn-modal .lg-wd{display:flex;flex-direction:column;gap:8px;align-items:center}
.learn-modal .lg-wd-bal{display:flex;flex-direction:column;align-items:center;padding:6px 16px;border-radius:12px;background:rgba(46,229,157,.18);border:1px solid rgba(46,229,157,.7)}
.learn-modal .lg-wd-bal small{font-size:9px;font-weight:800;color:#B9FFE0}.learn-modal .lg-wd-bal b{font-size:18px}
.learn-modal .lg-wd-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.learn-modal .lg-wd-logos i{width:30px;height:30px;border-radius:8px;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.learn-modal .lg-wd-logos i.usdt{background:#26A17B;display:grid;place-items:center;font-style:normal;font-weight:900}
.learn-modal .lg-wd-ok{padding:8px 14px;border-radius:12px;font-weight:900;font-size:13px;background:linear-gradient(135deg,#6EF7C2,#22C55E 45%,#0E9F6E)}
@media (prefers-reduced-motion:reduce){.learn-modal *,.auth-learn,.auth-learn *{animation:none!important}}
@media (max-height:720px) and (orientation:portrait){
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .brand-lockup{margin-bottom:-10px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .brand-sub{margin-top:0!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-learn .al-txt b{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-learn{margin-top:4px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-crypto-in-form{margin-top:2px!important}
  html body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .btn-gold{min-height:38px!important;height:38px!important}
}

/* ===== v2454 — Case du GAIN plus grande et plus mise en valeur que la mise (téléphone debout) ===== */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.95fr 1.05fr 1.2fr!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview{
    background:radial-gradient(120% 120% at 50% 0%,rgba(251,191,36,.28),rgba(251,191,36,.06) 60%,rgba(10,9,32,.4))!important;
    border:1.5px solid rgba(251,191,36,.85)!important;box-shadow:0 0 16px rgba(251,191,36,.35),0 0 0 1px rgba(255,255,255,.06) inset!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .amount{font-size:clamp(17px,5.2vw,21px)!important;font-weight:900!important;
    color:#5BF5B8!important;text-shadow:0 0 10px rgba(46,229,157,.55)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #inputStake{font-size:clamp(15px,4.4vw,17px)!important}
}

/* ===== v2454 — Le nouveau terminal aussi sur PC / TV (mêmes règles que le téléphone, sauf la bande des marchés) ===== */
.dur-nav,.stake-pm{display:none}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{
    display:grid!important;grid-template-columns:1fr 1.18fr 1fr!important;grid-template-rows:auto!important;gap:6px!important;align-items:stretch!important;height:auto!important;margin:0!important}
  /* Durée : ◀ 30s ▶ */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row{
    grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 3px!important;box-sizing:border-box!important;border-radius:12px!important;
    background:linear-gradient(180deg,rgba(245,197,81,.14),rgba(245,197,81,.04))!important;border:1px solid rgba(245,197,81,.45)!important;width:auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip:not(.on){display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on{
    flex:1 1 auto!important;min-width:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 2px!important;
    font-size:clamp(13px,4.2vw,16px)!important;font-weight:900!important;white-space:nowrap!important;border-radius:9px!important;pointer-events:none}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on svg{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav{
    display:grid!important;place-items:center;flex:0 0 26px;width:26px;height:26px;padding:0;border-radius:50%;border:0;cursor:pointer;
    background:radial-gradient(circle at 32% 28%,#FFF3C4,#F5C451 50%,#B8780C);box-shadow:0 0 8px rgba(245,197,81,.55);transition:transform .1s}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav svg{width:16px;height:16px;fill:none;stroke:#2A1600;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav:active,
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav.hit{transform:scale(.88)}
  /* Mise : − $ 1 + */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-field{
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;height:44px!important;min-height:44px!important;max-height:44px!important;
    padding:0 3px!important;box-sizing:border-box!important;border-radius:12px!important;width:auto!important;min-width:0!important;
    background:linear-gradient(180deg,rgba(46,229,157,.10),rgba(8,20,30,.6))!important;border:1px solid rgba(46,229,157,.65)!important;box-shadow:0 0 12px rgba(46,229,157,.22)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-field .stake-min{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #inputStake{
    flex:1 1 auto!important;min-width:0!important;width:auto!important;height:36px!important;min-height:36px!important;max-height:36px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;padding:0!important;margin:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .qbtn.stake-pm{
    display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;
    padding:0!important;border-radius:50%!important;font-size:18px!important;font-weight:900!important;line-height:1!important;color:#04261A!important;
    background:radial-gradient(circle at 32% 28%,#D1FAE5,#2EE59D 50%,#0E7A52)!important;border:0!important;box-shadow:0 0 8px rgba(46,229,157,.55)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .qbtn.stake-pm:active{transform:scale(.88)}
  /* Gain : montant, et le petit « Payout 90% » dessous sans cadre */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview{
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:2px 4px!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:auto!important;min-width:0!important;border-radius:12px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .label{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .amount{font-size:clamp(15px,4.6vw,19px)!important;line-height:1.05!important;white-space:nowrap!important;margin:0!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .mult{
    background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:9px!important;line-height:1!important;color:#FFE7A3!important;opacity:.85;white-space:nowrap!important}
  /* Payouts : 4 planètes */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .payout-badge{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow{
    display:flex!important;justify-content:space-around!important;align-items:center!important;gap:6px!important;height:auto!important;margin:2px 0 0!important;padding:0 4px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip{
    flex:0 0 auto!important;width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important;padding:0 3px!important;border-radius:50%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;opacity:.72;
    background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),rgba(var(--c),1) 40%,rgba(var(--c),.45) 85%,rgba(0,0,0,.35))!important;background-size:100% 100%!important;
    border:1px solid rgba(255,255,255,.35)!important;box-shadow:-3px -3px 8px rgba(0,0,0,.3) inset,0 0 10px rgba(var(--c),.35)!important;animation:none!important;transition:transform .12s,opacity .2s,box-shadow .2s!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on{opacity:1;transform:scale(1.06);
    box-shadow:-3px -3px 8px rgba(0,0,0,.25) inset,0 0 0 2px rgba(255,255,255,.85),0 0 18px rgba(var(--c),.95)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-mult{
    font-size:13px!important;font-weight:900!important;line-height:1!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important;white-space:nowrap!important;letter-spacing:-.02em}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-pct{
    display:block!important;max-width:44px!important;font-size:6.5px!important;line-height:1!important;letter-spacing:.02em!important;color:#fff!important;opacity:.95;white-space:nowrap!important;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:active{transform:scale(.94)}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on::before{display:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row .dur-chip.on{flex-direction:row!important;align-items:center!important;justify-content:center!important;padding-top:0!important}
}
@media (min-width:860px){
  /* Planètes des marchés un peu plus grandes (elles restent plus grosses que les planètes des payouts). */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
}
@media (min-width:860px){

}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.95fr 1.05fr 1.2fr!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview{
    background:radial-gradient(120% 120% at 50% 0%,rgba(251,191,36,.28),rgba(251,191,36,.06) 60%,rgba(10,9,32,.4))!important;
    border:1.5px solid rgba(251,191,36,.85)!important;box-shadow:0 0 16px rgba(251,191,36,.35),0 0 0 1px rgba(255,255,255,.06) inset!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .amount{font-size:clamp(17px,5.2vw,21px)!important;font-weight:900!important;
    color:#5BF5B8!important;text-shadow:0 0 10px rgba(46,229,157,.55)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #inputStake{font-size:clamp(15px,4.4vw,17px)!important}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on){opacity:1!important;
    background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.14),rgba(var(--c),.16) 45%,rgba(var(--c),.05) 80%,rgba(10,9,32,.4))!important;
    border:1.5px solid rgba(var(--c),.6)!important;box-shadow:0 0 8px rgba(var(--c),.2),0 0 0 1px rgba(255,255,255,.04) inset!important;transform:none}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on) .odds-mult{color:rgb(var(--c))!important;text-shadow:0 0 8px rgba(var(--c),.5)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on) .odds-pct{color:rgba(255,255,255,.75)!important;text-shadow:none!important}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on){opacity:1!important;
    background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.14),rgba(var(--c),.16) 45%,rgba(var(--c),.05) 80%,rgba(10,9,32,.4))!important;
    border:1.5px solid rgba(var(--c),.6)!important;box-shadow:0 0 8px rgba(var(--c),.2),0 0 0 1px rgba(255,255,255,.04) inset!important;transform:none}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on) .odds-mult{color:rgb(var(--c))!important;text-shadow:0 0 8px rgba(var(--c),.5)!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:not(.on) .odds-pct{color:rgba(255,255,255,.75)!important;text-shadow:none!important}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on{opacity:1!important;transform:scale(1.03)!important;
    background:linear-gradient(120deg,rgba(var(--c),.5),rgba(var(--c),.85) 35%,rgba(255,255,255,.38) 50%,rgba(var(--c),.85) 65%,rgba(var(--c),.5))!important;
    background-size:250% 100%!important;animation:oroWater 3.2s ease-in-out infinite!important;
    border:1.5px solid rgba(255,255,255,.55)!important;box-shadow:0 0 12px rgba(var(--c),.55),0 0 0 1px rgba(255,255,255,.08) inset!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on .odds-mult{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on{opacity:1!important;transform:scale(1.03)!important;
    background:linear-gradient(120deg,rgba(var(--c),.5),rgba(var(--c),.85) 35%,rgba(255,255,255,.38) 50%,rgba(var(--c),.85) 65%,rgba(var(--c),.5))!important;
    background-size:250% 100%!important;animation:oroWater 3.2s ease-in-out infinite!important;
    border:1.5px solid rgba(255,255,255,.55)!important;box-shadow:0 0 12px rgba(var(--c),.55),0 0 0 1px rgba(255,255,255,.08) inset!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip.on .odds-mult{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:nth-child(n+3) .odds-mult{font-size:11px!important;letter-spacing:-.04em!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-pct{max-width:38px!important;font-size:6px!important}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip:nth-child(n+3) .odds-mult{font-size:11px!important;letter-spacing:-.04em!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap #oddsRow .odds-chip .odds-pct{max-width:38px!important;font-size:6px!important}
}
/* v2457 — Très petits téléphones (≤ 380 px) : la mise garde de la place pour ses chiffres. */
@media (max-width:380px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.9fr 1.18fr 1.1fr!important;gap:4px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-field{padding:0 2px!important;gap:1px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .qbtn.stake-pm{flex-basis:22px!important;width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;font-size:15px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-nav{flex-basis:22px;width:22px;height:22px}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .dur-row{padding:0 2px!important}
}
/* v2458 — Le GAIN reste toujours la case la plus large (même sur très petit téléphone). */
@media (max-width:380px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.82fr 1.08fr 1.22fr!important}
}
/* v2458 — Le montant du gain se mesure à sa vraie largeur : il rétrécit jusqu'à tenir en entier (js/fit.js). */
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview .amount{display:inline-block!important;width:auto!important;max-width:none!important}
html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .win-preview{padding-left:7px!important;padding-right:7px!important}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.78fr 1.06fr 1.18fr!important}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.78fr 1.06fr 1.18fr!important}
}
@media (max-width:380px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.74fr 1.08fr 1.18fr!important}
}

/* ===== v2459 — PLEIN ÉCRAN : la mise devient une vraie case comme l'écran normal (− à gauche, + à droite, « ≈ gain » dessous sans trait) ===== */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-field{position:relative!important;display:block!important;
  box-sizing:border-box!important;border-radius:12px!important;border:1px solid rgba(46,229,157,.7)!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(46,229,157,.12),rgba(8,20,30,.62))!important;box-shadow:0 0 12px rgba(46,229,157,.25)!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-field::before{display:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) #inputStake{position:absolute!important;left:22px!important;right:22px!important;top:2px!important;
  width:auto!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important;margin:0!important;
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;text-align:center!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-pm{display:grid!important;place-items:center!important;position:absolute!important;top:5px!important;
  width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important;border-radius:50%!important;border:0!important;
  font-size:15px!important;font-weight:900!important;line-height:1!important;color:#04261A!important;
  background:radial-gradient(circle at 32% 28%,#D1FAE5,#2EE59D 50%,#0E7A52)!important;box-shadow:0 0 7px rgba(46,229,157,.55)!important;z-index:3}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-minus{left:3px!important;right:auto!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-plus{right:3px!important;left:auto!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-pm:active{transform:scale(.88)}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) #fsStakeWin{position:absolute!important;left:3px!important;right:3px!important;bottom:3px!important;top:auto!important;
  border:0!important;padding:0!important;margin:0!important;text-align:center!important;font-size:9.5px!important;line-height:1.1!important;color:#FFE7A3!important;
  white-space:nowrap!important;overflow:hidden!important;background:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-pm{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-field #stakeCur{display:block!important;visibility:visible!important}
/* v2459 — Téléphone couché : rond blanc plus petit, ACHETER / VENDRE entiers. */
@media (orientation:landscape) and (max-height:500px){
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{max-height:28px!important;max-width:28px!important;padding:6px!important;left:5px!important}
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put .bt-arr{left:auto!important;right:5px!important}
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call{padding-left:36px!important;padding-right:4px!important}
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put{padding-right:36px!important;padding-left:4px!important}
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-txt{font-size:clamp(11px,2.4vw,15px)!important;white-space:nowrap}
}

/* ===== v2460 — Plein écran : case de la mise un peu plus large (pris sur ACHETER / VENDRE), − et + bien touchables ===== */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-line{flex:0 0 clamp(108px,31vw,128px)!important;width:clamp(108px,31vw,128px)!important;max-width:none!important;min-width:0!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-field{width:100%!important;max-width:none!important;min-width:0!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-pm{width:23px!important;height:23px!important;min-height:23px!important;max-height:23px!important;top:4px!important;font-size:16px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) #inputStake{left:26px!important;right:26px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .trade-row{flex:1 1 auto!important;min-width:0!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-txt{font-size:clamp(12px,3.6vw,15px)!important;letter-spacing:.01em!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-call{padding-left:35px!important;padding-right:4px!important}
html body #fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-put{padding-right:35px!important;padding-left:4px!important}
html body #tradeWrap .btn-trade .bt-txt{white-space:nowrap}
/* v2460 — Plein écran : la mise reste plus petite qu'ACHETER / VENDRE, espaces resserrés. */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .stake-line{flex:0 0 clamp(96px,26.5vw,112px)!important;width:clamp(96px,26.5vw,112px)!important;margin:0!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .trade-row{margin:0!important;padding:0!important;gap:6px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) > .pad .qbtn.stake-pm{width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2) #inputStake{left:25px!important;right:25px!important}

/* ===== v2461 — Terminal : case des durées un peu plus large (prise sur la mise et le gain), Android : ACHETER / VENDRE moins hauts ===== */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.88fr 1.02fr 1.12fr!important}
  html.is-android:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade{height:48px!important;min-height:48px!important;max-height:48px!important}
  html.is-android:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .btn-trade .bt-arr{max-height:34px!important;max-width:34px!important;padding:7px!important}
  html.is-android:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .trade-row{height:48px!important;min-height:48px!important}
}
@media (max-width:380px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{grid-template-columns:.84fr 1.04fr 1.12fr!important}
}

/* ===== v2461 — iPhone : la carte Inscription / Connexion (avec « Apprendre à trader ») finit au-dessus de la barre de Safari, signature © 2026 visible ===== */
@media (min-height:721px) and (orientation:portrait){
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .logo-mark{width:58px!important;height:58px!important;max-height:58px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-wrap{padding-top:4px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-tab{min-height:40px!important;height:40px!important;max-height:40px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .field{margin-bottom:6px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .field input{height:42px!important;min-height:42px!important;max-height:42px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .btn-gold{min-height:46px!important;height:46px!important;margin-bottom:2px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) form .auth-or{margin:4px 0!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-crypto-in-form{margin-top:4px!important;gap:3px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-learn{margin-top:6px!important;padding:6px 9px!important}
  html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-card{padding-bottom:12px!important}
}
@media (min-height:721px) and (orientation:portrait){html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .legal{margin-top:8px!important;padding-top:0!important}html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-crypto-after-card{display:none!important}}
@media (min-height:721px) and (orientation:portrait){html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .auth-card{margin-bottom:0!important}html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .legal{font-size:10px!important;line-height:1.3!important;margin-bottom:0!important}}
@media (min-height:721px) and (orientation:portrait){html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .legal{white-space:nowrap!important;font-size:9.5px!important;overflow:hidden;text-overflow:ellipsis}html.is-ios body #screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) .logo-mark{width:50px!important;height:50px!important;max-height:50px!important}}

/* ===== v2462 — Guide « Apprendre à trader » : pastilles de sommaire, cadres d'importance, nouveaux dessins ===== */
.learn-modal .lg-chips a{font-size:12px;font-weight:800;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(196,181,253,.4);color:#E0E7FF;text-decoration:none;white-space:nowrap}
.learn-modal .lg-chips a:active{background:rgba(251,191,36,.2)}
.learn-modal .lg-step{scroll-margin-top:16px}
.learn-modal .lg-step.lg-imp3{border:2px solid rgba(251,191,36,.95);background:linear-gradient(180deg,rgba(251,191,36,.16),rgba(124,77,255,.12));box-shadow:0 0 18px rgba(251,191,36,.35),0 0 0 1px rgba(255,255,255,.06) inset}
.learn-modal .lg-step.lg-imp2{border:1.5px solid rgba(56,189,248,.85);box-shadow:0 0 12px rgba(56,189,248,.25)}
.learn-modal .lg-step.lg-imp1{border:1px solid rgba(46,229,157,.6)}
.learn-modal .lg-step li{text-wrap:pretty}
/* Inscription */
.learn-modal .lg-check{display:flex;align-items:flex-start;gap:5px;line-height:1.35}
.learn-modal .lg-check b{flex:0 0 14px;margin:1px 0 0!important}
.learn-modal .lg-check u{color:#FBBF24;text-decoration:underline}
.learn-modal .lg-valid{background:linear-gradient(135deg,#6EF7C2,#22C55E 45%,#0E9F6E);color:#04261A}
/* Démo orange / réel vert, comme sur le site */
.learn-modal .lg-demo{background:linear-gradient(135deg,#FFB300,#FF6D00);border:1px solid rgba(255,171,64,.8);color:#1a0d00}
.learn-modal .lg-mode b{white-space:nowrap}
/* 10 marchés alignés */
.learn-modal .lg-mk{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 4px;margin-bottom:8px}
.learn-modal .lg-mk-i{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.learn-modal .lg-mk-i i{width:36px;height:36px;display:block;border-radius:50%;background:rgba(255,255,255,.05)}
.learn-modal .lg-mk-i i svg{width:100%;height:100%;display:block}
.learn-modal .lg-mk-i.on i{box-shadow:0 0 0 2px #FBBF24,0 0 10px rgba(251,191,36,.6)}
.learn-modal .lg-mk-i small{font-size:8.5px;font-weight:800;color:#C7D2FE;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.learn-modal .lg-kinds{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px}
.learn-modal .lg-chart-s{height:70px;border-radius:8px;background:rgba(255,255,255,.03)}
/* Résultat : gagné / égalité / perdu */
.learn-modal .lg-ress{flex-wrap:nowrap;gap:6px}
.learn-modal .lg-ress .lg-res{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px}
.learn-modal .lg-res i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff}
.learn-modal .lg-res small{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.learn-modal .lg-res b{font-size:13.5px;white-space:nowrap}
.learn-modal .lg-res.win{color:#B9FFD9}.learn-modal .lg-res.win i{background:#22C55E}
.learn-modal .lg-res.tie{color:#E5E7EB}.learn-modal .lg-res.tie i{background:#6B7280}
.learn-modal .lg-res.lose{background:rgba(239,68,68,.2);border:1px solid rgba(248,113,113,.8);color:#FFC2CC}.learn-modal .lg-res.lose i{background:#EF4444}
/* Cadeaux un par un */
.learn-modal .lg-gl{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.learn-modal .lg-g{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(196,181,253,.3)}
.learn-modal .lg-g i{flex:0 0 32px;height:32px;font-style:normal;font-size:18px;border-radius:10px;display:grid;place-items:center;background:rgba(251,191,36,.14)}
.learn-modal .lg-g p{margin:0;font-size:13.5px;line-height:1.45;color:#E0E7FF;text-wrap:pretty}
.learn-modal .lg-g p b{color:#FFE7A3}
/* Retrait : moyens internationaux */
.learn-modal .lg-wd-logos{max-width:300px}
.learn-modal .lg-wd-logos i{display:grid;place-items:center;font-style:normal;font-weight:900;font-size:14px;color:#fff;width:34px;height:34px;border-radius:9px}
.learn-modal .lg-wd-logos .c-btc{background:#F7931A}
.learn-modal .lg-wd-logos .c-usdt{background:#26A17B}
.learn-modal .lg-wd-logos .c-eth{background:#627EEA}
.learn-modal .lg-wd-logos .c-pp{background:#fff}.learn-modal .lg-wd-logos .c-pp b{color:#003087;font-style:italic;font-size:17px;text-shadow:2px 1px 0 #009CDE}
.learn-modal .lg-wd-logos .c-visa{background:#fff;color:#1A1F71;font-size:9.5px;font-style:italic;letter-spacing:.02em}
.learn-modal .lg-wd-logos .c-mc{background:#1A1A1A;position:relative}
.learn-modal .lg-wd-logos .c-mc span{position:absolute;top:10px;width:14px;height:14px;border-radius:50%;background:#EB001B}
.learn-modal .lg-wd-logos .c-mc span:first-child{left:6px}
.learn-modal .lg-wd-logos .c-mc span+span{left:14px;background:#F79E1B;opacity:.9}
.learn-modal .lg-wd-logos .c-bank{background:#334155;font-size:17px}
.learn-modal .lg-wd-logos .c-rev{background:#0A0A0A;font-family:Georgia,serif}
.learn-modal .lg-wd-logos .c-sk{background:#862165;font-family:Georgia,serif}
.learn-modal .lg-wd-more{font-size:11.5px;font-weight:800;color:#FFE7A3;letter-spacing:.02em}
.learn-modal .lg-wd-time{font-size:11.5px;font-weight:800;color:#B9FFE0}
.learn-modal .lg-wd-ok{animation:lgPulse 2.2s ease-in-out infinite}
@keyframes lgPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.learn-modal .lg-wd-ok{animation:none}}
.learn-modal .lg-gifts{flex-wrap:nowrap}
.learn-modal .lg-gifts div{width:auto;flex:1 1 0;min-width:0}
.learn-modal .lg-wd-logos{max-width:206px}
/* v2462 — Conditions : texte NON justifié (pas de lignes droites en fin de ligne), lignes équilibrées ; grand titre des Cadeaux. */
html body #termsModal#termsModal .modal-box p,html body #termsModal#termsModal .modal-box li,html body #termsModal#termsModal .modal-box h3{text-align:start!important;text-wrap:pretty;hyphens:none;word-spacing:normal}
html body #termsModal#termsModal .tc-gifts-h{margin:22px 0 8px;padding:10px 12px;border-radius:12px;text-align:center;font-size:19px;font-weight:900;color:#2A1600!important;
  background:linear-gradient(90deg,#FFE08A,#FBBF24 60%,#F59E0B);box-shadow:0 0 16px rgba(251,191,36,.4)}
html body #termsModal#termsModal .tc-gifts-h ~ h3{margin:18px 0 6px!important;padding:7px 10px!important;border-radius:10px;font-size:14.5px!important;text-transform:none!important;letter-spacing:.01em!important;
  background:rgba(251,191,36,.12);border-inline-start:4px solid #FBBF24;color:#FFE7A3!important}
.learn-modal .lg-res b,.learn-modal .lg-wd-time,.learn-modal .lg-wd-bal b,.learn-modal .lg-mode b,.learn-modal .lg-stake b,.learn-modal .lg-gain b{direction:ltr;unicode-bidi:isolate}

/* ===== v2463 — Téléphone : la ligne Durée / Mise / Gain prend les petits vides de gauche et de droite (alignée sur ACHETER / VENDRE),
   la case des durées gagne le plus, mise et gain un peu, et un peu plus d'espace entre les cases. ===== */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{
    margin-left:-9px!important;margin-right:-9px!important;width:calc(100% + 18px)!important;max-width:none!important;
    column-gap:6px!important;grid-template-columns:1.04fr 1.18fr 1.3fr!important}
}
@media (max-width:380px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap > .pad .stake-line{
    margin-left:-8px!important;margin-right:-8px!important;width:calc(100% + 16px)!important;column-gap:5px!important;grid-template-columns:1.02fr 1.16fr 1.3fr!important}
}
/* v2463 — noms des marchés un tout petit peu plus bas : la lueur de la planète ne les touche plus (même hauteur de barre). */
html body #screenTrade #assetBar .asset-chip .mk-name,html body #fsTradeOverlay .asset-bar .asset-chip .mk-name{position:relative!important;top:3px!important}
/* v2463 — Résultat du trade : carte un peu plus petite, couleurs PLEINES comme les grandes plateformes (vert gagné, rouge perdu), coupe dorée. */
html body .chart-stage .chart-outcome.show.chart-outcome{padding:5px 10px!important;border-radius:10px!important;font-size:13px!important;gap:5px!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html body .chart-stage .chart-outcome.show.win.chart-outcome{background:linear-gradient(135deg,#22C55E,#15803D)!important;border:1px solid #86EFAC!important;color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 4px 16px rgba(34,197,94,.55),0 0 0 1px rgba(255,255,255,.15) inset!important}
html body .chart-stage .chart-outcome.show.lose.chart-outcome{background:linear-gradient(135deg,#F43F5E,#B91C3C)!important;border:1px solid #FDA4AF!important;color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 4px 14px rgba(244,63,94,.5),0 0 0 1px rgba(255,255,255,.15) inset!important}
html body .chart-stage .chart-outcome.show.win.chart-outcome .outcome-cup{width:17px!important;height:17px!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
/* v2463 — Profil : plus de petite étoile blanche qui clignote sous le titre « PROFIL » (on la prenait pour une notification). */
html body #drawerProfile .prof-head .avatar::after{content:none!important;display:none!important}
/* v2463 — Guide : vrais logos des cadeaux et vraies cases de l'écran de retrait. */
.learn-modal .lg-gifts .lg-gico{width:44px;height:44px;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
.learn-modal .lg-g .lg-gico{flex:0 0 32px;width:32px;height:32px}
.learn-modal .lg-wd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:330px}
.learn-modal .lg-wd-cards .wd-card{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;color:#fff;cursor:default}
.learn-modal .lg-wd-cards .wd-card > span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.learn-modal .lg-wd-cards .wd-card-ico{width:20px;height:20px;flex:0 0 20px}
.learn-modal .lg-wd-cards .wd-card-brands{display:flex;align-items:center;gap:2px;flex-shrink:0}
/* v2463 — Aide / Conditions : un vrai cadeau dessiné dans le grand titre, et le logo de chaque cadeau devant A, B, C, D. */
html body #termsModal#termsModal .tc-gifts-h{display:flex;align-items:center;justify-content:center;gap:10px}
html body #termsModal#termsModal .tc-gifts-h::before{content:"";flex:0 0 38px;width:38px;height:38px;background:url("../icons/ui/gift-box.svg?v=2463") center/contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
html body #termsModal#termsModal .tc-gifts-h ~ h3{display:flex!important;align-items:center;gap:9px}
html body #termsModal#termsModal .tc-gifts-h ~ h3::before{content:"";flex:0 0 28px;width:28px;height:28px;background:center/contain no-repeat}
html body #termsModal#termsModal h3[data-i18n="tc19t"]::before{background-image:url("../icons/ui/gift-defi.svg?v=2463")}
html body #termsModal#termsModal h3[data-i18n="tc20t"]::before{background-image:url("../icons/ui/gift-aff.svg?v=2463")}
html body #termsModal#termsModal h3[data-i18n="tc21t"]::before{background-image:url("../icons/ui/gift-top.svg?v=2463")}
html body #termsModal#termsModal h3[data-i18n="tc22t"]::before{background-image:url("../icons/ui/gift-bon.svg?v=2463")}
.learn-modal .lg-wd-cards .wd-card{padding:6px 6px;gap:5px;font-size:10px;line-height:1.12;min-height:38px}
.learn-modal .lg-wd-cards .wd-card > span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.learn-modal .lg-wd-cards .wd-card-ico{width:18px;height:18px;flex:0 0 18px}

/* ===== v2465 — iPhone : bouton « Installer » un peu moins haut (32 → 27 px), même largeur et même style. ===== */
html.is-ios body #installBanner.install-banner{min-height:27px!important;padding:2px 3px!important}
html.is-ios body #installBanner #btnInstall{height:23px!important;min-height:23px!important;font-size:13px!important}
html.is-ios body #installBanner .install-ico{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;flex-basis:23px!important}
html.is-ios body #installBanner .install-logo{width:22px!important;height:22px!important}
html.is-ios body #installBanner .install-dl{width:13px!important;height:13px!important;right:-3px!important;bottom:-3px!important}
html.is-ios body #installBanner .install-dl svg{width:9px!important;height:9px!important}
html.is-ios body #installBanner .install-x{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
/* v2465 — « Copier » allumé en vert pendant 1,5 s après le clic. */
html body .btn-copy-id.is-copied,html body .wallet-copy.is-copied{background:linear-gradient(135deg,#6EF7C2,#22C55E 50%,#0E9F6E)!important;border-color:#86EFAC!important;color:#04261A!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.35),0 0 14px rgba(34,197,94,.65)!important;transition:background .15s,box-shadow .15s;animation:copyPop .35s ease-out}
@keyframes copyPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
/* v2465 — Défi : « Nouveau défi disponible ! » bien visible (vert lumineux). */
html body #portalModal .defi-state.ready{color:#B9FFD9!important;font-weight:900!important;text-shadow:0 0 10px rgba(46,229,157,.6)}
html body #btnCopyPublicId#btnCopyPublicId.is-copied,html body #btnCopyEmail#btnCopyEmail.is-copied,html body #btnCopyWallet#btnCopyWallet.is-copied{
  background:linear-gradient(135deg,#6EF7C2,#22C55E 50%,#0E9F6E)!important;border-color:#86EFAC!important;color:#04261A!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.35),0 0 14px rgba(34,197,94,.65)!important;animation:copyPop .35s ease-out}
html body #drawerProfile#drawerProfile#drawerProfile .btn-copy-id.is-copied,html body #drawerProfile#drawerProfile#drawerProfile .wallet-copy.is-copied{
  background:linear-gradient(135deg,#6EF7C2,#22C55E 50%,#0E9F6E)!important;border-color:#86EFAC!important;color:#04261A!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.35),0 0 14px rgba(34,197,94,.65)!important;animation:copyPop .35s ease-out}

/* ===== v2466 — Résultat du trade : petite pastille élastique et sobre (verre sombre), sans trophée. Gagné : coche verte + montant vert.
   Perdu : « +$ 0 » discret (pas de gros carré rouge). ===== */
html body .chart-stage .chart-outcome.show.chart-outcome{padding:3px 9px 3px 4px!important;border-radius:999px!important;font-size:12px!important;gap:5px!important;font-weight:900!important;
  white-space:nowrap!important;max-width:none!important;line-height:1!important;min-height:0!important;text-shadow:none!important;letter-spacing:.01em;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html body .chart-stage .chart-outcome.show.win.chart-outcome{background:linear-gradient(135deg,rgba(6,40,26,.88),rgba(10,14,32,.88))!important;border:1px solid rgba(74,222,128,.85)!important;
  color:#4ADE80!important;box-shadow:0 0 12px rgba(34,197,94,.35),0 0 0 1px rgba(255,255,255,.05) inset!important}
html body .chart-stage .chart-outcome.show.lose.chart-outcome{padding:3px 9px!important;background:rgba(14,12,32,.78)!important;border:1px solid rgba(248,113,113,.45)!important;
  color:rgba(254,202,202,.85)!important;box-shadow:none!important;font-size:11px!important}
html body .chart-stage .chart-outcome .oc-ic{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;flex:0 0 16px;
  background:radial-gradient(circle at 32% 28%,#BBF7D0,#22C55E 55%,#15803D);box-shadow:0 0 8px rgba(34,197,94,.7)}
html body .chart-stage .chart-outcome .oc-ic svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ===== v2467 — Résultat du trade, modèle D (choix du propriétaire) : pastille VERTE pleine (gagné) avec un rond vert et blanc
   + portefeuille posé au bord ; perdu : petite pastille ROUGE pleine. Élastique : s'allonge avec le montant, ne déborde pas. ===== */
html body .chart-stage .chart-outcome.show.chart-outcome{height:22px!important;min-height:22px!important;padding:0 10px!important;border-radius:999px!important;
  font-size:12.5px!important;font-weight:900!important;gap:0!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;
  color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .chart-stage .chart-outcome.show.win.chart-outcome{padding:0 11px 0 19px!important;margin-left:13px!important;
  background:linear-gradient(180deg,#2FD06B,#15993F)!important;border:1px solid rgba(187,247,208,.85)!important;
  box-shadow:0 3px 10px rgba(22,163,74,.55),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body .chart-stage .chart-outcome.show.lose.chart-outcome{font-size:11.5px!important;background:linear-gradient(180deg,#F2566A,#C81E3A)!important;border:1px solid rgba(254,205,211,.7)!important;
  box-shadow:0 3px 10px rgba(200,30,58,.45),inset 0 1px 0 rgba(255,255,255,.25)!important;color:#fff!important}
html body .chart-stage .chart-outcome.win .oc-ic{position:absolute!important;left:-13px;top:50%;margin-top:-13px;width:26px!important;height:26px!important;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 34% 28%,#FFFFFF 0,#E9FFF1 26%,#86EFAC 58%,#22C55E 82%,#15803D 100%)!important;
  box-shadow:0 0 0 2px #fff,0 0 10px rgba(34,197,94,.75),0 2px 5px rgba(0,0,0,.35)!important}
html body .chart-stage .chart-outcome.win .oc-ic svg{width:15px!important;height:15px!important;stroke:none;fill:none}
html body .chart-stage .chart-outcome.show.win.chart-outcome,html body .chart-stage .chart-outcome.show.lose.chart-outcome{color:#fff!important}

/* ===== v2468 — Payouts en ÉCHELLE (choix du propriétaire, style 4) : 90 % le plus petit → 5000 % le plus grand, petite différence
   de taille ; un petit anneau fin à la base de chaque planète (sous les chiffres) ; la rangée prend ~10 px à la courbe, avec un
   fondu doux en bas de la courbe (pas de bord visible). Téléphone debout seulement ; plein écran et téléphone couché inchangés. ===== */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow{
    display:flex!important;justify-content:space-around!important;align-items:flex-end!important;height:58px!important;min-height:58px!important;padding:0 2px 4px!important;overflow:visible!important;position:relative!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip{position:relative!important;overflow:visible!important;flex:0 0 auto!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(1){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(2){width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(3){width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(4){width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important}
  /* Petit anneau fin à la base (même largeur que la planète : il ne gêne ni les chiffres ni les voisines). */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip::after{content:""!important;display:block!important;position:absolute!important;
    left:6%!important;right:6%!important;top:auto!important;bottom:-4px!important;height:9px!important;width:auto!important;border-radius:50%!important;background:none!important;
    border:1.5px solid rgba(var(--c),.55)!important;border-top-color:transparent!important;pointer-events:none!important;z-index:2!important;transform:none!important;opacity:1!important;animation:none!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip.on::after{border-color:rgba(255,255,255,.95)!important;border-top-color:transparent!important;box-shadow:0 3px 8px -2px rgba(var(--c),.9)!important}
  /* Fondu doux en bas de la courbe : pas de trait, la courbe se termine en douceur. */
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade .chart-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;pointer-events:none;z-index:3;
    background:linear-gradient(180deg,rgba(12,9,34,0),rgba(12,9,34,.55))}
}
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(1) .odds-mult{font-size:11.5px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(2) .odds-mult{font-size:12px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(3) .odds-mult{font-size:12.5px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(4) .odds-mult{font-size:13.5px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(n+3) .odds-pct{font-size:6.5px!important;max-width:44px!important}
}

/* ===== v2469 — Guide : vrais logos dessinés (plus d'images-écriture du téléphone). ===== */
.learn-modal .lg-i{width:15px;height:15px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.learn-modal .lg-chips a{display:inline-flex;align-items:center;gap:5px}
.learn-modal .lg-chips a .lg-i{color:#FBBF24}
.learn-modal .lg-ex{display:flex;gap:8px;align-items:flex-start}
.learn-modal .lg-ex .lg-i.ex{width:18px;height:18px;color:#FBBF24;margin-top:1px}
.learn-modal .lg-mail-h .lg-i{width:13px;height:13px;vertical-align:-2px}
.learn-modal .lg-gold .lg-i,.learn-modal .lg-wd-ok .lg-i{width:14px;height:14px;stroke-width:2.6}
.learn-modal .lg-wd-time{display:inline-flex;align-items:center;gap:4px}.learn-modal .lg-wd-time .lg-i{width:13px;height:13px}
.learn-modal .lg-res i .lg-i{width:14px;height:14px;stroke:#fff;stroke-width:2.8;vertical-align:0}
.learn-modal .lg-tools span{display:inline-grid;place-items:center}.learn-modal .lg-tools .lg-i{width:15px;height:15px}
.learn-modal .lg-trophy .lg-cup{width:56px;height:56px;filter:drop-shadow(0 0 12px rgba(245,197,81,.55))}
.learn-modal .lg-pay .wd-card-brands{display:inline-flex;align-items:center;gap:3px}
.learn-modal .lg-coins{display:inline-flex}.learn-modal .lg-coins svg{width:18px;height:18px;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 1.5px #1a1440}.learn-modal .lg-coins svg:first-child{margin-left:0}
.learn-modal .lg-check b .lg-i{width:11px;height:11px;stroke:#fff;stroke-width:3;vertical-align:0}
/* v2469 — Payouts en échelle ÉCARTÉS sur toute la largeur (pas regroupés au milieu), alignés sur la ligne Durée / Mise / Gain. */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow{
    justify-content:space-between!important;margin-left:-9px!important;margin-right:-9px!important;width:calc(100% + 18px)!important;max-width:none!important;padding:0 8px 4px!important}
}

/* ===== v2470 — Menu des langues : chaque drapeau CENTRÉ dans son rond (avant collé à gauche : France sans le rouge, etc.). ===== */
html body .lang-btn .lang-flag{position:relative!important;overflow:hidden!important}
html body .lang-btn .lang-flag .flag-svg{position:absolute!important;left:50%!important;top:50%!important;height:100%!important;width:auto!important;aspect-ratio:3/2;max-width:none!important;
  transform:translate(-50%,-50%)!important;margin:0!important}
/* ===== v2470 — Reçu : le bouton retour est la MÊME mini-planète « ← » que les autres retours du site (retrait, connexion). ===== */
html body #rcptModal#rcptModal .rc-back{position:relative!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;gap:0!important;border-radius:50%!important;
  font-size:0!important;color:transparent!important;overflow:visible!important;align-self:flex-start;
  border:1px solid rgba(255,214,120,.55)!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 5l-7 7 7 7'/%3E%3C/svg%3E") center/58% 58% no-repeat,
    radial-gradient(circle at 34% 28%,#C7D2FE 0%,#7C6CF2 38%,#3B1E9A 72%,#1A0F4A 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,-3px -3px 6px rgba(0,0,0,.35) inset,0 0 12px rgba(124,108,242,.55),0 3px 10px rgba(0,0,0,.45)!important}
html body #rcptModal#rcptModal .rc-back > i,html body #rcptModal#rcptModal .rc-back > span{display:none!important}
html body #rcptModal#rcptModal .rc-back::before{content:"";position:absolute;left:-28%;right:-28%;top:64%;height:22%;border-radius:50%;
  border:1.5px solid rgba(255,214,120,.85);border-top-color:transparent;transform:rotate(-18deg);pointer-events:none}
/* v2470 — Guide : payouts en échelle avec anneau à la base, comme sur l'écran. */
.learn-modal .lg-pls{align-items:flex-end!important;padding-bottom:12px}
.learn-modal .lg-pl{width:var(--s,50px)!important;height:var(--s,50px)!important;position:relative}
.learn-modal .lg-pl::after{content:"";position:absolute;left:6%;right:6%;bottom:-4px;height:9px;border-radius:50%;border:1.5px solid rgba(var(--c),.6);border-top-color:transparent}
.learn-modal .lg-pl.on::after{border-color:#fff;border-top-color:transparent}
.learn-modal .lg-pls{gap:14px!important}

/* ===== v2471 — Téléphone : PLUS DE TRAIT entre la courbe et la ligne Durée / Mise / Gain. Le fond du terminal
   commence en fondu (transparent en haut) et le bas de la courbe s'y fond doucement. ===== */
@media (max-width:859px){
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) > .pad{
    background:url("../icons/ui/pad-planets.svg?v=2500") center/cover no-repeat,
      linear-gradient(180deg,rgba(14,12,40,0) 0,rgba(14,12,40,.42) 22px,rgba(14,12,40,.58) 44px,rgba(10,9,32,.78) 100%)!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.0) 0,#000 10px);mask-image:linear-gradient(180deg,rgba(0,0,0,.0) 0,#000 10px);
    -webkit-mask-image:none;mask-image:none}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade .chart-stage::after{height:26px!important;background:linear-gradient(180deg,rgba(14,12,40,0),rgba(14,12,40,.22))!important}
}
/* v2471 (suite) — raccord exact : le haut du terminal commence avec la couleur du bas de la courbe (#0A0A20), puis se fond. */
@media (max-width:859px){
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) > .pad{
    background:url("../icons/ui/pad-planets.svg?v=2500") center/cover no-repeat,
      linear-gradient(180deg,rgb(10,10,32) 0,rgba(10,10,32,.85) 10px,rgba(10,10,32,0) 40px),
      linear-gradient(180deg,rgba(14,12,40,.55),rgba(10,9,32,.78))!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade .chart-stage::after{display:none!important}
}
/* v2471 — payouts un tout petit peu plus grands (+2 px), même place, rien ne touche. */
@media (max-width:859px) and (orientation:portrait){
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow{padding-bottom:2px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(1){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(2){width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(3){width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(4){width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(1) .odds-mult{font-size:12px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(2) .odds-mult{font-size:12.5px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(3) .odds-mult{font-size:13px!important}
  html:not(.fs-trade):not(.is-fullscreen) body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #oddsRow .odds-chip:nth-child(4) .odds-mult{font-size:14px!important}
}

/* ===== v2472 — Les bords de la courbe se FONDENT dans l'univers (plus de trait ni de bande sombre), partout :
   téléphone, grand écran, plein écran. Le haut de la boîte de la courbe commence transparent (la barre MA / BB / EMA
   est « posée » sur la courbe) et la courbe elle-même apparaît en fondu en haut et en bas. Dessin seulement. ===== */
html body #chart#chart.chart-card,html body #fsTradeOverlay .chart-card{
  background:linear-gradient(180deg,rgba(19,18,59,0) 0,rgba(19,18,59,.85) 22px,rgb(19,18,59) 40px,rgb(17,18,50) 50%,rgba(12,12,35,.9) 100%)!important}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) .chart-toolbar,html body #fsTradeOverlay .chart-toolbar{background:none!important;border:0!important;box-shadow:none!important}
html body #chartCanvas,html body #chartOverlay{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 10px),rgba(0,0,0,.35) 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 10px),rgba(0,0,0,.35) 100%)}
html body #chartCanvas,html body #chartOverlay{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 100%)}
html body #chartCanvas,html body #chartOverlay{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 calc(100% - 8px),rgba(0,0,0,.45) 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 calc(100% - 8px),rgba(0,0,0,.45) 100%)}
/* v2472 (suite) — plus fort que l'ancienne règle de galaxy.css (chargée après) : la boîte de la courbe commence transparente. */
html body #tradeWrap#tradeWrap#tradeWrap #chart#chart.chart-card,html body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap .chart-card{
  background:linear-gradient(180deg,rgba(19,18,59,0) 0,rgba(19,18,59,.85) 22px,rgb(19,18,59) 40px,rgb(17,18,50) 50%,rgb(12,12,35) 100%)!important}
/* v2475 — l'ombre des côtés de la courbe (gauche / droite) s'efface en douceur en haut et en bas : plus de « carré »
   au-dessus de la case du gain ni à côté de la barre MA / BB / EMA. */
html body #tradeWrap#tradeWrap#tradeWrap .chart-card::after,html body #fsTradeOverlay .chart-card::after{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 46px),transparent 100%)!important;
  mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 46px),transparent 100%)!important}
/* v2476 — Égalité : pastille argent pleine, rond blanc et argent avec « = » posé au bord (même style que le gain). */
html body .chart-stage .chart-outcome.show.tie.chart-outcome{padding:0 11px 0 19px!important;margin-left:13px!important;height:22px!important;min-height:22px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:visible!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important;
  background:linear-gradient(180deg,#9AA6BD,#5E6A82)!important;border:1px solid rgba(226,232,240,.85)!important;
  box-shadow:0 3px 10px rgba(94,106,130,.5),inset 0 1px 0 rgba(255,255,255,.3)!important;backdrop-filter:none!important}
html body .chart-stage .chart-outcome.tie .oc-ic{position:absolute!important;left:-13px;top:50%;margin-top:-13px;width:26px!important;height:26px!important;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 34% 28%,#fff 0,#F1F5F9 30%,#CBD5E1 62%,#94A3B8 85%,#64748B 100%)!important;box-shadow:0 0 0 2px #fff,0 2px 5px rgba(0,0,0,.35)!important}
html body .chart-stage .chart-outcome.tie .oc-ic svg{width:13px!important;height:13px!important;fill:none;stroke:#334155;stroke-width:2.6;stroke-linecap:round}
/* v2476 — Guide : les mêmes pastilles de résultat que sur la courbe. */
.learn-modal .lg-ocs{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:14px 12px 12px 26px}
.learn-modal .lg-oc-row{display:flex;align-items:center;gap:10px}
.learn-modal .lg-oc-row small{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#C7D2FE}
.learn-modal .lg-oc{position:relative;display:inline-flex;align-items:center;height:22px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:900;color:#fff;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.28)}
.learn-modal .lg-oc.win{padding-left:19px;background:linear-gradient(180deg,#2FD06B,#15993F);border:1px solid rgba(187,247,208,.85);box-shadow:0 3px 10px rgba(22,163,74,.55)}
.learn-modal .lg-oc.tie{padding-left:19px;font-size:12px;background:linear-gradient(180deg,#9AA6BD,#5E6A82);border:1px solid rgba(226,232,240,.85);box-shadow:0 3px 10px rgba(94,106,130,.5)}
.learn-modal .lg-oc.lose{font-size:11.5px;background:linear-gradient(180deg,#F2566A,#C81E3A);border:1px solid rgba(254,205,211,.7);box-shadow:0 3px 10px rgba(200,30,58,.45)}
.learn-modal .lg-oc i{position:absolute;left:-13px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #fff,0 2px 5px rgba(0,0,0,.35)}
.learn-modal .lg-oc.win i{background:radial-gradient(circle at 34% 28%,#fff 0,#E9FFF1 26%,#86EFAC 58%,#22C55E 82%,#15803D 100%)}
.learn-modal .lg-oc.tie i{background:radial-gradient(circle at 34% 28%,#fff 0,#F1F5F9 30%,#CBD5E1 62%,#94A3B8 85%,#64748B 100%)}
.learn-modal .lg-oc i svg{width:15px;height:15px}
/* v2477 — Plein écran : noms des marchés remontés (plus collés au bord de la courbe) et fondu du haut plus long. */
html body #fsTradeOverlay .asset-bar .asset-chip .mk-name{top:-3px!important}
html body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap #chart#chart.chart-card{
  background:linear-gradient(180deg,rgba(19,18,59,0) 0,rgba(19,18,59,.6) 26px,rgb(19,18,59) 48px,rgb(17,18,50) 50%,rgb(12,12,35) 100%)!important}
.learn-modal .lg-oc-cap{margin:-4px 0 2px -14px;font-size:11px;font-weight:800;color:#FFE7A3}

/* ===== v2481 — Plein écran comme l'écran normal : la scène de la courbe n'a plus son propre fond (il recommençait
   d'un coup sous MA / BB / EMA et faisait un trait) ; c'est la boîte de la courbe, en fondu, qui donne la couleur. ===== */
html body #tradeWrap#tradeWrap#tradeWrap #chartStage#chartStage,html body #fsTradeOverlay#fsTradeOverlay #chartStage#chartStage{background:none!important}
/* ===== v2481 — Terminal du téléphone OPAQUE : la nébuleuse bleue du fond ne transparaît plus en bas à droite
   (elle formait une lueur en « carré » au-dessus du gain et des payouts). ===== */
@media (max-width:859px){
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) > .pad{
    background:url("../icons/ui/pad-planets.svg?v=2500") center/cover no-repeat,
      linear-gradient(180deg,rgb(10,10,32) 0,rgb(12,11,36) 40%,rgb(13,12,38) 100%)!important}
}
/* ===== v2481 — Bouton « Installer » : la petite pastille verte « télécharger » entière (plus coupée par le bord). ===== */
html body #installBanner.install-banner{overflow:visible!important}
html body #installBanner .install-ico{overflow:visible!important}
html body #installBanner .install-dl{right:-4px!important;bottom:-1px!important;z-index:3}
html.is-ios body #installBanner .install-dl{width:14px!important;height:14px!important;right:-4px!important;bottom:-2px!important}
html.is-ios body #installBanner .install-dl svg{width:9.5px!important;height:9.5px!important}
/* v2481 — ACHETER / VENDRE allumés au toucher : vert plein / rouge plein, lumineux (420 ms). */
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #btnCall.is-lit,html body #fsTradeOverlay#fsTradeOverlay #btnCall.is-lit{
  background:linear-gradient(180deg,#3BE07C 0%,#16A34A 100%)!important;border-color:#86EFAC!important;
  box-shadow:0 0 0 2px rgba(134,239,172,.35),0 0 22px rgba(34,197,94,.75),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:background .08s,box-shadow .08s}
html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) #btnPut.is-lit,html body #fsTradeOverlay#fsTradeOverlay #btnPut.is-lit{
  background:linear-gradient(180deg,#FF5C72 0%,#D11F3A 100%)!important;border-color:#FDA4AF!important;
  box-shadow:0 0 0 2px rgba(253,164,175,.35),0 0 22px rgba(244,63,94,.75),inset 0 1px 0 rgba(255,255,255,.3)!important;transition:background .08s,box-shadow .08s}

/* ===== v2484 — Bas de la courbe : la petite limite au-dessus des heures se fond (fondu plus long), sans trait. ===== */
html body #chartCanvas,html body #chartOverlay{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 calc(100% - 34px),rgba(0,0,0,.72) calc(100% - 14px),rgba(0,0,0,.6) 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 calc(100% - 34px),rgba(0,0,0,.72) calc(100% - 14px),rgba(0,0,0,.6) 100%)}

/* ===== v2487 — Cases du bas (durée, mise, gain) : leur lueur ne monte plus dans la courbe.
   Avant : halos de 12-16 px autour des cases, visibles au-dessus d'elles quand la luminosité est forte.
   Maintenant : la lueur reste DANS la case (intérieure), avec un tout petit halo vers le bas seulement. ===== */
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .win-preview,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .win-preview,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .win-preview{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 14px rgba(251,191,36,.16),0 5px 8px -5px rgba(0,0,0,.5)!important}
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .stake-field,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .stake-field{
  box-shadow:inset 0 0 12px rgba(46,229,157,.16)!important}
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-chip.on,html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-chip.active,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-chip.on,html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-chip.active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 4px rgba(245,197,81,.45)!important}
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-nav,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .dur-nav,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .stake-pm,
html body #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .stake-pm{
  box-shadow:0 0 4px rgba(255,255,255,.12)!important}

/* ===== v2488 — Bas de la courbe : le fondu est maintenant dessiné dans la courbe (chart.js, fadeChartBottom),
   les heures restent nettes. Le masque ne garde que le fondu du haut. ===== */
html body #chartCanvas,html body #chartOverlay{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 12px,#000 28px,#000 100%)}

/* ===== v2488 — Rangée des marchés (téléphone, écran normal) : 5 planètes ENTIÈRES qui remplissent toute la
   largeur, bien alignées ; plus de planète coupée au bord droit. Le défilement s'arrête toujours sur une
   planète entière (aimant). ===== */
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap#tradeWrap .asset-bar{
    scroll-snap-type:x mandatory!important;scroll-padding-left:2px!important;scroll-padding-right:2px!important;
    padding-left:2px!important;padding-right:2px!important;gap:4px!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap#tradeWrap .asset-bar > .asset-chip{
    flex:0 0 calc((100% - 16px) / 5)!important;width:calc((100% - 16px) / 5)!important;
    min-width:0!important;max-width:none!important;scroll-snap-align:start!important;scroll-snap-stop:normal!important}
}


/* ===== v2489 — Invitation : colonne « Dépôts » (nombre de dépôts de l'ami) dans chaque ligne + case
   « Nombre de dépôts de tes amis » sur toute la largeur sous Dépôt moyen / Plus gros dépôt. ===== */
html body #portalModal#portalModal .aff-row{grid-template-columns:1.25fr 1fr .72fr 1.2fr!important}
html body #portalModal#portalModal .aff-row .ar-n{text-align:center}
html body #portalModal#portalModal .aff-row .ar-n b{color:#FFD27A;font-variant-numeric:tabular-nums}
html body #portalModal#portalModal .aff-sum2 .as-n{grid-column:1/-1}
html body #portalModal#portalModal .aff-sum2 .as-n b{color:#FFD27A;font-variant-numeric:tabular-nums}

/* ===== v2491 — « Voir plus » de l'invitation : 6 cases (3 + 3) comme la page Invitation, puis le petit graphique. ===== */
html body #portalModal#portalModal .aff-sum{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #portalModal#portalModal .aff-graph{margin-top:6px;padding:7px 10px 4px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
html body #portalModal#portalModal .aff-graph .ag-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
html body #portalModal#portalModal .aff-graph .ag-h span{font-size:11px;color:#AEB6D6}
html body #portalModal#portalModal .aff-graph .ag-h b{font-size:12.5px;color:#3DDC97;font-weight:900;direction:ltr;unicode-bidi:isolate}
html body #portalModal#portalModal .aff-graph svg{display:block}
html[dir="rtl"] body #portalModal#portalModal .aff-graph svg{transform:scaleX(-1)}
html[dir="rtl"] body #portalModal#portalModal .aff-graph svg text{transform-box:fill-box;transform-origin:center;transform:scaleX(-1)}
/* ===== v2492 — Plus de « lueur noire » en bas de la courbe : le haut du terminal commence avec le BLEU
   relevé sur le bas de la courbe (--oro-chart-foot, mis par js/chart.js), puis rejoint doucement son bleu nuit. ===== */
@media (max-width:859px){
  html body #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3) > .pad{
    background:url("../icons/ui/pad-planets.svg?v=2500") center/cover no-repeat,
      linear-gradient(180deg,var(--oro-chart-foot,rgb(15,14,41)) 0,rgb(12,11,36) 46px,rgb(13,12,38) 100%)!important}
}

/* ===== v2492 — titre du Bonus dépôt (avec « minimum ») un peu plus petit : il tient sur tous les téléphones, toutes les langues. ===== */
html body #portalModal#portalModal .bon-head .bon-big{font-size:12.5px!important;line-height:1.25!important;padding:7px 9px!important;text-wrap:balance}
@media (max-width:380px){html body #portalModal#portalModal .bon-head .bon-big{font-size:11.5px!important}}

/* ===== v2492 — Case des durées : design 1 « bleu » choisi par le propriétaire. Plus de case champagne ni de gros
   ronds dorés : bord bleu léger, durée en blanc avec une petite lueur bleue, flèches fines sans rond. ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row{
  background:rgba(92,155,255,.08)!important;border:1px solid rgba(92,155,255,.45)!important;box-shadow:inset 0 0 12px rgba(92,155,255,.12)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on{
  background:transparent!important;border:0!important;color:#E2EDFF!important;box-shadow:none!important;text-shadow:0 0 8px rgba(120,170,255,.45)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on *,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on *{
  color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav{
  background:transparent!important;border:0!important;box-shadow:none!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg,
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg path,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg path{
  stroke:#9DB7FF!important;fill:none!important;stroke-width:2.6!important}

/* ===== v2492 — Mise et gain prennent le même bleu que la case des durées (moins de couleurs dans le terminal). ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) :is(.stake-field,.win-preview),
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) :is(.stake-field,.win-preview){
  background:rgba(92,155,255,.08)!important;border:1px solid rgba(92,155,255,.45)!important;box-shadow:inset 0 0 12px rgba(92,155,255,.12)!important}

/* ===== v2492 — PC : la fenêtre Cadeaux s'ouvre en GRAND (comme la page Apprendre), plus en petite page de téléphone. ===== */
@media (min-width:860px){
  html body #portalModal#portalModal#portalModal .modal-box.portal-box{width:min(920px,94vw)!important;max-width:none!important;max-height:94vh!important;min-height:min(780px,94vh)!important}
  html body #portalModal#portalModal#portalModal .portal-box :is(.defi-card,.aff-card,.top-card,.bon-card,.gift-guest){max-width:760px!important;margin-inline:auto!important;width:100%!important}
}

/* ===== v2493 — Application installée (iPhone / Android) : la croix des Cadeaux descend sous la barre de l'heure
   (au moins 44 px, même si l'iPhone ne donne pas sa marge) ; plus grande et facile à toucher. ===== */
@media (display-mode: standalone),(display-mode: fullscreen){
  html body #portalModal#portalModal#portalModal#portalModal .portal-box > #closePortal{
    top:calc(max(env(safe-area-inset-top,0px),44px) + 6px)!important;right:10px!important;
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;z-index:30!important}
  html body #portalModal#portalModal#portalModal#portalModal .portal-box > #closePortal .x-ico{width:15px!important;height:15px!important}
}

/* ===== v2493 — Plein écran : les + / − de la mise comme en écran normal (ronds dorés transparents) ; la mise
   gain « ≈ … $ » en BLANC (la mise garde ses couleurs normales). ===== */
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .stake-pm{
  background:linear-gradient(180deg,rgba(245,197,81,.14),rgba(245,197,81,.04))!important;color:#FFE7A3!important;border:0!important;box-shadow:0 0 4px rgba(255,255,255,.12)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6)  #fsStakeWin{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}

/* ===== v2493 (le propriétaire change d'avis) — tout en BLANC : + / − de la mise (normal et plein écran), petites
   flèches de la case des secondes, et le mot « Payout » de la case du gain (une seule couleur, sans lueur). ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .stake-pm,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .stake-pm,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .stake-pm{
  background:rgba(255,255,255,.08)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg,
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg path,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-nav svg path{
  stroke:#FFFFFF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .win-preview .mult,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .win-preview .mult{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:none!important;filter:none!important;background:none!important}

/* ===== v2493 — Connexion / inscription : « Se connecter » et « Créer mon compte » un peu plus hauts (52 px) que le
   bouton Google (46 px) : on ne les confond plus. ===== */
html body #screenAuth#screenAuth#screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) :is(#formLogin,#formRegister) > .btn-gold[type="submit"]{
  min-height:52px!important;height:52px!important;padding-top:0!important;padding-bottom:0!important}
@media (max-height:720px){html body #screenAuth#screenAuth#screenAuth#screenAuth#screenAuth#screenAuth:not(#z1) :is(#formLogin,#formRegister) > .btn-gold[type="submit"]{min-height:50px!important;height:50px!important}}
/* v2493 — encore plus grands (il reste de la place) : Se connecter 58 px, Créer mon compte 56 px (54 px sur petit écran). Google : 46-48 px. */
html body #screenAuth#screenAuth#screenAuth#screenAuth#screenAuth#screenAuth:not(#z1):not(#z2) #formLogin > .btn-gold[type="submit"]{min-height:58px!important;height:58px!important;font-size:17px!important}
html body #screenAuth#screenAuth#screenAuth#screenAuth#screenAuth#screenAuth:not(#z1):not(#z2) #formRegister > .btn-gold[type="submit"]{min-height:56px!important;height:56px!important;font-size:17px!important}
@media (max-height:720px){html body #screenAuth#screenAuth#screenAuth#screenAuth#screenAuth#screenAuth:not(#z1):not(#z2) #formRegister > .btn-gold[type="submit"]{min-height:54px!important;height:54px!important}}

/* ===== v2493 — mot « Payout » sous 90 % / 500 % / 1000 % / 5000 % : un peu plus petit dans les langues où il est long
   (espagnol, portugais, vietnamien, russe, allemand, turc) pour ne jamais toucher le bord du rond. ===== */
html:is([data-lang="es"],[data-lang="pt"],[data-lang="vi"],[data-lang="ru"],[data-lang="de"],[data-lang="tr"]) body #oddsRow#oddsRow .odds-chip .odds-pct{
  font-size:6.2px!important;letter-spacing:0!important;max-width:78%!important;white-space:nowrap!important}

/* ===== v2494 — + / − de la mise : plus de rond. Un + et un − nets et épais (comme le + du bouton Recharger),
   dessinés en traits, sans cercle autour (écran normal et plein écran). ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:6px!important;
  font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm{position:relative!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm::before,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm::before{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:14px!important;height:3px!important;
  margin:-1.5px 0 0 -7px!important;border-radius:2px!important;background:#FFFFFF!important;display:block!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-plus::after,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-plus::after{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:3px!important;height:14px!important;
  margin:-7px 0 0 -1.5px!important;border-radius:2px!important;background:#FFFFFF!important;display:block!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1) .stake-pm{
  width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;flex:0 0 24px!important;padding:0!important;line-height:24px!important}
/* v2494 — légère lueur sur le + et le − (aucun rond visible). */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2) .stake-pm::before,
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2) .stake-plus::after,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2) .stake-pm::before,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2) .stake-plus::after{box-shadow:0 0 6px rgba(255,255,255,.55),0 0 2px rgba(255,255,255,.8)!important}

/* ===== v2495 — mot « Payout » de la case du gain : le bas des lettres (p, g, %) n'est plus coupé (la ligne faisait
   exactement la hauteur des lettres et le surplus était caché). Toutes langues, normal et plein écran. ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .win-preview .mult,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .win-preview .mult{
  line-height:1.3!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:1px!important}
/* v2495 — mot sous les ronds de payout : assez de hauteur pour toutes les écritures (arabe, hindi…), jamais coupé en bas. */
html body #oddsRow#oddsRow#oddsRow .odds-chip .odds-pct{line-height:1.35!important;overflow:visible!important;padding-bottom:1px!important}
html[data-lang="ar"] body #oddsRow#oddsRow#oddsRow#oddsRow .odds-chip .odds-pct,html.lang-ar body #oddsRow#oddsRow#oddsRow#oddsRow .odds-chip .odds-pct{line-height:1.45!important;overflow:visible!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap#tradeWrap #oddsRow#oddsRow .odds-chip .odds-pct,
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay #oddsRow#oddsRow .odds-chip .odds-pct{line-height:1.35!important;overflow:visible!important}
html.lang-ar body #screenTrade#screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap#tradeWrap #oddsRow#oddsRow .odds-chip .odds-pct,
html.lang-ar body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay #oddsRow#oddsRow .odds-chip .odds-pct{line-height:1.5!important}

/* ===== v2496 — couleur 1 « bleu ciel » choisie par le propriétaire : + / − de la mise, flèches des secondes et mot « Payout » de la case du gain (normal et plein écran). ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::before,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-plus::after,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::before,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-plus::after{background:#9DB7FF!important;box-shadow:0 0 6px rgba(157,183,255,.7)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg path,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg path{stroke:#9DB7FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .win-preview .mult,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .win-preview .mult{color:#9DB7FF!important;-webkit-text-fill-color:#9DB7FF!important}

/* ===== v2497 — DÉMO (bleu) / COMPTE RÉEL (vert), validé par le propriétaire : une seule barre bleu verre avec une fine
   séparation ; le réel plus large et plus gros ; TOUTE la barre change de couleur selon le compte (bleu en démo,
   vert en réel) ; éclat du solde quand il change. ===== */
@media (max-width:859px){
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) .topbar-mode{padding-left:8px!important;padding-right:8px!important}
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:45fr 55fr!important;gap:0!important;column-gap:0!important;padding:3px!important}
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn{height:52px!important;min-height:52px!important;max-height:52px!important}
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal .mb-amt{font-size:21px!important}
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeDemo .mb-amt{font-size:16px!important}
}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher{background:linear-gradient(180deg,rgba(92,155,255,.16),rgba(70,90,200,.10))!important;border:1px solid rgba(92,155,255,.45)!important;border-radius:16px!important;
  box-shadow:inset 0 0 14px rgba(92,155,255,.12),0 6px 18px rgba(0,0,0,.25)!important;transition:border-color .3s,box-shadow .3s,background .3s!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher:where(.hz-mdemo):not(#oroQ):not(.oroQ){border-color:rgba(110,160,255,.75)!important;box-shadow:inset 0 0 14px rgba(92,155,255,.16),0 0 16px rgba(92,155,255,.30)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher:where(.hz-mreal):not(#oroQ):not(.oroQ){border-color:rgba(60,245,166,.70)!important;box-shadow:inset 0 0 14px rgba(34,212,127,.14),0 0 18px rgba(34,212,127,.32)!important;background:linear-gradient(180deg,rgba(34,212,127,.12),rgba(70,90,200,.10))!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:13px!important;position:relative!important;overflow:hidden!important;transition:all .3s!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeDemo::after{content:""!important;position:absolute!important;right:0!important;top:22%!important;bottom:22%!important;width:1px!important;background:rgba(255,255,255,.18)!important;left:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;display:block!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn *{text-shadow:none!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn .mb-amt{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-variant-numeric:tabular-nums!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeDemo .mb-lbl{color:#A9C4FF!important;-webkit-text-fill-color:#A9C4FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal .mb-lbl{color:#5CF7B5!important;-webkit-text-fill-color:#5CF7B5!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn:not(.on){opacity:.82}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn:not(.on) .mb-amt{color:#D6E0FF!important;-webkit-text-fill-color:#D6E0FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeDemo.on{background:linear-gradient(135deg,rgba(61,107,255,.62),rgba(107,155,255,.38) 60%,rgba(150,190,255,.22))!important;box-shadow:inset 0 -3px 0 #7AA7FF,0 0 14px rgba(92,155,255,.35)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal.on{background:linear-gradient(135deg,rgba(14,159,94,.62),rgba(34,212,127,.38) 60%,rgba(60,245,166,.22))!important;box-shadow:inset 0 -3px 0 #22D47F,0 0 18px rgba(34,212,127,.38)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal .mb-wal{background:rgba(34,212,127,.22)!important;border:1px solid rgba(60,245,166,.55)!important;color:#5CF7B5!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal .mb-wal svg{stroke:#5CF7B5!important;color:#5CF7B5!important}
/* Le solde qui vit : éclat vert quand il monte, petit effet doux quand il descend. */
@keyframes oroBalUp{0%{transform:scale(1);filter:none}30%{transform:scale(1.07);filter:drop-shadow(0 0 8px rgba(60,245,166,.9))}100%{transform:scale(1);filter:none}}
@keyframes oroBalDown{0%{opacity:1}35%{opacity:.6}100%{opacity:1}}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn.bal-up .mb-amt,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-btn.bal-up .mb-amt{animation:oroBalUp .9s ease-out!important;color:#5CF7B5!important;-webkit-text-fill-color:#5CF7B5!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher .mode-btn.bal-down .mb-amt,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-btn.bal-down .mb-amt{animation:oroBalDown .8s ease-out!important}
/* Plein écran : mêmes couleurs (démo bleu, réel vert). */
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) #fsBtnDemo.on{background:linear-gradient(135deg,rgba(61,107,255,.62),rgba(107,155,255,.38) 60%,rgba(150,190,255,.22))!important;border-color:rgba(122,167,255,.8)!important;box-shadow:inset 0 -3px 0 #7AA7FF,0 0 12px rgba(92,155,255,.35)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) #fsBtnReal.on{background:linear-gradient(135deg,rgba(14,159,94,.62),rgba(34,212,127,.38) 60%,rgba(60,245,166,.22))!important;border-color:rgba(60,245,166,.75)!important;box-shadow:inset 0 -3px 0 #22D47F,0 0 14px rgba(34,212,127,.38)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) #fsBtnDemo .mb-lbl{color:#A9C4FF!important;-webkit-text-fill-color:#A9C4FF!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) #fsBtnReal .mb-lbl{color:#5CF7B5!important;-webkit-text-fill-color:#5CF7B5!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-btn .mb-amt{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
/* ===== v2497 — Bouton PLEIN ÉCRAN : même style que MA / BB / EMA, écriture rouge léger qui clignote doucement (« direct »). ===== */
@keyframes oroLive{0%,100%{opacity:1}50%{opacity:.5}}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #btnChartFs.chart-fs-btn{background-color:rgba(255,255,255,.08)!important;border:.8px solid rgba(199,210,254,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;color:#FF8A8A!important;-webkit-text-fill-color:#FF8A8A!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A8A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E")!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #btnChartFs.chart-fs-btn .chart-fs-label{color:#FF8A8A!important;-webkit-text-fill-color:#FF8A8A!important;animation:oroLive 1.8s ease-in-out infinite!important;text-shadow:0 0 6px rgba(255,90,90,.35)!important}

/* ===== v2497 — Guide « Apprendre » : mêmes visuels que le nouveau site (barre DÉMO bleu / RÉEL vert, cases durée, mise
   et gain en bleu verre, + / − et flèches simples bleu ciel, « Payout » bleu ciel, MA / BB / EMA et PLEIN ÉCRAN rouge léger). ===== */
html body .learn-modal .lg-modebar{display:grid;grid-template-columns:45fr 55fr;width:100%;max-width:360px;padding:3px;border-radius:16px;
  background:linear-gradient(180deg,rgba(92,155,255,.16),rgba(70,90,200,.10));border:1px solid rgba(110,160,255,.75);box-shadow:inset 0 0 14px rgba(92,155,255,.16),0 0 14px rgba(92,155,255,.25)}
html body .learn-modal .lg-modebar .lg-mode{min-width:0;border:0!important;border-radius:13px;background:transparent!important;color:#fff!important;position:relative}
html body .learn-modal .lg-modebar .lg-demo::after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.18)}
html body .learn-modal .lg-modebar .lg-demo.on{background:linear-gradient(135deg,rgba(61,107,255,.62),rgba(107,155,255,.38) 60%,rgba(150,190,255,.22))!important;box-shadow:inset 0 -3px 0 #7AA7FF,0 0 12px rgba(92,155,255,.35)}
html body .learn-modal .lg-modebar .lg-demo small{color:#A9C4FF}
html body .learn-modal .lg-modebar .lg-real small{color:#5CF7B5}
html body .learn-modal .lg-modebar .lg-real{opacity:.85;padding-right:40px}
html body .learn-modal .lg-modebar .lg-real b{font-size:18px}
html body .learn-modal .lg-wal{position:absolute;right:8px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(34,212,127,.22);border:1px solid rgba(60,245,166,.55)}
html body .learn-modal .lg-wal svg{width:15px;height:15px;fill:none;stroke:#5CF7B5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .learn-modal :is(.lg-dur,.lg-stake,.lg-gain){background:rgba(92,155,255,.08)!important;border:1px solid rgba(92,155,255,.45)!important;box-shadow:inset 0 0 12px rgba(92,155,255,.12)!important}
html body .learn-modal .lg-dur{color:#E2EDFF!important}
html body .learn-modal .lg-dur b{text-shadow:0 0 8px rgba(120,170,255,.45)}
html body .learn-modal .lg-stake{color:#FFB65C!important}
html body .learn-modal :is(.lg-dur,.lg-stake) i{background:transparent!important;color:#9DB7FF!important;font-size:20px!important;text-shadow:0 0 6px rgba(157,183,255,.7)}
html body .learn-modal .lg-durlist b{color:#9DB7FF!important}
html body .learn-modal .lg-gain b{color:#FFC24D!important}
html body .learn-modal .lg-gain small{color:#9DB7FF!important;line-height:1.3}
html body .learn-modal .lg-tools span{background:rgba(255,255,255,.08)!important;border:.8px solid rgba(199,210,254,.25)!important;color:#C7D2FE}
html body .learn-modal .lg-tools span:nth-child(1){color:#FBBF24!important}
html body .learn-modal .lg-tools span:nth-child(2){color:#A78BFA!important}
html body .learn-modal .lg-tools span:nth-child(3){color:#22D3EE!important}
html body .learn-modal .lg-tools span.fs{color:#FF8A8A!important;animation:oroLive 1.8s ease-in-out infinite}
html body .learn-modal .lg-tools span.fs .lg-i{stroke:#FF8A8A!important;color:#FF8A8A!important}

/* ===== v2499 — COMPTE RÉEL en premier (à gauche), DÉMO à droite (choix du propriétaire, comme beaucoup de grandes
   plateformes : le regard tombe d'abord sur l'argent réel). La fine séparation suit. ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal{order:-1!important}
@media (max-width:859px){html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher{grid-template-columns:55fr 45fr!important}}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeDemo::after{display:none!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher #modeReal::after{content:""!important;position:absolute!important;right:0!important;top:22%!important;bottom:22%!important;width:1px!important;background:rgba(255,255,255,.18)!important;left:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;display:block!important}
/* Plein écran : même ordre (COMPTE RÉEL à gauche, DÉMO à droite). */
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-switch #fsBtnReal{grid-column:1!important;grid-row:1!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-switch #btnChartFsExit{grid-column:2!important;grid-row:1!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4) .fs-mode-switch #fsBtnDemo{grid-column:3!important;grid-row:1!important}
/* ===== v2499 — ACHETER en miroir de VENDRE : la partie sombre (avec le rond de la flèche) passe du côté du rond (gauche),
   la couleur vive va vers le bord, comme VENDRE. ===== */
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call{
  background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(270deg,rgba(34,197,94,.62),rgba(8,40,30,.55) 85%)!important}
/* v2572 — la règle ci-dessus empêchait ACHETER de devenir vert vif au clic (VENDRE, lui, devenait bien rouge).
   Au toucher / clic : même vert vif que VENDRE en rouge, en écran normal et en plein écran. */
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call.is-lit,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call.is-lit,
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call:active,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call:active,
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call.btn-sent,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#z1):not(#z2):not(#z3):not(#z4) #btnCall.btn-call.btn-sent{
  background-image:linear-gradient(180deg,#3BE07C 0%,#16A34A 100%)!important}

/* ===== v2502 — Portefeuille du COMPTE RÉEL à GAUCHE, devant le solde (choix A du propriétaire) : il ne peut plus
   être confondu avec la DÉMO. ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal{padding-left:54px!important;padding-right:10px!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal{left:10px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;width:34px!important;height:34px!important;border-radius:10px!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal svg{width:20px!important;height:20px!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal{padding-left:40px!important;padding-right:8px!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal .mb-wal{left:8px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;width:26px!important;height:26px!important;border-radius:8px!important}

/* ===== v2503 — Plein écran : bouton QUITTER style 5 choisi (sans cadre, icône « rétrécir » blanche avec une légère lueur,
   petit mot QUITTER), toujours au milieu ; zone de toucher confortable (48 × 44) ; COMPTE RÉEL et DÉMO un peu plus larges. ===== */
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnChartFsExit{width:48px!important;min-width:48px!important;max-width:48px!important;height:44px!important;min-height:44px!important;padding:0!important;
  justify-self:center!important;align-self:center!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnChartFsExit svg{stroke:#fff!important;color:#fff!important;filter:drop-shadow(0 0 4px rgba(150,190,255,.75))!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnChartFsExit .fs-exit-txt{color:#C7D2FE!important;-webkit-text-fill-color:#C7D2FE!important;font-size:8px!important;letter-spacing:.06em!important;text-shadow:0 0 5px rgba(150,190,255,.45)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnChartFsExit:active{background:rgba(255,255,255,.08)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;column-gap:4px!important}

/* ===== v2504 — Guide « Apprendre » : étape 14 (retrait) en fête et dernière carte « Félicitations » plus belle.
   Confettis dessinés qui tombent doucement (pas d'émoji), cadre or et vert, trophée qui brille, rayons. ===== */
@keyframes lgFall{0%{top:-12%;opacity:0}10%{opacity:1}100%{top:105%;opacity:.15}}
@keyframes lgRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lgShine{0%,100%{filter:drop-shadow(0 0 10px rgba(245,197,81,.55))}50%{filter:drop-shadow(0 0 22px rgba(255,214,120,.95))}}
.learn-modal .lg-conf{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0}
.learn-modal .lg-conf b{position:absolute;top:-12%;border-radius:2px;opacity:.9;animation:lgFall 3.6s linear infinite}
.learn-modal .lg-step.lg-impf{position:relative;overflow:hidden;border:2px solid transparent!important;
  background:linear-gradient(180deg,rgba(18,22,60,.96),rgba(14,16,48,.96)) padding-box,linear-gradient(135deg,#FFD27A,#3CF5A6 50%,#FFD27A) border-box!important;
  box-shadow:0 0 22px rgba(60,245,166,.25),0 0 14px rgba(255,210,122,.25)!important}
.learn-modal .lg-step.lg-impf > *{position:relative;z-index:1}
.learn-modal .lg-step.lg-impf .lg-num{background:linear-gradient(135deg,#3CF5A6,#0E9F5E)!important;color:#04261A!important}
.learn-modal .lg-cel{position:relative;display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:12px 12px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,rgba(60,245,166,.22),rgba(255,210,122,.16));border:1px solid rgba(60,245,166,.6)}
.learn-modal .lg-cel > b{position:relative;z-index:1;font-size:15px;font-weight:900;color:#E9FFF5;line-height:1.3}
.learn-modal .lg-cel-ico{position:relative;z-index:1;flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3CF5A6,#0E9F5E);box-shadow:0 0 14px rgba(60,245,166,.6)}
.learn-modal .lg-cel-ico .lg-i{width:18px;height:18px;stroke:#04261A!important;color:#04261A!important}
.learn-modal .lg-end.lg-end-fete{position:relative;overflow:hidden;border:2px solid transparent;padding:26px 14px 20px;
  background:linear-gradient(180deg,rgba(26,22,70,.97),rgba(14,16,48,.97)) padding-box,linear-gradient(135deg,#FFD27A,#3CF5A6 40%,#7AA7FF 70%,#FFD27A) border-box;
  box-shadow:0 0 30px rgba(255,210,122,.3),0 0 18px rgba(60,245,166,.25)}
.learn-modal .lg-end-fete > *{position:relative;z-index:1}
.learn-modal .lg-end-fete .lg-rays{position:absolute;left:50%;top:70px;width:340px;height:340px;z-index:0;pointer-events:none;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(rgba(255,214,120,.16) 0 10deg,transparent 10deg 24deg);border-radius:50%;
  -webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);animation:lgRays 26s linear infinite}
.learn-modal .lg-end-fete .lg-trophy .lg-cup{width:84px;height:84px;animation:lgShine 2.4s ease-in-out infinite}
.learn-modal .lg-end-fete h3{font-size:22px;background:linear-gradient(90deg,#FFE7A3,#FFFFFF 50%,#B9FFE0);-webkit-background-clip:text;background-clip:text;color:transparent}
.learn-modal .lg-done{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 16px}
.learn-modal .lg-done span{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#E9FFF5;background:rgba(60,245,166,.14);border:1px solid rgba(60,245,166,.5)}
.learn-modal .lg-done .lg-i{width:13px;height:13px;stroke:#3CF5A6!important;color:#3CF5A6!important}
@media (prefers-reduced-motion:reduce){.learn-modal .lg-conf b,.learn-modal .lg-rays,.learn-modal .lg-cup{animation:none!important}}
.learn-modal .lg-end-fete h3{text-wrap:balance}

/* ===== v2504 — Guide : dépôt expliqué (2 blocs) et retrait animé + 4 assurances. ===== */
.learn-modal .lg-dg{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.learn-modal .lg-dg-b{padding:12px;border-radius:14px;background:rgba(92,155,255,.08);border:1px solid rgba(92,155,255,.4)}
.learn-modal .lg-dg-c{background:rgba(38,161,123,.08);border-color:rgba(46,229,157,.45)}
.learn-modal .lg-dg h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:900;color:#fff}
.learn-modal .lg-dg h4 .lg-i{width:18px;height:18px;stroke:#9DB7FF}
.learn-modal .lg-dg h4 .lg-coins svg{width:20px;height:20px}
.learn-modal .lg-dg p{margin:0 0 8px;color:#D6E4FF;font-size:14px;line-height:1.5}
.learn-modal .lg-dg ul,.learn-modal .lg-dg ol{margin:0;padding-inline-start:20px;color:#E0E7FF;font-size:14px;line-height:1.5}
.learn-modal .lg-dg ol li{margin:0 0 7px;padding-inline-start:2px}
.learn-modal .lg-dg ol li::marker{color:#3CF5A6;font-weight:900}
.learn-modal .lg-dg-warn{display:flex;gap:8px;align-items:flex-start;margin:8px 0;padding:9px 10px;border-radius:10px;background:rgba(255,138,138,.10);border:1px solid rgba(255,138,138,.5);color:#FFD6D6;font-size:13px;line-height:1.45}
.learn-modal .lg-dg-warn .lg-i{flex:0 0 18px;width:18px;height:18px;stroke:#FF8A8A}
@keyframes lgAura{0%{transform:translateX(-40%) rotate(8deg)}100%{transform:translateX(140%) rotate(8deg)}}
@keyframes lgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.learn-modal .lg-step.lg-impf .lg-aura{position:absolute;top:-20%;left:0;width:45%;height:140%;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),rgba(60,245,166,.12),rgba(255,255,255,.07),transparent);animation:lgAura 5.5s ease-in-out infinite}
.learn-modal .lg-step.lg-impf .lg-cel-ico{animation:lgFloat 2.4s ease-in-out infinite}
.learn-modal .lg-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.learn-modal .lg-trust span{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;padding:10px;border-radius:12px;font-size:12.5px;font-weight:800;color:#E9FFF5;line-height:1.3;
  background:linear-gradient(135deg,rgba(60,245,166,.16),rgba(255,210,122,.10));border:1px solid rgba(60,245,166,.45)}
.learn-modal .lg-trust span::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(-100%);animation:lgSweep 3.8s ease-in-out infinite}
.learn-modal .lg-trust span:nth-child(2)::after{animation-delay:.5s}.learn-modal .lg-trust span:nth-child(3)::after{animation-delay:1s}.learn-modal .lg-trust span:nth-child(4)::after{animation-delay:1.5s}
@keyframes lgSweep{0%,40%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
.learn-modal .lg-trust .lg-i{flex:0 0 18px;width:18px;height:18px;stroke:#3CF5A6}
/* ===== v2504 — Connexion / Inscription / Recharger à une hauteur normale (42 px), comme les sites normaux. ===== */
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2) #authQuick .btn-auth-link{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:14px!important;border-radius:12px!important;padding:0 12px!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2) #btnOpenDeposit{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:15px!important;border-radius:12px!important}
.learn-modal .lg-dg ol li::before{display:none!important;content:none!important}.learn-modal .lg-dg ol{list-style:decimal!important}.learn-modal .lg-dg ol li{padding-left:2px!important;list-style:decimal!important}

/* ===== v2505 — Guide : dépôt en grand (exemple dessiné QR + copier + Binance, recherches YouTube) et retrait positif. ===== */
.learn-modal .lg-dg-info{background:rgba(92,155,255,.10)!important;border-color:rgba(92,155,255,.5)!important;color:#DCE7FF!important}
.learn-modal .lg-dg-info .lg-i{stroke:#9DB7FF!important}
.learn-modal .lg-dg-x{color:#FFE7A3!important;font-weight:700}
.learn-modal .lg-dg-min{font-size:13px!important;color:#AEB6D6!important;margin:8px 0!important}
.learn-modal .lg-dx{margin:12px 0 4px;padding:12px;border-radius:14px;background:rgba(6,10,30,.55);border:1px dashed rgba(255,210,122,.5)}
.learn-modal .lg-dx-h{font-size:12px;font-weight:900;letter-spacing:.04em;color:#FFD27A;text-transform:uppercase;margin:0 0 8px;text-align:center}
.learn-modal .lg-dx-oro,.learn-modal .lg-dx-bn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:rgba(92,155,255,.10);border:1px solid rgba(92,155,255,.4)}
.learn-modal .lg-dx-nets{display:flex;gap:6px}
.learn-modal .lg-dx-nets span{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900;color:#AEB6D6;border:1px solid rgba(255,255,255,.18)}
.learn-modal .lg-dx-nets span.on{color:#04261A;background:#3CF5A6;border-color:#3CF5A6}
.learn-modal .lg-qr{width:120px;height:120px;border-radius:8px;box-shadow:0 0 0 4px #fff}
.learn-modal .lg-dx-lbl{font-size:12px;font-weight:800;color:#C7D2FE}
.learn-modal .lg-dx-addr,.learn-modal .lg-dx-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#fff;direction:ltr;unicode-bidi:isolate}
.learn-modal .lg-dx-addr{padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15)}
.learn-modal .lg-dx-copy{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;font-weight:900;font-size:14px;color:#04261A;background:linear-gradient(180deg,#5CF7B5,#22C55E)}
.learn-modal .lg-dx-copy .lg-i{width:16px;height:16px;stroke:#04261A!important}
@keyframes lgTap{0%,60%,100%{transform:scale(1);opacity:0}70%{opacity:.9;transform:scale(.7)}85%{opacity:.6;transform:scale(1.4)}}
.learn-modal .lg-dx-tap{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(255,255,255,.25);animation:lgTap 2.4s ease-in-out infinite}
.learn-modal .lg-dx-arrow{text-align:center;font-size:24px;font-weight:900;color:#FFD27A;margin:6px 0}
.learn-modal .lg-dx-bn{align-items:stretch;background:rgba(240,185,11,.08);border-color:rgba(240,185,11,.5)}
.learn-modal .lg-dx-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.25)}
.learn-modal .lg-dx-row small{font-size:11px;color:#AEB6D6}
.learn-modal .lg-dx-row b{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#fff}
.learn-modal .lg-dx-row .lg-coins svg{width:16px;height:16px}
.learn-modal .lg-dx-net{color:#3CF5A6!important}
.learn-modal .lg-dx-send{text-align:center;padding:9px;border-radius:10px;font-weight:900;color:#1A1200;background:linear-gradient(180deg,#FCD535,#F0B90B)}
.learn-modal .lg-dg-yt{margin-top:10px;padding:12px;border-radius:12px;background:rgba(255,0,0,.08);border:1px solid rgba(255,80,80,.45);display:flex;flex-direction:column;gap:6px}
.learn-modal .lg-dg-yt b{font-size:14px;color:#fff;line-height:1.4}
.learn-modal .lg-dg-yt span{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:#FFD6D6}
.learn-modal .lg-dg-yt .lg-i{width:15px;height:15px;stroke:#FF8A8A}
.learn-modal .lg-win{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.learn-modal .lg-win p{display:flex;gap:8px;align-items:flex-start;margin:0;padding:11px 12px;border-radius:12px;font-size:14px;line-height:1.5}
.learn-modal .lg-win .lg-i{flex:0 0 18px;width:18px;height:18px}
.learn-modal .lg-win-good{color:#FFF3C4;background:linear-gradient(135deg,rgba(255,210,122,.18),rgba(60,245,166,.10));border:1px solid rgba(255,210,122,.55)}
.learn-modal .lg-win-good .lg-i{stroke:#FFD27A}
.learn-modal .lg-win-resp{color:#DCE7FF;background:rgba(92,155,255,.10);border:1px solid rgba(92,155,255,.45)}
.learn-modal .lg-win-resp .lg-i{stroke:#9DB7FF}
/* v2505 — plateformes + « c'est quoi une adresse » + tableau même crypto / délais. */
.learn-modal .lg-apps,.learn-modal .lg-addr{margin:12px 0;padding:12px;border-radius:14px;background:rgba(6,10,30,.5);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px}
.learn-modal .lg-apps h5,.learn-modal .lg-addr h5{margin:0 0 2px;font-size:15px;font-weight:900;color:#FFD27A;display:flex;align-items:center;gap:7px}
.learn-modal .lg-app{display:flex;gap:10px;align-items:flex-start}
.learn-modal .lg-app i{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:15px;color:#0B1020}
.learn-modal .lg-app p,.learn-modal .lg-addr p{margin:0;font-size:14px;line-height:1.5;color:#E6EBFF}
.learn-modal .lg-addr-gold{display:flex;gap:7px;padding:10px;border-radius:10px;background:rgba(255,210,122,.12);border:1px solid rgba(255,210,122,.5);color:#FFF3C4!important;font-weight:700}
.learn-modal .lg-addr-gold .lg-i{flex:0 0 17px;stroke:#FFD27A}
.learn-modal .lg-addr-t{display:flex;flex-direction:column;gap:5px}
.learn-modal .lg-addr-t>div{display:grid;grid-template-columns:72px 1fr 92px;gap:6px;align-items:center;padding:8px;border-radius:9px;background:rgba(0,0,0,.28);font-size:13px;color:#fff}
.learn-modal .lg-addr-t>div.h{background:none;padding:0 8px;font-size:11px;font-weight:800;color:#AEB6D6}
.learn-modal .lg-addr-t .c{display:flex;align-items:center;gap:5px;font-weight:900}
.learn-modal .lg-addr-t .lg-coins svg{width:18px;height:18px}
.learn-modal .lg-addr-t b{display:block;font-size:12.5px}
.learn-modal .lg-addr-t small{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:#9DB7FF;direction:ltr;unicode-bidi:isolate}
.learn-modal .lg-addr-t .tm{display:flex;align-items:center;gap:4px;font-weight:800;color:#3CF5A6;font-size:12px}
.learn-modal .lg-addr-t .tm .lg-i{width:13px;height:13px;flex:0 0 13px;stroke:#3CF5A6}
/* v2505 — YouTube bien visible : logo rouge + recherches en barres de recherche. */
.learn-modal .lg-dg-yt{background:linear-gradient(180deg,rgba(255,0,0,.14),rgba(255,0,0,.05))!important;border:2px solid rgba(255,60,60,.7)!important;gap:8px!important}
.learn-modal .lg-yt-logo{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.02em}
.learn-modal .lg-yt-logo i{display:grid;place-items:center;width:38px;height:27px;border-radius:8px;background:#FF0000}
.learn-modal .lg-yt-logo svg{width:18px;height:18px;fill:#fff}
.learn-modal .lg-dg-yt span.lg-yt-q{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;color:#111!important;font-weight:700!important;font-size:13.5px!important}
.learn-modal .lg-yt-q svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:#555;stroke-width:2.4;stroke-linecap:round}
/* v2505 — adresses web cliquables + 6 sites d'achat direct par carte. */
.learn-modal a.lg-web{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:800;color:#7FD3FF!important;background:rgba(92,155,255,.14);border:1px solid rgba(92,155,255,.45);text-decoration:none;direction:ltr;unicode-bidi:isolate}
.learn-modal .lg-apps-web{font-size:13px!important;color:#C7D2FE!important}
.learn-modal .lg-buy{border-color:rgba(60,245,166,.45)!important}
.learn-modal .lg-buy h5{color:#3CF5A6!important}
.learn-modal .lg-buy h5 .lg-i{stroke:#3CF5A6}
.learn-modal .lg-buy-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.learn-modal .lg-buy-g span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px;border-radius:10px;background:rgba(0,0,0,.28)}
.learn-modal .lg-buy-g b{font-size:14px;color:#fff}
/* v2506 — bouton « Apprendre à trader » en bas de « Recharger », sous les cryptos (ouvre le guide à l'étape 2). */
html body #depositModal .dep-learn{margin:12px 0 2px}
html body #depositModal .dep-learn .auth-learn{width:100%;margin:0}
/* v2506 — petits écrans (iPhone SE, petits Android) : on resserre un peu « Recharger » pour que le bouton du guide tienne en entier. */
@media (orientation:portrait) and (max-height:760px){
  html body #depositModal #payMethodUsdt{padding-top:6px!important;padding-bottom:6px!important}
  html body #depositModal .pay-crypto-wall{gap:3px!important}
  html body #depositModal .pay-crypto-cell{padding:3px 2px 2px!important}
  html body #depositModal .pay-crypto-cell .pay-crypto-badge{width:21px!important;height:21px!important}
  html body #depositModal .dep-learn{margin:8px 0 0}
  html body #depositModal .dep-learn .auth-learn{padding-top:5px!important;padding-bottom:5px!important}
  html body #depositModal .dep-learn .al-ico{width:34px!important;height:34px!important;flex-basis:34px!important}
  html body #depositModal #depositAmt{min-height:38px!important;height:38px!important}
  html body #depositModal .pay-method-grid{gap:4px!important}
}

/* ===== v2507 — « Carte & paiement instantané » : téléphone qui envoie, logos (pays du joueur), 3 garanties. ===== */
html body #depositModal #payMethodCard{display:flex!important;flex-direction:column;align-items:stretch;gap:7px}
html body #depositModal #payMethodCard > .pay-method-desc{display:none!important}
html body #depositModal .pay-local{display:flex;flex-direction:column;gap:7px;text-align:start}
html body #depositModal .pl-row{display:flex;align-items:center;gap:10px}
html body #depositModal .pl-phone{position:relative;flex:0 0 34px;height:52px}
html body #depositModal .pl-phone svg{width:34px;height:52px;overflow:visible}
html body #depositModal .pl-phone rect{fill:#0B1020;stroke:#FFD27A;stroke-width:2.4}
html body #depositModal .pl-phone rect.scr{fill:#14203F;stroke:none}
html body #depositModal .pl-phone .sp{stroke:#FFD27A;stroke-width:2;stroke-linecap:round}
html body #depositModal .pl-phone .ln{stroke:rgba(255,255,255,.35);stroke-width:2.4;stroke-linecap:round;fill:none}
html body #depositModal .pl-phone .ok{fill:#22C55E}
html body #depositModal .pl-phone .tick{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes plFly{0%{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:1}100%{transform:translate(26px,-14px) scale(1);opacity:0}}
html body #depositModal .pl-fly{position:absolute;left:24px;top:16px;width:1px;height:1px;pointer-events:none}
html body #depositModal .pl-fly b{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3C4,#F5B83D 60%,#B9770E);box-shadow:0 0 6px rgba(255,210,122,.8);animation:plFly 1.8s ease-out infinite}
html body #depositModal .pl-fly b:nth-child(2){animation-delay:.6s}
html body #depositModal .pl-fly b:nth-child(3){animation-delay:1.2s}
html body #depositModal .pl-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
html body #depositModal .pl-lead{font-size:13px;font-weight:900;color:#fff;line-height:1.2}
html body #depositModal .pl-where{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#FFD27A}
html body #depositModal .pl-where svg{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:#FFD27A;stroke-width:2.2}
html body #depositModal .pl-logos{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
html body #depositModal .pl-logo{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:5px;font-style:normal;font-size:10.5px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.35)}
html body #depositModal .pl-logo small{font-size:8.5px;font-weight:700;opacity:.9}
html body #depositModal .pl-visa{background:#fff;color:#1A1F71;font-style:italic;letter-spacing:.02em;font-size:11px}
html body #depositModal .pl-mc{background:#fff;padding:0 5px}
html body #depositModal .pl-mc b{width:12px;height:12px;border-radius:50%;background:#EB001B;display:block}
html body #depositModal .pl-mc b+b{background:#F79E1B;margin-left:-6px;mix-blend-mode:multiply}
html body #depositModal .pl-apple{background:#000;color:#fff;border:1px solid rgba(255,255,255,.35)}
html body #depositModal .pl-apple svg{width:12px;height:12px;fill:#fff}
html body #depositModal .pl-gpay{background:#fff;color:#3C4043}
html body #depositModal .pl-gpay .g{font-size:12px;background:conic-gradient(from -45deg,#EA4335 0 25%,#4285F4 0 50%,#34A853 0 75%,#FBBC05 0);-webkit-background-clip:text;background-clip:text;color:transparent}
html body #depositModal .pl-om{background:#000;color:#fff}
html body #depositModal .pl-om b{width:11px;height:11px;background:#FF7900;display:block;border-radius:1px}
html body #depositModal .pl-mtn{background:#FFCB05;color:#000}
html body #depositModal .pl-mtn b{background:#000;color:#FFCB05;border-radius:50%/60%;padding:1px 3px;font-size:8.5px}
html body #depositModal .pl-moov{background:#0069B4;color:#fff;font-style:italic}
html body #depositModal .pl-airtel{background:#E40000;color:#fff}
html body #depositModal .pl-mpesa{background:#fff;color:#2E9E3E;letter-spacing:.02em}
html body #depositModal .pl-telecel{background:#E30613;color:#fff}
html body #depositModal .pl-bank{background:rgba(255,255,255,.12);color:#E6EBFF;border:1px solid rgba(255,255,255,.25)}
html body #depositModal .pl-bank svg{width:12px;height:12px;fill:none;stroke:#E6EBFF;stroke-width:2;stroke-linecap:round}
html body #depositModal .pl-ok{display:flex;justify-content:space-between;gap:4px;padding-top:6px;border-top:1px solid rgba(255,210,122,.22)}
html body #depositModal .pl-ok span{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#C8F7DC;white-space:nowrap}
html body #depositModal .pl-ok svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:#3CF5A6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] body #depositModal .pl-fly{left:auto;right:24px;transform:scaleX(-1)}
/* v2507 — la fenêtre Recharger peut utiliser presque tout l'écran (la case instantanée est plus riche). */
@media (max-width:820px){ html body #depositModal #depositBox{max-height:calc(100dvh - 20px)!important} }
@media (orientation:portrait) and (max-height:760px){
  html body #depositModal .pay-crypto-wall .pay-crypto-cell:nth-child(n+11){display:none!important}
  html body #depositModal .pl-phone{flex-basis:28px;height:44px}
  html body #depositModal .pl-phone svg{width:28px;height:44px}
  html body #depositModal #payMethodCard{gap:5px!important}
  html body #depositModal .pl-ok{padding-top:5px}
}
/* v2507 — case instantanée aux couleurs de la fenêtre (vert émeraude + bleu, comme « Valider la recharge »), plus de doré / orange. */
@keyframes plGlow{0%,100%{box-shadow:0 0 0 1px rgba(60,245,166,.55),0 0 14px rgba(46,229,157,.25)}50%{box-shadow:0 0 0 1px rgba(60,245,166,.85),0 0 22px rgba(46,229,157,.45)}}
html body #depositModal #payMethodCard.pay-method-card{border:0!important;border-radius:14px!important;
  background:linear-gradient(135deg,rgba(46,229,157,.16),rgba(56,189,248,.10) 55%,rgba(124,77,255,.10))!important;animation:plGlow 2.8s ease-in-out infinite!important}
html body #depositModal #payMethodCard .pay-method-title{color:#fff!important;text-shadow:0 0 10px rgba(60,245,166,.35)!important;-webkit-text-fill-color:#fff!important;background:none!important}
html body #depositModal #payMethodCard .pay-method-rec{color:#04261A!important;background:linear-gradient(180deg,#6EF7BE,#22C55E)!important;border:0!important;box-shadow:0 0 10px rgba(46,229,157,.45)!important;animation:none!important}
html body #depositModal #payMethodCard::after{background:linear-gradient(110deg,transparent 35%,rgba(180,255,225,.22) 50%,transparent 65%)!important}
html body #depositModal .pl-where{color:#7FE7FF!important}
html body #depositModal .pl-where svg{stroke:#7FE7FF!important}
html body #depositModal .pl-phone rect{stroke:#5CF7B5!important}
html body #depositModal .pl-phone .sp{stroke:#5CF7B5!important}
html body #depositModal .pl-fly b{background:radial-gradient(circle at 35% 35%,#E8FFF5,#3CF5A6 60%,#0E9F5E)!important;box-shadow:0 0 6px rgba(60,245,166,.8)!important}
html body #depositModal .pl-ok{border-top-color:rgba(60,245,166,.25)!important}
html body #depositModal #depositBox #payMethodCard#payMethodCard#payMethodCard.pay-method-card{border:0!important;
  background:linear-gradient(135deg,rgba(46,229,157,.16),rgba(56,189,248,.10) 55%,rgba(124,77,255,.10))!important;animation:plGlow 2.8s ease-in-out infinite!important}
html body #depositModal #depositBox .pay-method-label.pay-method-label{color:#C8F7E2!important;text-shadow:none!important}
html body #depositModal #depositBox #payMethodCard#payMethodCard#payMethodCard.pay-method-card{box-shadow:0 0 0 1.5px rgba(60,245,166,.75),0 0 18px rgba(46,229,157,.35),inset 0 0 0 1px rgba(255,255,255,.05)!important;animation:none!important}
/* v2508 — Dépôt crypto : le rond orange devient un vrai bouton « Ouvrir › » aux couleurs du bloc (violet → bleu). */
@keyframes payGoPill{0%,100%{box-shadow:0 0 0 0 rgba(124,77,255,.55),0 4px 14px rgba(56,189,248,.35)}50%{box-shadow:0 0 0 6px rgba(124,77,255,0),0 4px 18px rgba(56,189,248,.5)}}
html body #depositModal#depositModal #payMethodUsdt .pay-go-arrow.pay-go-pill{display:inline-flex!important;align-items:center!important;gap:3px;width:auto!important;height:34px!important;padding:0 10px 0 14px!important;border-radius:999px!important;line-height:1!important;
  background:linear-gradient(135deg,#8B5CF6,#38BDF8)!important;border:1px solid rgba(255,255,255,.35)!important;animation:payGoPill 2.2s ease-out infinite!important}
html body #depositModal#depositModal #payMethodUsdt .pay-go-pill b{font-size:13px;font-weight:900;color:#fff;letter-spacing:.02em;white-space:nowrap}
html body #depositModal#depositModal #payMethodUsdt .pay-go-pill svg{width:16px!important;height:16px!important;stroke:#fff!important;stroke-width:3.2!important;transform:none!important}
html[dir="rtl"] body #depositModal#depositModal #payMethodUsdt .pay-go-pill svg{transform:scaleX(-1)!important}

/* ===== v2509 — case instantanée : téléphone simple + logos (sans textes) ; croix de Recharger aux couleurs de la fenêtre. ===== */
html body #depositModal #payMethodCard .pay-local{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:2px 0 1px}
html body #depositModal #payMethodCard .pl-phone{flex:0 0 30px;height:48px}
html body #depositModal #payMethodCard .pl-phone svg{width:30px;height:48px}
html body #depositModal #payMethodCard .pl-phone .ok{fill:#22C55E}
html body #depositModal #payMethodCard .pl-logos{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:5px;margin:0;justify-content:flex-start}
html body #depositModal #payMethodCard .pl-logo{height:23px;padding:0 7px;border-radius:7px;font-size:11px;box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.18)}
html body #depositModal #payMethodCard .pl-mc b{width:13px;height:13px}
html body #depositModal #payMethodCard .pl-mc b+b{margin-left:-6px}
html body #depositModal #payMethodCard .pl-apple svg{width:13px;height:13px}
html body #depositModal #payMethodCard .pl-om b{width:12px;height:12px}
@media (orientation:portrait) and (max-height:760px){
  html body #depositModal #payMethodCard .pl-phone{flex-basis:26px;height:42px}
  html body #depositModal #payMethodCard .pl-phone svg{width:26px;height:42px}
  html body #depositModal #payMethodCard .pl-logo{height:21px;padding:0 6px;font-size:10.5px}
}
/* croix : verre sombre, contour vert d'eau, lueur émeraude (comme « Valider la recharge »). */
html body #depositModal#depositModal#depositModal #closeDeposit#closeDeposit#closeDeposit.deposit-close{background:radial-gradient(circle at 35% 30%,#1E5A4A,#0E2E2A 70%)!important;border:1.5px solid rgba(110,247,190,.75)!important;
  box-shadow:0 0 10px rgba(46,229,157,.45),inset 0 0 0 1px rgba(255,255,255,.08)!important}
html body #depositModal#depositModal#depositModal #closeDeposit#closeDeposit#closeDeposit.deposit-close::before,html body #depositModal#depositModal#depositModal #closeDeposit#closeDeposit#closeDeposit.deposit-close::after{display:none!important}
html body #depositModal#depositModal#depositModal #closeDeposit#closeDeposit#closeDeposit.deposit-close svg{stroke:#EFFFF8!important}
/* v2510 — « C'est quoi une adresse ? » : définition claire + exemple d'adresse (qui passe à la ligne sur les petits écrans). */
.learn-modal .lg-addr .lg-addr-def{font-weight:700;color:#fff!important}
.learn-modal .lg-addr-ex{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:10px;background:rgba(0,0,0,.32);border:1px dashed rgba(127,211,255,.5)}
.learn-modal .lg-addr-ex small{font-size:12.5px;font-weight:800;color:#9DB7FF}
.learn-modal .lg-addr-ex code{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:#3CF5A6;word-break:break-all;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;text-align:left}
.learn-modal .lg-addr-ex em{font-size:11.5px;font-style:normal;color:#FFB4B4}
/* adresses des sites : jamais de débordement, même sur un téléphone très étroit */
.learn-modal a.lg-web{max-width:100%;overflow-wrap:anywhere;word-break:break-all}
.learn-modal .lg-buy-g span{min-width:0}
.learn-modal .lg-addr-t>div>span{min-width:0;overflow-wrap:anywhere}
@media (max-width:360px){.learn-modal .lg-addr-t>div{grid-template-columns:62px minmax(0,1fr) 80px;gap:5px;padding:7px 6px}}
/* v2510 — 6 sites : une adresse ne se coupe jamais au milieu ; sur petit téléphone, un site par ligne (nom à gauche, adresse à droite). */
.learn-modal a.lg-web{word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap}
@media (max-width:400px){
  .learn-modal .lg-buy-g{grid-template-columns:1fr!important;gap:5px!important}
  .learn-modal .lg-buy-g span{flex-direction:row!important;align-items:center!important;justify-content:space-between;padding:7px 9px!important}
}
@media (max-width:400px){ .learn-modal .lg-buy-g span{flex-wrap:wrap;gap:4px 8px!important} }

/* ===== v2511 — TÉLÉPHONE COUCHÉ : cases COMPTE RÉEL / DÉMO et portefeuille à la bonne taille (ils gardaient leur taille « debout »). ===== */
@media (orientation:landscape) and (max-height:500px){
  /* écran normal : portefeuille plus petit, « COMPTE RÉEL » tient dans sa case, montants de même taille */
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal{padding-left:30px!important;padding-right:6px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal{left:5px!important;width:21px!important;height:21px!important;border-radius:6px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal svg{width:13px!important;height:13px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo) .mb-lbl{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo) .mb-amt{font-size:13px!important;line-height:1.1!important;white-space:nowrap!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo){min-width:0!important;overflow:hidden!important}
  /* plein écran : cases étroites regroupées autour de QUITTER, portefeuille plus petit */
  html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch{grid-template-columns:minmax(0,170px) 48px minmax(0,170px)!important;justify-content:center!important;column-gap:12px!important}
  html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal{padding-left:30px!important}
  html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal .mb-wal{left:6px!important;width:20px!important;height:20px!important;border-radius:6px!important}
  html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal .mb-wal svg{width:12px!important;height:12px!important}
}
/* v2511 — PROFIL couché : la case portefeuille (Dépôt Express Crypto + adresses) était écrasée à 85 px et coupée.
   Les lignes prennent maintenant leur vraie hauteur (le site réduit ensuite le profil pour qu'il tienne en entier). */
@media (orientation:landscape) and (max-height:500px){
  html body #drawerProfile#drawerProfile#drawerProfile#drawerProfile{grid-template-rows:none!important;grid-auto-rows:auto!important;align-content:start!important;padding-bottom:12px!important}
  html body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-card{overflow:visible!important}
}

/* ===== v2512 — Bouton « Recharger » plus imposant sur téléphone debout (Android et iPhone) : MÊMES couleurs,
   seulement la taille et la forme (50 px de haut au lieu de 42, coins plus ronds, texte et « + » plus grands). ===== */
@media (orientation:portrait) and (max-width:820px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #topbarCta{height:50px!important;min-height:50px!important;max-height:50px!important;border-radius:12px!important;max-width:none!important;width:100%!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit{height:50px!important;min-height:50px!important;max-height:50px!important;border-radius:12px!important;width:100%!important;font-size:18px!important;font-weight:900!important;gap:10px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit .dep-bolt{width:20px!important;height:20px!important;min-width:20px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit .dep-bolt::before{width:20px!important;height:20px!important;background-size:4.5px 20px,20px 4.5px!important}
}
@media (orientation:portrait) and (max-width:345px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit{font-size:13px!important;gap:5px!important;padding:0 6px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit .dep-bolt{width:15px!important;height:15px!important;min-width:15px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #btnOpenDeposit .dep-bolt::before{width:15px!important;height:15px!important;background-size:3.5px 15px,15px 3.5px!important}
}
/* v2513 — Recharger : même hauteur que Cadeaux / Aide / drapeau / Profil (aligné en haut et en bas), coins d'origine (12 px),
   et il remplit la largeur entre « Aide » et le drapeau (plus de vides). Mêmes couleurs. */
@media (orientation:portrait) and (max-width:820px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:4px!important}
}
/* v2514 — Barre du haut (téléphone debout, joueur connecté) RANGÉE AU PIXEL : Cadeaux, Aide, drapeau, Profil ont la même
   largeur (48 px), et TOUS les espaces visibles sont égaux (16 px) : marge gauche, entre chaque élément, marge droite.
   Recharger est donc parfaitement centré et prend le reste de la place. Mesuré de 320 à 430 px, iPhone et Android, 11 langues. */
@media (orientation:portrait) and (max-width:820px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:9px!important;padding-left:9px!important;padding-right:9px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row>.tb-left,
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row>.topbar-actions{display:flex!important;gap:2px!important;justify-content:flex-start!important;padding:0!important;margin:0!important;width:auto!important;min-width:0!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) :is(#btnPortal,#btnHelp,#langBarTrade,#btnProfile){width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important;margin:0!important;padding-left:0!important;padding-right:0!important;justify-content:center!important;align-items:center!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #topbarCta{width:100%!important;max-width:none!important;margin:0!important}
}

/* ===== v2515 — Plus de place pour la COURBE (téléphone debout, écran normal). ===== */
@media (orientation:portrait) and (max-width:820px){
  /* COMPTE RÉEL / DÉMO un peu moins hauts (52 → 46 px), Android et iPhone */
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo){height:46px!important;min-height:46px!important;max-height:46px!important}
  /* Android seulement : ligne mise / durées (44 → 40 px) et cases payout (58 → 52 px) */
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line,
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line > *{height:40px!important;min-height:40px!important;max-height:40px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow{height:52px!important;min-height:52px!important;max-height:52px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow .odds-chip{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow .odds-chip.on{width:41px!important;height:41px!important;min-width:41px!important;min-height:41px!important}
}
/* v2516 — On réduit FRANCHEMENT (demande du propriétaire) : COMPTE RÉEL / DÉMO 38 px (plus petits que Recharger, 50 px),
   portefeuille et chiffres en proportion ; Android : ligne secondes / mise / prix 36 px, cases payout 46 px. Place → courbe. */
@media (orientation:portrait) and (max-width:820px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo){height:38px!important;min-height:38px!important;max-height:38px!important;padding-top:2px!important;padding-bottom:2px!important;border-radius:11px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal{padding-left:42px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal{left:8px!important;width:26px!important;height:26px!important;border-radius:8px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal svg{width:16px!important;height:16px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo) .mb-lbl{font-size:8.5px!important;line-height:10px!important}
  html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher :is(#modeReal,#modeDemo) .mb-amt{font-size:15px!important;line-height:18px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line,
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line > *{height:36px!important;min-height:36px!important;max-height:36px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow{height:46px!important;min-height:46px!important;max-height:46px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow .odds-chip{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad #oddsRow .odds-chip.on{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}

/* ===== v2517 — Revue complète. Visiteur, petit téléphone : Connexion / Inscription rognaient le texte de quelques px
   (FR, ES, PT, AR, RU, DE). Marge intérieure réduite (12 → 5 px) ; texte et bouton gardent leur taille. ===== */
@media (max-width:400px){
  html body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #authQuick .btn-auth-link{padding-left:5px!important;padding-right:5px!important;white-space:nowrap!important}
}
@media (max-width:400px){
  html[lang="ru"] body #screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3) #authQuick .btn-auth-link{font-size:13px!important;letter-spacing:-.3px!important}
}
/* v2517 — Profil fermé = invisible : en passant français ↔ arabe (sens de l'écriture), il traversait l'écran ~0,25 s.
   L'ouverture et la fermeture gardent leur glissement (la visibilité ne change qu'à la fin de la fermeture). */
html body #drawerProfile.drawer:not(.on){visibility:hidden!important;transition:transform .28s cubic-bezier(.22,.8,.24,1),visibility 0s linear .28s!important}
html body #drawerProfile.drawer.on{visibility:visible!important;transition:transform .28s cubic-bezier(.22,.8,.24,1),visibility 0s linear 0s!important}
/* v2517 — Invitation (visiteur) : la phrase de la case du lien passe à la ligne au lieu d'être coupée par « … ». */
html body #portalModal #affUrl.aff-url.aff-url-msg{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.25!important}
/* v2517 — Cadeaux : noms des onglets en arabe / hindi (lettres hautes) un peu rognés en haut et en bas. */
html:is([lang="ar"],[lang="hi"]) body #portalModal .pt-tab span{line-height:1.55!important;padding:1px 0!important}
/* v2517 — Guide : « APOCALYPSE » rogné de 3 px dans l'image des marchés ; badges du retrait trop étroits pour les mots longs (PT). */
.learn-modal .lg-mk-i small{letter-spacing:-.3px!important;text-overflow:clip!important}
@media (max-width:380px){ .learn-modal .lg-trust span{font-size:12px!important;overflow-wrap:anywhere!important;hyphens:auto} }
/* v2517 — Barre du haut quand les CADEAUX sont désactivés (ou pendant le 1er chargement) : 3 colonnes fixes de 108 px,
   Aide + drapeau + Profil (162 px) débordaient → Profil sortait de l'écran sur petit téléphone. Rangement propre ici aussi. */
@media (orientation:portrait) and (max-width:820px){
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:8px!important;padding-left:8px!important;padding-right:8px!important}
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row>.topbar-actions{display:flex!important;gap:2px!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;justify-content:flex-end!important}
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-row>.topbar-actions>:is(#btnHelp,#langBarTrade,#btnProfile){width:46px!important;min-width:46px!important;max-width:46px!important;flex:0 0 46px!important;padding-left:0!important;padding-right:0!important;margin:0!important}
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #topbarCta{width:100%!important;max-width:none!important;margin:0!important}
}
@media (orientation:portrait) and (max-width:400px){
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #brandLockup .brand{display:none!important}
  html:not(.portal-on) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.is-guest):not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #brandLockup{padding-left:6px!important;padding-right:6px!important;min-width:0!important;width:auto!important}
}
/* v2517 — Arabe (droite à gauche) : le portefeuille du COMPTE RÉEL va du côté EXTÉRIEUR (à droite, « devant le solde »),
   comme en français il est à gauche ; il n'est plus collé à la case DÉMO. Écran normal et plein écran, toutes tailles. */
html[dir="rtl"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal{padding-left:10px!important;padding-right:42px!important}
html[dir="rtl"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal{left:auto!important;right:8px!important}
html[dir="rtl"] body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal{padding-left:8px!important;padding-right:40px!important}
html[dir="rtl"] body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal .mb-wal{left:auto!important;right:8px!important}
@media (orientation:landscape) and (max-height:500px){
  html[dir="rtl"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal{padding-left:6px!important;padding-right:30px!important}
  html[dir="rtl"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) #modeSwitcher #modeReal .mb-wal{right:5px!important}
  html[dir="rtl"] body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal{padding-right:30px!important}
  html[dir="rtl"] body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch #fsBtnReal .mb-wal{right:6px!important}
}
/* v2517 — BUG IMPORTANT (arabe, écriture de droite à gauche) : sur PC / tablette, 13 fenêtres s'ouvraient HORS de l'écran
   (code de création de compte, mot de passe, historiques, aide, conditions, confirmation de retrait…). Leur centrage
   (left:50 % + décalage) poussait la fenêtre vers la droite en sens arabe. Le FOND se centre en sens normal ; le CONTENU
   de la fenêtre reste en arabe (droite à gauche). */
html[dir="rtl"] body .modal-backdrop{direction:ltr}
html[dir="rtl"] body .modal-backdrop > .modal-box{direction:rtl}
/* v2518 — Android debout : depuis la ligne mise / durées à 36 px (v2516), le gain prévu (« $ 1.90 ») touchait le haut de sa
   case. Chiffre un peu plus petit (18,7 → 16 px) et « Payout 90% » serré : tout respire dans la case. */
@media (orientation:portrait) and (max-width:820px){
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line .win-preview #previewGain{font-size:16px!important;line-height:1!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line .win-preview #previewMult{font-size:9px!important;line-height:1.1!important}
  html.is-android body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .pad .stake-line .win-preview{justify-content:center!important;gap:1px!important}
}
/* v2518 — Croix de l'Aide alignée sur toutes les autres (27 → 30 px). */
html body #helpModal#helpModal#helpModal > .modal-box > #closeHelp.btn-close{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
/* v2518 — Notifications : un message long s'écrasait dans une colonne de ~180 px (6 lignes) à cause du centrage
   (left:50 %). Il prend maintenant sa vraie largeur, sans jamais dépasser l'écran. */
html body #toast.toast{width:max-content!important;max-width:min(300px,calc(100vw - 28px))!important}

/* ===== v2520 — PC / TV plein écran : COMPTE RÉEL et DÉMO s'étiraient chacun sur la moitié de l'écran (647 px sur un
   écran de 1366). Cases de 240 px max, regroupées autour de QUITTER, comme sur téléphone couché. ===== */
@media (min-width:821px) and (min-height:501px){
  html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .fs-mode-switch{grid-template-columns:minmax(0,240px) 48px minmax(0,240px)!important;justify-content:center!important;column-gap:14px!important}
}

/* v2524 — Téléphone debout (Android + iPhone) : la ligne du solde (COMPTE RÉEL / DÉMO) est coupée pour être
   pile alignée sur le carré Cadeaux (à gauche) et le rond Profil (à droite). Rien d'autre ne change. */
@media (orientation:portrait) and (max-width:820px){
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4):not(#y5) .topbar-mode{padding-left:16px!important;padding-right:16px!important}
}

/* v2527 — DÉMO = bleu partout (comme RÉEL = vert) : en démo, la case de la mise passe de l’orange au bleu de la démo ;
   en plein écran, la case DÉMO non choisie est bleue (plus orange). Rien d'autre ne change. */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #inputStake,
html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3) #inputStake{color:#7AA7FF!important;-webkit-text-fill-color:#7AA7FF!important;caret-color:#7AA7FF!important;text-shadow:0 0 8px rgba(122,167,255,.35)!important}
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3) #fsBtnDemo:not(.on):not(.tap-lit),
html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3) #modeDemo:not(.on):not(.tap-lit){background:linear-gradient(135deg,rgba(92,155,255,.16),rgba(92,155,255,.05))!important;border:1px solid rgba(122,167,255,.6)!important;color:#D6E0FF!important;box-shadow:none!important}
/* v2528 — en démo, le montant de la case du gain passe aussi au bleu de la démo (vert en réel inchangé). */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .win-preview .amount{color:#7AA7FF!important;-webkit-text-fill-color:#7AA7FF!important}
/* v2529 — la case des secondes (« 5s »…) prend la couleur du mode : bleu en démo, vert en réel (comme la mise et le gain). */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on,
html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3) .dur-row .dur-chip.on{color:#7AA7FF!important;-webkit-text-fill-color:#7AA7FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) .dur-row .dur-chip.on,
html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3) .dur-row .dur-chip.on{color:#22E07A!important;-webkit-text-fill-color:#22E07A!important}
/* v2530 — le « Payout 90 % / 500 % … » sous le gain prend aussi la couleur du mode : bleu en démo, vert en réel. */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .win-preview .mult{color:#7AA7FF!important;-webkit-text-fill-color:#7AA7FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .win-preview .mult{color:#22E07A!important;-webkit-text-fill-color:#22E07A!important}
/* v2531 — + / − de la mise et flèches des secondes à la couleur du mode (bleu démo, vert réel), normal et plein écran. */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::before,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::after,
html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm::before,html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm::after{background:#7AA7FF!important;box-shadow:0 0 6px rgba(122,167,255,.7)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::before,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm::after,
html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm::before,html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm::after{background:#22E07A!important;box-shadow:0 0 6px rgba(34,224,122,.7)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm.stake-minus::after,html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm.stake-minus::after,
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm.stake-minus::after,html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm.stake-minus::after{background:transparent!important;box-shadow:none!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg,html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav svg{stroke:#7AA7FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg,html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav svg{stroke:#22E07A!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg path,html body:where(:not(.oro-real)):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav svg path{stroke:#7AA7FF!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav svg path,html body:where(.oro-real):not(#oroQ):not(.oroQ) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav svg path{stroke:#22E07A!important}

/* v2532 — écran normal : le TOUR de la barre COMPTE RÉEL / DÉMO est toujours vert autour du réel et bleu autour de la démo
   (avant, tout le tour prenait la couleur du mode choisi). Le reste de la barre est inchangé. */
@media (max-width:859px){
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher#modeSwitcher{position:relative!important;border-width:0!important;padding:3.8px!important}
  html:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher#modeSwitcher::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:0.8px!important;pointer-events:none!important;z-index:3!important;
    background:linear-gradient(90deg,rgba(60,245,166,.75) 0,rgba(60,245,166,.75) 53.5%,rgba(122,167,255,.8) 56.5%,rgba(122,167,255,.8) 100%)!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)!important}
  html[dir="rtl"]:not(.fs-trade) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#y1):not(#y2):not(#y3):not(#y4) #modeSwitcher#modeSwitcher::before{background:linear-gradient(270deg,rgba(60,245,166,.75) 0,rgba(60,245,166,.75) 53.5%,rgba(122,167,255,.8) 56.5%,rgba(122,167,255,.8) 100%)!important}
}

/* v2533 — iPhone, plein écran : Safari dessinait en CARRÉ la lueur (ombre) autour du rond blanc des flèches ACHETER / VENDRE.
   Même anneau, mais fait avec un contour (outline), que Safari récent dessine rond ; taille et place du rond inchangées. Android inchangé. */
html.is-ios body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap #btnCall .bt-arr,html.is-ios body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap #btnPut .bt-arr{box-shadow:0 2px 8px rgba(0,0,0,.35)!important;outline:4px solid rgba(255,255,255,.22)!important;outline-offset:0!important}

/* ===== v2538 — FLUIDITÉ (à ne pas défaire, voir CLAUDE.md « Règles de fluidité ») =====
   1) Pour tous : un élément CACHÉ n'anime plus rien (avant : ~45 animations de l'écran de chargement et celles du
      profil fermé tournaient en permanence pour rien). Elles reprennent dès qu'on rouvre. Aucun changement visible. */
#oroLoader.off,#oroLoader.off *,#oroLoader.off *::before,#oroLoader.off *::after,
#drawerProfile:not(.on) *,#drawerProfile:not(.on) *::before,#drawerProfile:not(.on) *::after,
.modal-backdrop:not(.active):not(.open) *,.modal-backdrop:not(.active):not(.open) *::before,.modal-backdrop:not(.active):not(.open) *::after{animation-play-state:paused!important}
/* 2) MODE LÉGER (html.oro-lite, posé tout seul par app.js sur un téléphone qui n'arrive pas à suivre) : les décors
      qui se redessinent sans arrêt s'immobilisent, le verre flouté devient un fond simple. Couleurs et places inchangées. */
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #btnCall:not(.is-lit):not(.btn-sent),html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #btnPut:not(.is-lit):not(.btn-sent),
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .dur-chip,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .odds-chip,
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .topbar .portal-btn svg,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .topbar .portal-btn svg *,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .topbar .portal-btn .pw-dot,
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #btnChartFs,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #btnChartFs *,
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #screenTrade::before,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #screenTrade::after{animation-play-state:paused!important}
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #topbarCta::before,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #topbarCta::after,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .btn-deposit::before{animation:none!important;opacity:0!important}
html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .topbar,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) #btnChartFs,html.oro-lite body:not(#lz1):not(#lz2):not(#lz3):not(#lz4):not(#lz5):not(#lz6):not(#lz7):not(#lz8):not(#lz9):not(#lz10):not(#lz11):not(#lz12) .glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* v2540 — on voit que ce sont des BOUTONS : léger halo rond (couleur du mode : bleu démo / vert réel) derrière
   les + / − de la mise et les flèches des secondes, normal et plein écran. Couleurs des signes inchangées. */
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(.mode-real):not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav,
html body:not(.oro-real) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm,html body:not(.oro-real) #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav{border-radius:50%!important;background:radial-gradient(circle at 50% 50%,rgba(122,167,255,.20) 0,rgba(122,167,255,.08) 58%,rgba(122,167,255,0) 72%)!important;box-shadow:inset 0 0 0 1px rgba(122,167,255,.30),0 0 7px rgba(122,167,255,.22)!important}
html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .stake-pm,html body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade#screenTrade.mode-real:not(#y1):not(#y2):not(#y3) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#x1):not(#x2):not(#x3) .dur-row .dur-nav,
html body.oro-real #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .stake-pm,html body.oro-real #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap .dur-row .dur-nav{border-radius:50%!important;background:radial-gradient(circle at 50% 50%,rgba(34,224,122,.18) 0,rgba(34,224,122,.07) 58%,rgba(34,224,122,0) 72%)!important;box-shadow:inset 0 0 0 1px rgba(34,224,122,.28),0 0 7px rgba(34,224,122,.20)!important}
/* v2540 — plein écran (téléphones) : « $ montant » un peu plus au milieu, moins collé au − (était 9 px du −, 20 px du +). */
@media (max-width:820px){ #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#y1):not(#y2):not(#y3):not(#z1):not(#z2):not(#z3):not(#z4) #tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap#tradeWrap #inputStake{margin-left:6px!important} }

/* v2541 — fenêtre « Wave est en maintenance » (Côte d'Ivoire / Sénégal), juste avant la page Flutterwave. */
#waveNotice.wave-notice{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,8,22,.72)}
#waveNotice .wn-box{width:min(340px,100%);background:linear-gradient(180deg,#1b1544,#0e1230);border:1px solid rgba(160,180,255,.28);border-radius:20px;padding:18px 16px 14px;text-align:center;color:#EAF0FF;box-shadow:0 14px 40px rgba(0,0,0,.55)}
#waveNotice .wn-wave{position:relative;width:52px;height:52px;margin:0 auto 10px}
#waveNotice .wn-wave img{width:52px;height:52px;border-radius:14px;opacity:.55;filter:grayscale(.6)}
#waveNotice .wn-wave i{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;background:#EF4444;color:#fff;font:900 12px/22px system-ui;font-style:normal}
#waveNotice h3{margin:0 0 6px;font:800 17px/1.25 system-ui,sans-serif}
#waveNotice p{margin:0 0 12px;font:600 13.5px/1.4 system-ui,sans-serif;color:#C9D3F2}
#waveNotice .wn-ops{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
#waveNotice .wn-op{display:flex;flex-direction:column;align-items:center;gap:5px;font:800 11px system-ui;color:#EAF0FF}
#waveNotice .wn-op img{width:46px;height:46px;border-radius:12px;background:#fff;padding:3px;box-sizing:border-box;box-shadow:0 0 0 2px rgba(34,224,122,.55)}
#waveNotice .wn-go{display:block;width:100%;border:0;border-radius:14px;padding:13px;font:900 16px system-ui;color:#fff;background:linear-gradient(180deg,#34D673,#16A34A);cursor:pointer}
#waveNotice .wn-no{display:block;width:100%;margin-top:8px;border:0;background:transparent;color:#9DB7FF;font:700 14px system-ui;padding:6px;cursor:pointer}

/* v2543 — logo BANQUE (remplace Moov) dans « Carte & paiement instantané » : bleu marine, bâtiment doré, un peu plus large. */
html body #depositModal #payMethodCard .pl-logo.pl-bank{background:linear-gradient(180deg,#1E40AF,#0B2363);color:#fff;padding:0 10px;gap:5px;letter-spacing:.02em;font-style:normal}
html body #depositModal .pl-bank svg{width:14px;height:14px;fill:#FCD34D;flex:0 0 auto}

/* v2544 — nouveaux logos de « Carte & paiement instantané » (couleurs des marques). */
html body #depositModal .pl-opay{background:#1DCF9F;color:#073B2E;font-weight:900}
html body #depositModal .pl-ussd{background:#2B2F3A;color:#fff}
html body #depositModal .pl-ussd b{color:#FCD34D;margin-right:2px}
html body #depositModal .pl-telecel{background:#E30613;color:#fff;text-transform:lowercase}
html body #depositModal .pl-tigo{background:#00377B;color:#fff}
html body #depositModal .pl-tigo small{color:#FCD34D;margin-left:2px;font-size:.85em}
html body #depositModal .pl-zamtel{background:#00A651;color:#fff}

/* v2545 — logos RANGÉS : grille de 3 colonnes égales, tous la même taille, contenu centré ; dernière ligne centrée. */
html body #depositModal#depositModal #payMethodCard .pl-logos{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important;align-content:flex-start!important}
html body #depositModal#depositModal #payMethodCard .pl-logo{flex:0 0 calc((100% - 10px) / 3)!important;width:calc((100% - 10px) / 3)!important;max-width:calc((100% - 10px) / 3)!important;min-width:0!important;box-sizing:border-box!important;height:24px!important;padding:0 4px!important;justify-content:center!important;overflow:hidden!important;font-size:10.5px!important}
html body #depositModal#depositModal #payMethodCard .pl-logo.pl-om,html body #depositModal#depositModal #payMethodCard .pl-logo.pl-airtel,html body #depositModal#depositModal #payMethodCard .pl-logo.pl-tigo{font-size:9.5px!important;letter-spacing:-.01em}
@media (max-width:359px){html body #depositModal#depositModal #payMethodCard .pl-logo.pl-om{font-size:8px!important;gap:2px!important;padding:0 2px!important;letter-spacing:-.02em}}

/* v2548 — PLEIN ÉCRAN plus fluide (iPhone surtout) : les « verres floutés » posés sur la courbe obligeaient le
   téléphone à refaire un flou à CHAQUE image (la courbe bouge derrière). En plein écran seulement :
   - barre du bas (.pad) et cadre de la courbe (.card) : flou retiré (la barre du bas a un fond plein → aucun changement visible) ;
   - barre du haut et bouton Quitter : flou remplacé par un léger fond sombre (même aspect). */
html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) .pad.glass,html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) .card.glass,html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) .topbar,html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) #btnChartFsExit{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) .topbar{background-color:rgba(10,9,30,.42)!important}
html.fs-trade body:not(#fz1):not(#fz2):not(#fz3):not(#fz4):not(#fz5):not(#fz6):not(#fz7):not(#fz8):not(#fz9):not(#fz10):not(#fz11):not(#fz12) #btnChartFsExit{background-color:rgba(10,9,30,.5)!important}
/* v2561 — Fenêtre « Recharger » (1re étape) sur téléphone debout : réduite de 10 % de façon
   proportionnelle (rien n'est déformé), avec ~40 px libres en haut et en bas pour tous les
   iPhone / Android. Navigateur sans « zoom » : seulement la marge (défilement interne si besoin). */
@media (max-width:820px) and (orientation:portrait){
  html body #depositModal #depositBox:not(.is-crypto){max-height:calc(100dvh - 72px)!important}
}
@supports (zoom:.9){
  @media (max-width:820px) and (orientation:portrait){
    html body #depositModal #depositBox:not(.is-crypto){zoom:.9;max-height:calc((100dvh - 72px) / .9)!important}
  }
}
/* v2562 — Plein écran Android (site et application) : rangée du bas (mise, ACHETER, VENDRE)
   très légèrement agrandie : marges des côtés 8 → 5 px, hauteur 46 → 50 px ; même espace entre les 3. */
html.is-android.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) > .pad{padding-left:5px!important;padding-right:5px!important}
html.is-android.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) > .pad .stake-line,
html.is-android.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) > .pad .stake-field,
html.is-android.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) > .pad .trade-row,
html.is-android.fs-trade body #fsTradeOverlay#fsTradeOverlay #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) > .pad .btn-trade{height:50px!important;min-height:50px!important;max-height:50px!important}
/* v2570 — liens de test (?test=ombres / anim / fond / tout) : seulement pour mesurer ce qui ralentit un téléphone. */
html.t-noshadow *,html.t-noshadow *::before,html.t-noshadow *::after{box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.t-noanim *,html.t-noanim *::before,html.t-noanim *::after{animation:none!important;transition:none!important}
html.t-nobg body,html.t-nobg body *:not(canvas):not(svg):not(img){background-image:none!important}
html.t-nobg body{background:#0B0A24!important}

/* v2586 — bouton Google : invisible pendant que Google le construit (plus de « flash » de case blanche vide),
   puis fondu court quand il est prêt (js/app.js revealWhenReady ; jamais caché plus de 2,5 s). */
html body #screenAuth .g-official .g-holder{opacity:0;transition:opacity .2s ease}
html body #screenAuth .g-official .g-holder.g-in{opacity:1}
/* v2587 — copie fixe du bouton Google (même allure que le bouton blanc de Google), visible tout de suite,
   sous le vrai bouton qui la remplace en fondu dès qu'il est prêt (.g-ok). Plus de case vide ni d'éclair. */
html body #screenAuth .g-official .g-holder{position:relative;z-index:1}
html body #screenAuth .g-official .g-ph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;max-width:100%;height:46px;
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;border-radius:5px;
  background:#FFFFFF;border:1px solid #DADCE0;color:#1F1F1F;font:500 16px Roboto,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;pointer-events:none;transition:opacity .2s ease}
html body #screenAuth .g-official.g-ok .g-ph{opacity:0}
html body #screenAuth .g-official .g-ph-txt{overflow:hidden;text-overflow:ellipsis}
html body #screenAuth .g-official .g-ph-mark{width:20px;height:20px;flex:0 0 20px;display:block;
  background:conic-gradient(from -20deg at 50% 50%,#FF4131 0deg,#FF4131 22deg,#3086FF 92deg,#3086FF 150deg,#00A63E 192deg,#00A63E 212deg,#FFBD00 252deg,#FFBD00 290deg,#FF4131 335deg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 40 40'%3E%3Cpath d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 40 40'%3E%3Cpath d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat}
/* v2590 (propriétaire) — Recharger, « Carte & paiement instantané » : les 4 cartes (VISA, Mastercard, Apple Pay,
   Google Pay) sur UNE ligne, puis 2 lignes de 3 (Banque / USSD / OPay, M-PESA / Airtel / Telecel), et Orange Money
   seul en dessous, sur toute la largeur et plus grand (le mobile money qui marche le mieux avec Flutterwave). */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo{flex:0 0 calc((100% - 10px) / 3)!important;width:calc((100% - 10px) / 3)!important;max-width:calc((100% - 10px) / 3)!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo:is(.pl-visa,.pl-mc,.pl-apple,.pl-gpay){flex:0 0 calc((100% - 15px) / 4)!important;width:calc((100% - 15px) / 4)!important;max-width:calc((100% - 15px) / 4)!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-om{flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:32px!important;font-size:14.5px!important;letter-spacing:.01em!important;gap:8px!important;padding:0 10px!important;border-radius:9px!important;margin-top:2px}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-om b{width:16px!important;height:16px!important;border-radius:2px}
@media (max-width:359px){html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-om{font-size:13px!important;gap:6px!important;letter-spacing:0!important}}
/* v2591 — Retrait : la case « Carte bancaire » était coupée (« Carte banc ») sur téléphone, les logos VISA /
   Mastercard prenant la place du texte → logos au-dessus, texte en dessous (toujours entier). */
html body #withdrawModal .wd-card[data-wd="card"]{flex-direction:column!important;justify-content:center!important;gap:3px!important;text-align:center}
html body #withdrawModal .wd-card[data-wd="card"] > span[data-i18n]{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1}
/* v2592 — Retrait : la flèche « retour » s'affichait aussi sur le 1er écran (à côté de la croix) : une règle
   « display:grid !important » (v2453) passait devant « .hidden ». Elle n'apparaît plus que sur le formulaire. */
html body #withdrawModal .wd-back-ico.hidden{display:none!important}
/* v2592 (propriétaire) — logo Orange Money de Recharger : le carré orange porte le mot « orange » (comme le vrai logo). */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-om b{width:26px!important;height:26px!important;border-radius:2px!important;
  background:#FF7900!important;color:#fff!important;font:800 6.8px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.01em!important;
  display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;padding:0 0 3px 2px!important;box-sizing:border-box!important;text-transform:lowercase}
/* v2593 (propriétaire) — « orange » centré dans le carré, un peu plus petit, jamais en dehors. */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-om b{align-items:flex-end!important;justify-content:flex-start!important;padding:0 0 3px 1.5px!important;font-size:6.6px!important;letter-spacing:-.03em!important;overflow:hidden!important;white-space:nowrap!important}
/* v2595 (propriétaire) — Retrait : plus d'apparition « en cascade » (1re colonne, puis 2e, puis 3e, en glissant) :
   toutes les cases s'affichent d'un coup à l'ouverture. */
html body #withdrawModal#withdrawModal .wd-card,html body #withdrawModal#withdrawModal .wd-card:nth-child(n){animation:none!important;opacity:1!important}
/* v2605 — titre de la fenêtre des Conditions invisible (lettres transparentes d'un ancien effet doré sans son dégradé) :
   texte doré plein, lisible, un peu plus grand. */
html body #termsModal #termsTitle{-webkit-text-fill-color:#FCD34D!important;color:#FCD34D!important;background:none!important;
  font-size:14px!important;line-height:1.25!important;letter-spacing:.03em!important;white-space:normal!important;padding:4px 0!important;height:auto!important}
/* v2607 — Carte « Alertes OROLADO » (notifications) : en haut, ne cache jamais ACHETER / VENDRE.
   Seulement transform / opacity (fluidité). */
html body .push-ask{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:100050;width:min(380px,calc(100vw - 24px));
  display:grid;grid-template-columns:40px 1fr;gap:6px 12px;align-items:center;padding:12px 12px 10px;border-radius:16px;
  background:linear-gradient(160deg,#16203A,#0D1426);border:1px solid rgba(252,211,77,.38);box-shadow:0 14px 34px rgba(0,0,0,.55);
  color:#F1F5F9;font-family:inherit;opacity:0;transform:translate(-50%,-14px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
html body .push-ask.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
html body .push-ask-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#FCD34D,#D97706);color:#1A1203}
html body .push-ask-ico svg{width:22px;height:22px}
html body .push-ask-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
html body .push-ask-txt b{font-size:14px;font-weight:800;color:#FCD34D;line-height:1.25}
html body .push-ask-txt span{font-size:12.5px;line-height:1.35;color:#CBD5E1}
html body .push-ask-txt span:empty{display:none}
html body .push-ask-btns{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
html body .push-ask-btns button{min-height:38px;padding:0 16px;border-radius:11px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
html body .push-ask-no{background:transparent;border:1px solid rgba(203,213,225,.28);color:#CBD5E1}
html body .push-ask-yes{background:linear-gradient(145deg,#FCD34D,#F59E0B);border:0;color:#1A1203}
html body .push-ask.done .push-ask-btns{display:none}
html body .push-ask.done .push-ask-txt b{color:#34D399}

/* v2608 — Carte Alertes : ligne rassurante (vert) + état « Appuyez sur Autoriser » (boutons cachés). */
html body .push-ask-txt b{font-size:15px}
html body .push-ask-txt em{font-style:normal;font-size:11.5px;font-weight:700;color:#34D399;margin-top:3px}
html body .push-ask-txt em:empty{display:none}
html body .push-ask-txt em::before{content:"✓ "}
html body .push-ask.wait .push-ask-btns{display:none}
html body .push-ask.wait .push-ask-txt b{font-size:16px;color:#FCD34D}
html body .push-ask-yes{min-width:46%}
/* v2619 — Retrait : logos redessinés (Wave, Orange, MTN MoMo, Moov, Airtel) + 4 moyens ajoutés (T-Money, Celtiis,
   Vodafone, MyNita). Même taille de case que les autres. */
html body .wd-tmoney .wd-mm-dot,html body .wd-celtiis .wd-mm-dot,html body .wd-vodafone .wd-mm-dot,html body .wd-mynita .wd-mm-dot{
  width:18px!important;height:18px!important;min-width:18px;border-radius:5px!important;flex:0 0 18px!important;padding:0!important;
  font-size:0!important;color:transparent!important;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.35)!important;
  background:center/cover no-repeat!important;display:inline-block!important}
html body .wd-wave .wd-mm-dot{background-image:url("../icons/pay/wave.svg?v=2768")!important}
html body .wd-orange .wd-mm-dot{background-image:url("../icons/pay/orange.svg?v=2619")!important}
html body .wd-mtn .wd-mm-dot{background-image:url("../icons/pay/mtn.svg?v=2619")!important}
html body .wd-moov .wd-mm-dot{background-image:url("../icons/pay/moov.svg?v=2619")!important}
html body .wd-airtel .wd-mm-dot{background-image:url("../icons/pay/airtel.svg?v=2619")!important}
html body .wd-tmoney .wd-mm-dot{background-image:url("../icons/pay/tmoney.svg?v=2619")!important}
html body .wd-celtiis .wd-mm-dot{background-image:url("../icons/pay/celtiis.svg?v=2619")!important}
html body .wd-vodafone .wd-mm-dot{background-image:url("../icons/pay/vodafone.svg?v=2619")!important}
html body .wd-mynita .wd-mm-dot{background-image:url("../icons/pay/mynita.svg?v=2619")!important}
html body .wd-card.wd-tmoney.on{border-color:#FFD400}
html body .wd-card.wd-celtiis.on{border-color:#8CC63F}
html body .wd-card.wd-vodafone.on{border-color:#E60000}
html body .wd-card.wd-mynita.on{border-color:#F26A21}

/* v2621 — Recharger : case Mobile Money (Maketou) entre Carte et Crypto, même importance que les autres.
   Carte : Orange Money et Airtel retirés → 4 logos puis 5 logos sur la 2e ligne. */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay){flex:0 0 calc((100% - 20px) / 5)!important;width:calc((100% - 20px) / 5)!important;max-width:calc((100% - 20px) / 5)!important;font-size:10px!important;letter-spacing:-.02em!important;padding:0 2px!important;gap:2px!important}
html body #depositModal .pay-momo{margin:0 0 12px;padding:10px 11px 11px;border-radius:16px;border:2px solid rgba(255,138,0,.6);background:rgba(255,138,0,.08)}
html body #depositModal .pay-momo .pay-method-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
html body #depositModal .pay-momo .pay-method-title{font-size:16px;font-weight:800;color:#fff}
html body #depositModal .pay-momo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
html body #depositModal .pm-op{height:40px;border-radius:10px;background:#fff;color:#111;display:flex;align-items:center;gap:6px;padding:0 6px;min-width:0;overflow:hidden}
html body #depositModal .pm-op img{width:26px;height:26px;flex:0 0 26px;border-radius:7px;display:block}
html body #depositModal .pm-op b{font-size:11.5px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #depositModal .btn-momo{width:100%;min-height:44px;margin-top:9px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#FF9A1F,#FF5E00);color:#fff;font-weight:900;font-size:14px;letter-spacing:.5px;cursor:pointer;font-family:inherit}
html body #depositModal .btn-momo svg{width:20px;height:20px;flex:0 0 20px}
html body #depositModal .btn-momo.busy,html body #depositModal .btn-momo:disabled{opacity:.75;cursor:default}
@media (max-width:359px){
  html body #depositModal .pm-op{gap:4px;padding:0 4px}
  html body #depositModal .pm-op img{width:22px;height:22px;flex-basis:22px}
  html body #depositModal .pm-op b{font-size:10px}
}
@media (max-width:359px){
  html body #depositModal .pm-op{gap:3px;padding:0 4px}
  html body #depositModal .pm-op img{width:20px;height:20px;flex-basis:20px;border-radius:5px}
  html body #depositModal .pm-op b{font-size:9.5px;letter-spacing:-.02em;text-overflow:clip}
  html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay){font-size:8.5px!important}
  html body #depositModal#depositModal #payMethodCard .pl-logos .pl-bank svg{width:9px!important;height:9px!important}
}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-bank{overflow:hidden}

/* v2622 (propriétaire) — Recharger compact : tout tient sur l'écran sans défiler, les 3 moyens ont le même poids.
   Mobile Money et Crypto = mêmes petites cases (logo + nom), mêmes titres, mêmes boutons, fenêtre plus large sur PC. */
html body #depositModal#depositModal .deposit-box{padding:14px 14px 12px!important}
html body #depositModal#depositModal #depositStepSelect .modal-title{font-size:21px!important;margin:0 44px 4px 0!important;line-height:1.15!important}
html body #depositModal#depositModal #depositStepSelect .field{margin-bottom:6px!important}
html body #depositModal#depositModal #depositStepSelect .field label{font-size:10.5px!important;margin-bottom:4px!important}
html body #depositModal#depositModal #depositAmt{height:42px!important;min-height:42px!important;padding-top:0!important;padding-bottom:0!important;font-size:18px!important}
html body #depositModal#depositModal #depositStepSelect .hint-min{margin:3px 0 0!important;font-size:11px!important}
html body #depositModal#depositModal #depositStepSelect .pay-method-label{font-size:11px!important;margin:4px 0 6px!important}
html body #depositModal#depositModal #payMethodCard,html body #depositModal#depositModal .pay-momo,html body #depositModal#depositModal #payMethodUsdt{padding:9px 10px 10px!important;border-radius:14px!important;margin:0 0 8px!important}
html body #depositModal#depositModal .pay-method-top{margin-bottom:7px!important;min-height:0!important}
html body #depositModal#depositModal #payMethodCard .pay-method-title,html body #depositModal#depositModal .pay-momo .pay-method-title,html body #depositModal#depositModal #payMethodUsdt .pay-method-title{font-size:15px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.2!important;text-transform:none!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important}
html body #depositModal#depositModal #payMethodCard .pay-local{gap:8px!important}
html body #depositModal#depositModal #payMethodCard .pl-phone{display:none!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo{height:26px!important;min-height:26px!important}
html body #depositModal#depositModal #btnConfirmDeposit.btn-deposit-confirm,html body #depositModal#depositModal .btn-momo{min-height:40px!important;height:40px!important;padding:0 10px!important;margin:8px 0 0!important;font-size:13.5px!important;letter-spacing:.4px!important;border-radius:11px!important}
html body #depositModal#depositModal #btnConfirmDeposit.btn-deposit-confirm{margin:-2px 0 8px!important}
html body #depositModal#depositModal .pay-momo{border:2px solid rgba(255,138,0,.55)!important;background:rgba(255,138,0,.07)!important}
html body #depositModal#depositModal .pay-momo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
html body #depositModal#depositModal .pm-op{height:40px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:2px 1px!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
html body #depositModal#depositModal .pm-op img{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:5px!important}
html body #depositModal#depositModal .pm-op b{font-size:9.5px!important;font-weight:800!important;line-height:1!important;color:#fff!important;max-width:100%!important}
html body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin:0!important}
html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{height:40px!important;min-height:0!important;padding:2px 1px!important;gap:2px!important;border-radius:9px!important}
html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{width:20px!important;height:20px!important}
html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell b{font-size:9.5px!important;line-height:1!important}
html body #depositModal#depositModal #payMethodUsdt .pay-go-arrow.pay-go-pill{height:28px!important;padding:0 9px 0 12px!important;font-size:12.5px!important}
html body #depositModal#depositModal .dep-learn{margin-top:2px!important}
html body #depositModal#depositModal .dep-learn .auth-learn{min-height:0!important;padding-top:6px!important;padding-bottom:6px!important}
@media (min-width:768px){
  html body #depositModal#depositModal .deposit-box{width:min(560px,94vw)!important;max-width:560px!important;padding:18px 20px 16px!important}
  html body #depositModal#depositModal .pay-momo-grid{grid-template-columns:repeat(9,minmax(0,1fr))!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
html body #depositModal#depositModal .pay-momo{margin:0 0 6px!important}
html body #depositModal#depositModal .btn-momo{margin:-0px 0 8px!important}
html body #depositModal#depositModal .pay-momo-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
html body #depositModal#depositModal .pay-momo-grid .pm-op{flex:0 0 calc((100% - 16px) / 5)!important;width:calc((100% - 16px) / 5)!important}
@media (min-width:768px){html body #depositModal#depositModal .pay-momo-grid .pm-op{flex:0 0 calc((100% - 32px) / 9)!important;width:calc((100% - 32px) / 9)!important}}
@media (max-height:760px){html body #depositModal#depositModal .dep-learn{display:none!important}}
/* v2622 — fenêtre de paiement Mobile Money intégrée (plein écran sur téléphone, centrée sur PC / TV). */
html body #payFrameModal{z-index:260!important}
html body #payFrameModal .pay-frame-box{position:fixed;inset:0;display:flex;flex-direction:column;background:#0b1030;border:0;border-radius:0;overflow:hidden}
html body #payFrameModal .pay-frame-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:48px;padding:0 8px 0 14px;padding-top:env(safe-area-inset-top);box-sizing:content-box;background:linear-gradient(90deg,#0f4a4a,#2b2466);color:#fff;border-bottom:1px solid rgba(126,231,192,.35)}
html body #payFrameModal .pay-frame-head b{flex:1 1 auto;font-size:15px;font-weight:800}
html body #payFrameModal .pay-frame-lock{width:18px;height:18px;color:#4ADE80;flex:0 0 18px}
html body #payFrameModal .pay-frame-close{width:38px;height:38px;border-radius:50%;border:2px solid rgba(126,231,192,.7);background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
html body #payFrameModal .pay-frame-close svg{width:18px;height:18px;stroke:#fff;stroke-width:2.6;stroke-linecap:round;fill:none}
html body #payFrameModal iframe{flex:1 1 auto;width:100%;border:0;background:#fff;display:block}
@media (min-width:768px) and (min-height:600px){html body #payFrameModal .pay-frame-box{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,94vw);height:min(760px,92vh);border-radius:18px;border:2px solid rgba(126,231,192,.5);box-shadow:0 20px 60px rgba(0,0,0,.6)}}
@media (max-width:419px){html body #depositModal#depositModal #payMethodCard .pl-logos .pl-bank svg{display:none!important}}
/* v2622 : les 15 cryptos toujours visibles (avant : 10 seulement sur les écrans bas). Écrans bas : 8 par ligne. */
html body #depositModal#depositModal .pay-crypto-wall .pay-crypto-cell:nth-child(n+11){display:flex!important}
@media (max-height:760px){
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{height:36px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{width:17px!important;height:17px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell b{font-size:8px!important;letter-spacing:-.02em!important}
  html body #depositModal#depositModal .pm-op{height:36px!important}
  html body #depositModal#depositModal .pm-op img{width:17px!important;height:17px!important;flex-basis:17px!important}
}

/* v2623 (propriétaire) — Recharger : case du montant à part (dorée, « pour tous les moyens »), Crypto resserrée
   (8 par ligne → 2 lignes), « Apprendre à trader » visible sans défiler, fenêtre de paiement avec une simple croix. */
html body #depositModal#depositModal #depositStepSelect > .field{background:linear-gradient(180deg,rgba(251,191,36,.10),rgba(251,191,36,.03))!important;border:1.5px solid rgba(251,191,36,.45)!important;border-radius:14px!important;padding:8px 10px 7px!important;margin-bottom:8px!important}
html body #depositModal#depositModal #depositStepSelect > .field label{color:#FCD34D!important}
html body #depositModal#depositModal #depositAmt{border:1.5px solid rgba(251,191,36,.6)!important;background:rgba(0,0,0,.28)!important;color:#FFF7D6!important;box-shadow:none!important}
html body #depositModal#depositModal #depositAmt:focus{border-color:#FBBF24!important;box-shadow:0 0 0 3px rgba(251,191,36,.18)!important}
html body #depositModal#depositModal .amt-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}
html body #depositModal#depositModal .amt-row .hint-min{margin:0!important;color:#FDE68A!important;white-space:nowrap}
html body #depositModal#depositModal .amt-all{font-size:10px;font-weight:800;color:#FDE68A;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #depositModal#depositModal #depositStepSelect .pay-method-label{display:none!important}
@media (max-width:767px){
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{height:35px!important;padding:2px 0!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell .pay-crypto-badge{width:17px!important;height:17px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell b{font-size:8px!important;letter-spacing:-.03em!important}
}
@media (max-height:760px){html body #depositModal#depositModal .dep-learn{display:block!important}}
html body #depositModal#depositModal .dep-learn .auth-learn{padding-top:4px!important;padding-bottom:4px!important}
html body #depositModal#depositModal .dep-learn .al-ico{width:34px!important;height:34px!important;flex-basis:34px!important}
html body #depositModal#depositModal .dep-learn .al-txt b{font-size:13px!important}
html body #depositModal#depositModal .dep-learn .al-txt small{font-size:10.5px!important}
html body #payFrameModal .pay-frame-head{justify-content:flex-end!important;height:46px!important;background:#0b1030!important;border-bottom:0!important;padding:0 8px!important}
@media (max-height:700px){
  html body #depositModal#depositModal .deposit-box{padding:10px 12px 10px!important;max-height:calc(100dvh - 12px)!important}
  html body #depositModal#depositModal #depositStepSelect .modal-title{font-size:18px!important;margin-bottom:2px!important}
  html body #depositModal#depositModal #depositStepSelect > .field{padding:5px 9px 5px!important;margin-bottom:6px!important}
  html body #depositModal#depositModal #depositAmt{height:36px!important;min-height:36px!important;font-size:16px!important}
  html body #depositModal#depositModal #payMethodCard,html body #depositModal#depositModal .pay-momo,html body #depositModal#depositModal #payMethodUsdt{padding:7px 9px 8px!important;margin-bottom:6px!important}
  html body #depositModal#depositModal .pay-method-top{margin-bottom:5px!important}
  html body #depositModal#depositModal #payMethodCard .pay-method-title,html body #depositModal#depositModal .pay-momo .pay-method-title,html body #depositModal#depositModal #payMethodUsdt .pay-method-title{font-size:14px!important}
  html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo{height:22px!important;min-height:22px!important}
  html body #depositModal#depositModal #btnConfirmDeposit.btn-deposit-confirm,html body #depositModal#depositModal .btn-momo{height:36px!important;min-height:36px!important}
  html body #depositModal#depositModal #btnConfirmDeposit.btn-deposit-confirm{margin-bottom:6px!important}
  html body #depositModal#depositModal .btn-momo{margin-bottom:6px!important}
  html body #depositModal#depositModal .pm-op{height:33px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{height:31px!important}
  html body #depositModal#depositModal #payMethodUsdt .pay-go-arrow.pay-go-pill{height:24px!important}
}
html body #depositModal#depositModal .pm-op b,html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell b{line-height:1.2!important;padding-bottom:1px}
@media (max-height:700px){html body #depositModal#depositModal #payMethodUsdt .pay-crypto-cell{height:33px!important}}
/* v2626 — Mobile Money par Flutterwave en direct : opérateur choisi + numéro (affiché seulement si activé). */
html body #depositModal#depositModal .momo-phone{display:flex;align-items:center;gap:6px;margin-top:6px;height:36px;border-radius:10px;border:1.5px solid rgba(255,138,0,.55);background:rgba(0,0,0,.25);padding:0 10px}
html body #depositModal#depositModal .momo-phone.hidden{display:none!important}
html body #depositModal#depositModal .momo-cc{font-weight:800;color:#FFD2A0;font-size:14px}
html body #depositModal#depositModal #momoPhone{flex:1 1 auto;min-width:0;height:100%;border:0!important;background:transparent!important;color:#fff;font-size:15px;font-weight:700;outline:none;padding:0!important;box-shadow:none!important}
html body #depositModal#depositModal .momo-flw .pm-op[data-net]{cursor:pointer}
html body #depositModal#depositModal .momo-flw .pm-op.on{border:2px solid #FF8A00!important;background:rgba(255,138,0,.22)!important}
html body #depositModal#depositModal .momo-flw .pm-op.off{display:none!important}

/* v2628 (propriétaire) — case Wave (bleu Wave, logo, indicatif choisi + numéro) ; Carte & Mobile Money en 3 rangées de 4. */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo{flex:0 0 calc((100% - 15px) / 4)!important;width:calc((100% - 15px) / 4)!important;max-width:calc((100% - 15px) / 4)!important;font-size:11px!important;letter-spacing:-.01em!important;padding:0 3px!important;gap:3px!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-op2{background:#fff!important;color:#111!important;font-weight:800!important;border:0!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-op2 img{width:15px;height:15px;border-radius:4px;flex:0 0 15px}
html body #depositModal#depositModal .pay-wave{border:2px solid #1DC8FF!important;background:linear-gradient(160deg,rgba(29,200,255,.16),rgba(29,200,255,.05))!important}
html body #depositModal#depositModal .pay-wave-title{display:inline-flex;align-items:center;gap:8px}
html body #depositModal#depositModal .pay-wave-title img{width:26px;height:26px;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html body #depositModal#depositModal .pay-wave .momo-phone{display:flex!important;gap:6px;margin-top:2px;height:40px;border:0!important;background:none!important;padding:0!important}
html body #depositModal#depositModal #momoDial{flex:0 0 auto;height:40px;border-radius:10px;border:1.5px solid rgba(29,200,255,.65);background:rgba(0,0,0,.3);color:#fff;font-weight:800;font-size:14px;padding:0 6px}
html body #depositModal#depositModal #momoDial option{color:#111}
html body #depositModal#depositModal .pay-wave #momoPhone{flex:1 1 auto;min-width:0;height:40px;border-radius:10px!important;border:1.5px solid rgba(29,200,255,.65)!important;background:rgba(0,0,0,.3)!important;color:#fff;font-size:16px;font-weight:700;padding:0 12px!important}
html body #depositModal#depositModal .pay-wave #momoPhone:focus{border-color:#1DC8FF!important;outline:none;box-shadow:0 0 0 3px rgba(29,200,255,.2)!important}
html body #depositModal#depositModal .btn-wave{background:linear-gradient(135deg,#3DD6FF,#0AA5E0)!important;color:#fff!important}
@media (max-height:700px){html body #depositModal#depositModal .pay-wave .momo-phone,html body #depositModal#depositModal #momoDial,html body #depositModal#depositModal .pay-wave #momoPhone{height:36px!important}}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay),html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-visa.pl-visa,html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-mc.pl-mc,html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-apple.pl-apple,html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-gpay.pl-gpay{flex:0 0 calc((100% - 15px) / 4)!important;width:calc((100% - 15px) / 4)!important;max-width:calc((100% - 15px) / 4)!important;font-size:11px!important}
html body #depositModal#depositModal .pay-wave{padding:7px 8px!important;margin-bottom:6px!important}
html body #depositModal#depositModal .pay-wave .pay-method-top{display:none!important}
html body #depositModal#depositModal .pay-wave .momo-phone{height:36px!important;margin:0!important;align-items:center}
html body #depositModal#depositModal .pay-wave .momo-phone::before{content:"";flex:0 0 34px;height:34px;border-radius:9px;background:url("../icons/pay/wave.svg?v=2768") center/cover no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.35)}
html body #depositModal#depositModal #momoDial,html body #depositModal#depositModal .pay-wave #momoPhone{height:36px!important;font-size:14px!important}
html body #depositModal#depositModal .btn-wave{height:38px!important;min-height:38px!important}
/* v2629 — boutons-drapeaux Wave (CI / SN) */
html body #depositModal#depositModal .wave-cc{display:flex;gap:4px;flex:0 0 auto}
html body #depositModal#depositModal .wcc{height:36px;display:flex;align-items:center;gap:4px;padding:0 7px;border-radius:9px;border:1.5px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#cfe9f5;font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit}
html body #depositModal#depositModal .wcc svg{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
html body #depositModal#depositModal .wcc.on{border-color:#1DC8FF;background:rgba(29,200,255,.22);color:#fff}
@media (max-width:359px){html body #depositModal#depositModal .wcc{padding:0 4px;font-size:11px}html body #depositModal#depositModal .wcc svg{width:15px}html body #depositModal#depositModal .pay-wave .momo-phone::before{flex-basis:28px;height:28px}}
/* v2630 — Carte & Mobile Money : 4 cartes, puis 2 lignes de 5 (Orange, MTN, Airtel, Mobi Cash, M-PESA / Banque, USSD, OPay, Telecel, 1Voucher). */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay){flex:0 0 calc((100% - 20px) / 5)!important;width:calc((100% - 20px) / 5)!important;max-width:calc((100% - 20px) / 5)!important;font-size:10px!important;letter-spacing:-.02em!important;padding:0 2px!important;gap:2px!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-op2 img{width:13px!important;height:13px!important;flex:0 0 13px!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-mobicash{background:#fff!important;color:#F58220!important;font-weight:900!important;font-style:italic;border:0!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-mobicash b{color:#0066B3;font-weight:900}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-1voucher{background:#fff!important;color:#1B2A6B!important;font-weight:800!important;border:0!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-1voucher b{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#E4002B;color:#fff;font-size:9px;font-weight:900;margin-right:1px}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-bank svg{display:none!important}
/* v2632 — logos du dépôt identiques au retrait (Banque avec son icône, OPay, M-PESA) + 1Voucher actuel (orange). */
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-bank svg{display:inline-block!important;width:11px!important;height:11px!important;flex:0 0 11px!important;fill:currentColor}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-opay2{color:#0A9D74!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-mpesa2{color:#3B9C3B!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-1voucher{color:#F26522!important;font-weight:800!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-1voucher b{width:13px!important;height:13px!important;border-radius:3px!important;background:#F26522!important;color:#fff!important;font-size:9.5px!important;font-weight:900!important}
/* v2633 — bouton « OUVRIR WAVE » prêt (le joueur reste sur OROLADO). */
html body #depositModal#depositModal .btn-wave.ready{background:linear-gradient(135deg,#1DC8FF,#0077C8)!important;box-shadow:0 0 0 2px #fff inset,0 0 14px rgba(29,200,255,.55)!important}
html body #depositModal#depositModal .btn-wave.ready span::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;border-radius:5px;background:url("../icons/pay/wave.svg?v=2768") center/cover no-repeat}

/* v2642 — Pub Facebook / Instagram / TikTok (navigateur intégré) : Google y refuse sa connexion
   (iPhone : message d'erreur ; Android : saut vers Chrome qui perd la trace de la pub).
   Dans ces navigateurs, le bouton Google et le « ou » sont cachés : inscription par e-mail directe.
   Dans Chrome / Safari / l'application, Google reste comme avant. */
html.g-on.g-inapp body #screenAuth .btn-google,
html.g-on.g-inapp body #screenAuth .g-official,
html.g-on.g-inapp body #screenAuth .auth-or{display:none!important}

/* v2650 (propriétaire : le logo fait peur) — Connexion / Inscription : le logo (pièce) en haut est retiré ;
   « OROLADO.COM » prend sa place, un peu plus grand et un peu plus haut ; « TRADING » remonte légèrement.
   Le formulaire reste presque au même endroit. */
html body #screenAuth .brand-lockup .logo-mark{display:none!important}
html body #screenAuth .brand-lockup{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2px}
html body #screenAuth .brand-lockup .brand-xl{font-size:clamp(27px,7.6vw,34px)!important;line-height:1.05}
html body #screenAuth .brand-sub{margin-top:2px}
/* v2660 (propriétaire : « une seule ligne, élastique ») — message sous le code d'inscription : une ligne,
   taille qui s'adapte à la largeur du téléphone, jamais de débordement. */
html body #otpModal #err-otpCode{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:clamp(11px,3.5vw,14px)!important;line-height:1.3}
/* v2661 (propriétaire) — messages « Compte réel / Bravo / Prêt » pour les visiteurs non inscrits. */
#coachModal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;visibility:hidden}
#coachModal.on{pointer-events:auto;visibility:visible}
#coachModal .coach-dim{position:absolute;inset:0;background:rgba(5,3,15,.62);opacity:0;transition:opacity .25s}
#coachModal.on .coach-dim{opacity:1}
#coachModal .coach-card{position:relative;width:min(420px,calc(100% - 28px));margin:0 0 calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px;padding:20px 18px 14px;
  background:linear-gradient(180deg,#2c2266,#191339);border:1.5px solid rgba(245,197,24,.55);box-shadow:0 0 30px rgba(245,197,24,.18),0 20px 40px rgba(0,0,0,.5);
  color:#fff;text-align:center;transform:translateY(40px);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .25s}
#coachModal.on .coach-card{transform:none;opacity:1}
#coachModal .coach-x{position:absolute;top:8px;right:10px;width:34px;height:34px;border:0;background:none;color:#9d95c9;font-size:24px;line-height:1;cursor:pointer}
#coachModal .coach-big svg{width:54px;height:54px;fill:none;stroke:#FFD24A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(255,200,60,.45))}
#coachModal h2{margin:4px 0 6px;font:800 clamp(18px,5.4vw,22px)/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#FFE08A}
#coachModal p{margin:0 0 14px;color:#d9d3ff;font-size:clamp(13px,3.7vw,14.5px);line-height:1.35}
#coachModal .coach-steps{display:flex;align-items:flex-start;justify-content:space-between;margin:2px 0 16px}
#coachModal .coach-st{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}
#coachModal .coach-st i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,215,90,.22),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1.5px rgba(255,215,90,.45)}
#coachModal .coach-st svg{width:24px;height:24px;fill:none;stroke:#FFE7A3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#coachModal .coach-st b{font-size:clamp(10.5px,3vw,12px);font-weight:700;color:#efeaff;white-space:nowrap}
#coachModal .coach-ar{color:#F5C518;font-size:18px;font-weight:800;margin-top:14px}
#coachModal .coach-cmp{display:flex;gap:10px;margin:2px 0 16px}
#coachModal .coach-col{flex:1;border-radius:16px;padding:12px 8px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14);text-align:left}
#coachModal .coach-col.real{background:rgba(46,229,157,.10);box-shadow:inset 0 0 0 1.5px rgba(46,229,157,.5)}
#coachModal .coach-col i svg{width:28px;height:28px;fill:none;stroke:#C4B5FD;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#coachModal .coach-col.real i svg{stroke:#2EE59D}
#coachModal .coach-col .ct{font-size:13px;font-weight:800;margin:4px 0 6px}
#coachModal .coach-col.real .ct{color:#2EE59D}
#coachModal .coach-col .cl{display:flex;align-items:center;gap:6px;font-size:clamp(11.5px,3.3vw,12.5px);margin:5px 0;color:#e7e2ff;white-space:nowrap}
#coachModal .coach-col .cl svg{width:15px;height:15px;flex:none;fill:none;stroke-width:3;stroke-linecap:round}
#coachModal .coach-col .cl.no svg{stroke:#F87171}
#coachModal .coach-col .cl.yes svg{stroke:#2EE59D}
#coachModal .coach-prog{height:8px;border-radius:8px;background:rgba(255,255,255,.1);margin:4px 4px 6px;overflow:hidden}
#coachModal .coach-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2EE59D,#F5C518)}
#coachModal .coach-pl{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:#cfc8f5;margin:0 4px 14px}
#coachModal .coach-go{display:block;width:100%;border:0;border-radius:16px;padding:15px 10px;font:800 clamp(15px,4.4vw,17px) "Plus Jakarta Sans",system-ui,sans-serif;color:#2a1600;
  background:linear-gradient(180deg,#FFD866,#F5A524);box-shadow:0 6px 18px rgba(245,165,36,.35);cursor:pointer}
#coachModal .coach-later{display:block;margin:8px auto 0;border:0;background:none;color:#9d95c9;font:700 13px "Plus Jakarta Sans",system-ui,sans-serif;padding:6px 14px;cursor:pointer}
@media (orientation:landscape) and (max-height:500px){#coachModal{align-items:center}#coachModal .coach-card{margin:0;max-height:94vh;overflow:auto;padding:12px 14px}#coachModal .coach-big svg{width:38px;height:38px}#coachModal p{margin-bottom:8px}#coachModal .coach-steps,#coachModal .coach-cmp{margin-bottom:10px}}
/* v2661 — même style que les grandes notifications du site (lueur dorée en haut, icônes trait doré fin). */
#coachModal .coach-card{background:radial-gradient(circle at 50% 0%,rgba(242,179,61,.35),rgba(9,13,34,.97) 70%);border:1px solid rgba(242,179,61,.6);box-shadow:0 0 60px rgba(242,179,61,.35);overflow:hidden}
#coachModal .coach-body{position:relative;z-index:2}
#coachModal .coach-rays{position:absolute;z-index:0;left:50%;top:44px;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,214,110,.28),rgba(242,179,61,.08) 45%,rgba(242,179,61,0) 70%)}
#coachModal .coach-x{z-index:3}
#coachModal .coach-big svg.pi{width:58px;height:58px;fill:none;stroke:#FFD27A;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(242,179,61,.6))}
#coachModal .coach-big svg.pi .pi-fill{fill:#FFD27A;stroke:none}
#coachModal .coach-big svg.coach-coin{width:62px;height:62px;filter:drop-shadow(0 0 14px rgba(242,179,61,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.5));stroke:none}
#coachModal .coach-coin .oc-edge{fill:#8A5208}#coachModal .coach-coin .oc-out{fill:#E7A93A}#coachModal .coach-coin .oc-in{fill:#FFD66E;stroke:#FFF0B8;stroke-width:.9}
#coachModal .coach-coin .oc-pyr{fill:#9A5E0A}#coachModal .coach-coin .oc-line{stroke:#FFD66E;stroke-width:.9;fill:none;opacity:.8}#coachModal .coach-coin .oc-shine{stroke:#FFFBEA;stroke-width:1.3;fill:none;stroke-linecap:round;opacity:.85}
#coachModal .coach-st i{background:rgba(242,179,61,.08);box-shadow:inset 0 0 0 1px rgba(242,179,61,.55),0 0 14px rgba(242,179,61,.18)}
#coachModal .coach-st svg{stroke:#FFD27A;stroke-width:1.6}
#coachModal .coach-col i svg{stroke-width:1.6}
#coachModal .coach-col{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
#coachModal .coach-col.real{box-shadow:inset 0 0 0 1px rgba(46,229,157,.5)}
/* v2661 — apparition agréable : la carte monte et rebondit doucement, l'icône flotte (transform seulement, figé en mode léger). */
#coachModal .coach-card{transform:translateY(60px) scale(.94)}
#coachModal.on .coach-card{transform:none}
#coachModal .coach-big{display:inline-block;animation:coachFloat 2.6s ease-in-out .5s infinite}
@keyframes coachFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
#coachModal .coach-go:active{transform:scale(.97)}
html.oro-lite #coachModal .coach-big{animation:none}
/* v2662 — conseils du message « Garde ton calme » (une ligne chacun, icône trait doré). Plus de croix : « Plus tard » ou toucher à côté. */
#coachModal .coach-x{display:none!important}
#coachModal .coach-tips{display:flex;flex-direction:column;gap:8px;margin:2px 0 16px;text-align:left}
#coachModal .coach-tip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(242,179,61,.07);box-shadow:inset 0 0 0 1px rgba(242,179,61,.28)}
#coachModal .coach-tip i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(242,179,61,.1)}
#coachModal .coach-tip svg{width:17px;height:17px;fill:none;stroke:#FFD27A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#coachModal .coach-tip span{font-size:clamp(12px,3.5vw,13.5px);font-weight:700;color:#efeaff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v2663 (propriétaire) — visiteur non inscrit : aucun compte à rebours dans Cadeaux (Bonus, Tournoi, Défi). */
html.gift-guest-on #portalModal #bonTimer,html.gift-guest-on #portalModal #topTimer,html.gift-guest-on #portalModal #defiTimer{display:none!important}
/* ===== v2675 — bouton « Live » (ancien « Aide ») choisi par le propriétaire : carré ROSE + ondes « en direct »
   blanches, petit point vert « en ligne » qui pulse (transform/opacity ; arrêté en mode léger). ===== */
html body #btnHelp{position:relative!important;overflow:visible!important}
html body #btnHelp > svg.live-ico,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico{
  background:linear-gradient(145deg,#FF7AA8 0%,#F43F6E 45%,#C8174C 100%)!important;color:#fff!important;border-radius:11px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 2px 10px rgba(244,63,110,.45)!important}
html body #btnHelp > svg.live-ico .lv-c,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico .lv-c{fill:#fff!important;stroke:none!important}
html body #btnHelp > svg.live-ico .lv-w,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico .lv-w{fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important}
html body #btnHelp .hb-txt,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp .hb-txt{color:#FFB3C8!important}
html body #btnHelp .live-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#22C55E;
  box-shadow:0 0 0 2px #1a1240;z-index:2;pointer-events:none}
html body #btnHelp .live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22C55E;animation:oroLivePulse 1.8s ease-out infinite}
@keyframes oroLivePulse{0%{transform:scale(1);opacity:.75}100%{transform:scale(2.4);opacity:0}}
html.oro-lite body #btnHelp .live-dot::after{animation:none!important;display:none}
@media (max-width:859px){html.portal-on body #btnHelp .live-dot{top:-1px;right:calc(50% - 21px)}}
html[dir="rtl"] body #btnHelp .live-dot{right:auto;left:-2px}
@media (max-width:859px){html.portal-on[dir="rtl"] body #btnHelp .live-dot{left:calc(50% - 21px);right:auto}}/* v2675 — PC : carré « Live » de la même taille que le carré doré « Cadeaux » (30 px, marge intérieure). */
@media (min-width:860px){
  html body #btnHelp > svg.live-ico,
  html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico{width:30px!important;height:30px!important;min-width:30px!important;padding:5px!important;box-sizing:border-box!important;border-radius:10px!important}
}
/* ===== v2676 — page « Live » : Actualités + conversation (style messagerie). Rien d'animé sauf le point « en ligne ». ===== */
#liveModal .live-box{width:min(460px,94vw)!important;max-width:460px!important;height:min(86vh,720px);max-height:calc(100dvh - 24px);display:flex!important;flex-direction:column;padding:14px 14px 10px!important;box-sizing:border-box;overflow:hidden}
#liveModal .live-head{display:flex;align-items:center;gap:11px;padding:2px 34px 10px 2px}
#liveModal .live-logo{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#FF7AA8 0%,#F43F6E 45%,#C8174C 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 4px 16px rgba(244,63,110,.45)}
#liveModal .live-logo svg{width:26px;height:26px}
#liveModal .live-logo circle{fill:#fff}
#liveModal .live-logo path{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round}
#liveModal .live-title{font:800 19px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;letter-spacing:.02em}
#liveModal .live-title b{color:#FF7AA8}
#liveModal .live-sub{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#B9C2DE}
#liveModal .live-on{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.2);display:inline-block}
#liveModal .live-tabs{display:flex;gap:6px;background:rgba(255,255,255,.05);border-radius:12px;padding:4px;margin-bottom:10px}
#liveModal .live-tab{flex:1;border:0;border-radius:9px;padding:9px 6px;background:none;color:#C9D0EA;font:700 13px "Plus Jakarta Sans",system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}
#liveModal .live-tab.on{background:linear-gradient(145deg,#FF7AA8,#E11D5A);color:#fff;box-shadow:0 2px 10px rgba(244,63,110,.35)}
#liveModal .live-badge{background:#22C55E;color:#04130a;border-radius:9px;padding:0 6px;font-size:11px;line-height:17px}
#liveModal .live-badge:empty{display:none}
#liveModal .live-pane{flex:1;min-height:0;display:flex;flex-direction:column}
#liveModal .live-pane[hidden]{display:none}
#liveModal .live-feed{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:2px}
#liveModal .lv-post{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px 12px;margin-bottom:10px}
#liveModal .lv-post header{display:flex;align-items:center;gap:9px;margin-bottom:7px}
#liveModal .lv-av{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 34px;box-shadow:0 0 0 2px rgba(245,197,24,.6)}
#liveModal .lv-av img{width:100%;height:100%;display:block}
#liveModal .lv-post header b{color:#fff;font-size:14px;display:flex;align-items:center;gap:5px}
#liveModal .lv-post header small{color:#8F99B8;font-size:11px}
#liveModal .lv-tick{width:13px;height:13px;border-radius:50%;background:#38BDF8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat;display:inline-block}
#liveModal .lv-post p{margin:0;color:#E8ECF8;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
#liveModal .lv-post p a{color:#FF9DBC}
#liveModal .lv-pimg{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:11px;margin-top:9px}
#liveModal .lv-link{display:block;margin-top:9px;padding:9px 11px;border-radius:10px;background:rgba(244,63,110,.14);color:#FFB3C8;font-weight:700;font-size:13px;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#liveModal .lv-post footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#8F99B8;font-size:12px}
#liveModal .lv-like{border:0;background:rgba(255,255,255,.07);color:#E8ECF8;border-radius:999px;padding:5px 11px;font:700 12px system-ui}
#liveModal .lv-like.on{background:rgba(244,63,110,.2)}
#liveModal .lv-welcome{border-color:rgba(245,197,24,.3);background:linear-gradient(160deg,rgba(245,197,24,.09),rgba(255,255,255,.03))}
#liveModal .lv-legal{text-align:center;font-size:11px;color:#6F7896;padding:4px 0 2px}
#liveModal .lv-legal button{border:0;background:none;color:#8F99B8;text-decoration:underline;font-size:11px;padding:2px}
#liveModal .live-msgs{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:7px;padding:4px 2px 8px}
#liveModal .lv-m{max-width:82%;padding:8px 11px;border-radius:15px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}
#liveModal .lv-m.a{align-self:flex-start;background:rgba(255,255,255,.08);color:#E8ECF8;border-bottom-left-radius:5px}
#liveModal .lv-m.u{align-self:flex-end;background:linear-gradient(145deg,#FF7AA8,#E11D5A);color:#fff;border-bottom-right-radius:5px}
#liveModal .lv-m a{color:inherit;text-decoration:underline}
#liveModal .lv-m img{display:block;max-width:100%;max-height:260px;border-radius:10px;margin-bottom:5px}
#liveModal .lv-m small{display:block;font-size:10px;opacity:.65;margin-top:3px}
#liveModal .lv-hello{border:1px solid rgba(245,197,24,.28)}
#liveModal .live-quick{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px}
#liveModal .live-quick:empty,#liveModal .live-quick[hidden]{display:none}
#liveModal .live-quick button{border:1px solid rgba(255,122,168,.45);background:rgba(244,63,110,.1);color:#FFC2D4;border-radius:999px;padding:6px 11px;font:700 12px system-ui}
#liveModal .live-guest{text-align:center;padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.05);margin-top:6px}
#liveModal .live-guest[hidden]{display:none}
#liveModal .live-guest b{color:#fff;font-size:15px}
#liveModal .live-guest p{color:#B9C2DE;font-size:13px;margin:6px 0 10px}
#liveModal .lv-btn{border:0;border-radius:12px;padding:11px 18px;background:linear-gradient(145deg,#FF7AA8,#E11D5A);color:#fff;font:800 14px "Plus Jakarta Sans",system-ui;width:100%}
#liveModal .lv-link2{border:0;background:none;color:#8F99B8;text-decoration:underline;font-size:12px;margin-top:8px}
#liveModal .live-send{display:flex;align-items:flex-end;gap:7px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
#liveModal .live-send[hidden]{display:none}
#liveModal .live-cam{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);cursor:pointer}
#liveModal .live-cam svg{width:22px;height:22px;fill:none;stroke:#FFB3C8;stroke-width:1.8;stroke-linejoin:round}
#liveModal .live-in-wrap{flex:1;min-width:0;background:rgba(255,255,255,.07);border-radius:14px;padding:4px 10px}
#liveModal #liveText{width:100%;border:0;background:none;color:#fff;font:15px/1.35 system-ui;resize:none;outline:none;padding:7px 0;max-height:110px;box-sizing:border-box}
#liveModal .live-prev{position:relative;padding-top:6px}
#liveModal .live-prev[hidden]{display:none}
#liveModal .live-prev img{max-height:90px;max-width:140px;border-radius:9px;display:block}
#liveModal .live-prev button{position:absolute;top:0;left:124px;border:0;border-radius:50%;width:22px;height:22px;background:#111827;color:#fff;font-size:11px}
#liveModal .live-go{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#FF7AA8,#E11D5A);box-shadow:0 3px 12px rgba(244,63,110,.45)}
#liveModal .live-go svg{width:20px;height:20px;fill:#fff}
#liveModal .live-go:disabled{opacity:.5}
/* réponse non lue : le point du bouton Live devient rouge */
html body #btnHelp.lv-has .live-dot,html body #btnHelp.lv-has .live-dot::after{background:#F43F5E}
html[dir="rtl"] #liveModal .live-head{padding:2px 2px 10px 34px}
html[dir="rtl"] #liveModal .lv-m.a{align-self:flex-end;border-bottom-left-radius:15px;border-bottom-right-radius:5px}
html[dir="rtl"] #liveModal .lv-m.u{align-self:flex-start;border-bottom-right-radius:15px;border-bottom-left-radius:5px}
@media (orientation:landscape) and (max-height:500px){#liveModal .live-box{height:calc(100dvh - 16px)}#liveModal .live-head{padding-bottom:6px}#liveModal .live-logo{width:34px;height:34px;flex-basis:34px}}
/* ===== v2677 — barre du haut « B » (propriétaire) : Cadeaux, Live, langue et Profil TOUS transparents, icônes blanches,
   plus de point rouge / vert ni de lueur bleue ; Connexion un peu plus nette ; Inscription et Recharger adoucis. ===== */
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > #btnPortal#btnPortal > svg,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade#langBarTrade .lang-flag,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile > svg{
  background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)!important;color:#E9ECF7!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > #btnPortal#btnPortal > svg *,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile > svg *{stroke:#E9ECF7!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico .lv-c{fill:#E9ECF7!important;stroke:none!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp > svg.live-ico .lv-w{fill:none!important;stroke:#E9ECF7!important}
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left > #btnPortal#btnPortal .pw-lbl,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp .hb-txt,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #langBarTrade#langBarTrade .lang-code,
html.portal-on:root body #screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile .pf-txt{color:#C9CFE6!important}
/* plus de points de couleur (sauf réponse non lue dans Live) */
html body #btnPortal .pw-dot{display:none!important}
html body #btnHelp:not(.lv-has) .live-dot{display:none!important}
/* Connexion : un peu plus nette, toujours sobre */
html body #screenTrade #btnGoLogin.btn-auth-link{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important;color:#F1F4FC!important;box-shadow:none!important}
/* Inscription : orange adouci */
html body #screenTrade #btnGoRegister.btn-auth-link{background:linear-gradient(180deg,#F4A65A,#E58A3C)!important;border:1px solid rgba(255,214,170,.55)!important;color:#2A1606!important;box-shadow:0 2px 8px rgba(229,138,60,.22)!important}
/* Recharger : dégradé adouci (même place, même taille) */
html.portal-on:root body #screenTrade#screenTrade#screenTrade #topbarCta#topbarCta#topbarCta,html:root body #screenTrade#screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{background:linear-gradient(90deg,#EE9450 0%,#E7755E 100%)!important;box-shadow:0 3px 12px rgba(231,117,94,.25)!important}
html:root body #screenTrade#screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt::before{color:#E7755E!important;-webkit-text-fill-color:#E7755E!important}
html body #screenTrade #topbarCta.topbar-cta::after{opacity:.55}
/* v2678 — message « analyse et calcul » : 6 conseils, le texte va à la ligne (plus jamais coupé « … »), cases plus compactes */
#coachModal .coach-tips{gap:6px!important;margin-bottom:12px!important}
#coachModal .coach-tip{padding:6px 10px!important}
#coachModal .coach-tip i{width:26px!important;height:26px!important}
#coachModal .coach-tip svg{width:15px!important;height:15px!important}
#coachModal .coach-tip span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important;font-size:clamp(12px,3.4vw,13px)!important}
/* ===== v2679 — site plus LÉGER (propriétaire) : mêmes boutons, mêmes places, couleurs adoucies et lueurs réduites.
   La couleur reste un peu plus forte quand on appuie (sans flash). Rien d'animé en plus. ===== */
/* Acheter / Vendre */
/* Payout choisi (90 %, 500 %…) : couleur douce, petite lueur */
/* Compte réel / Démo : lueur réduite */
html:root body #screenTrade#screenTrade #modeSwitcher#modeSwitcher{box-shadow:inset 0 0 10px rgba(92,155,255,.08),0 0 6px rgba(92,155,255,.12)!important}
html:root body #screenTrade#screenTrade #modeSwitcher#modeSwitcher .mode-btn.on{box-shadow:inset 0 -2px 0 rgba(122,167,255,.7),0 0 6px rgba(92,155,255,.18)!important}
/* Recharger : plus transparent */
html:root body #screenTrade#screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{background:linear-gradient(90deg,rgba(238,148,80,.78) 0%,rgba(231,117,94,.78) 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,200,160,.35)!important}
html:root body #screenTrade#screenTrade#screenTrade #topbarCta#topbarCta#topbarCta::before{opacity:.35!important}
/* Inscription : orange transparent ; Connexion : verre léger */
html:root body #screenTrade#screenTrade #btnGoRegister#btnGoRegister.btn-auth-link{background:rgba(244,166,90,.26)!important;border:1px solid rgba(244,166,90,.65)!important;color:#FFD7AE!important;box-shadow:none!important}
html:root body #screenTrade#screenTrade #btnGoLogin#btnGoLogin.btn-auth-link{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.2)!important;color:#EEF1FA!important;box-shadow:none!important}
/* v2679 — ACHETER / VENDRE plus doux (repos ET appui), écran normal et plein écran */
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call{background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(270deg,rgba(34,197,94,.28),rgba(8,40,30,.46) 85%)!important;border-color:rgba(34,197,94,.42)!important;box-shadow:0 0 4px rgba(34,197,94,.12),inset 0 0 10px rgba(34,197,94,.1)!important}
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put{background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(90deg,rgba(244,63,94,.28),rgba(40,8,20,.46) 85%)!important;border-color:rgba(244,63,94,.42)!important;box-shadow:0 0 4px rgba(244,63,94,.12),inset 0 0 10px rgba(244,63,94,.1)!important}
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call:active,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call:active,html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call.is-lit,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call.is-lit,html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call.btn-sent,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnCall.btn-call.btn-sent{background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(180deg,#5BF5B8,#22C55E 50%,#10A86B)!important;box-shadow:0 0 18px rgba(34,197,94,.7)!important}
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put:active,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put:active,html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put.is-lit,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put.is-lit,html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put.btn-sent,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #btnPut.btn-put.btn-sent{background-image:url("../icons/ui/btn-planets.svg?v=2500"),linear-gradient(180deg,#FF8A9A,#F43F5E 50%,#E11D48)!important;box-shadow:0 0 18px rgba(244,63,94,.7)!important}
/* v2679 — payout choisi (90 %, 500 %…) : sa couleur, mais plus douce, petite lueur */
html body #screenTrade#screenTrade#screenTrade #tradeWrap#tradeWrap#tradeWrap:not(#q1):not(#q2):not(#q3) #oddsRow .odds-chip.on,html body #fsTradeOverlay#fsTradeOverlay#fsTradeOverlay#fsTradeOverlay:not(#q1):not(#q2):not(#q3) .odds-chip.on{background:linear-gradient(120deg,rgba(var(--c),.3),rgba(var(--c),.52) 35%,rgba(255,255,255,.22) 50%,rgba(var(--c),.52) 65%,rgba(var(--c),.3))!important;background-size:250% 100%!important;border:1.5px solid rgba(255,255,255,.35)!important;box-shadow:0 0 6px rgba(var(--c),.28),0 0 0 1px rgba(255,255,255,.06) inset!important}
/* ===== v2680 — Live : onglet « Amis » (identifiant secret, liste des conversations, discussion privée) ===== */
#liveModal .live-tab{font-size:12.5px!important;padding:9px 4px!important}
#liveModal .lf-list,#liveModal .lf-conv{flex:1;min-height:0;display:flex;flex-direction:column}
#liveModal .lf-list[hidden],#liveModal .lf-conv[hidden]{display:none}
#liveModal .lf-me{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:linear-gradient(150deg,rgba(255,122,168,.14),rgba(255,255,255,.04));border:1px solid rgba(255,122,168,.3)}
#liveModal .lf-me>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#liveModal .lf-me small{color:#B9C2DE;font-size:11px}
#liveModal .lf-myid{color:#fff;font:800 19px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.06em;word-break:break-all}
#liveModal .lf-me button{border:0;border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.1);color:#fff;font:700 12px system-ui;flex:0 0 auto}
#liveModal .lf-find{display:flex;gap:7px;margin-top:10px}
#liveModal .lf-find input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:10px 12px;font:600 14px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;outline:none}
#liveModal .lf-find input::placeholder{text-transform:none;letter-spacing:0;font-family:system-ui;color:#7F89A8}
#liveModal .lf-find button{border:0;border-radius:12px;padding:0 16px;background:linear-gradient(145deg,#FF7AA8,#E11D5A);color:#fff;font:800 13px system-ui}
#liveModal .lf-msg{min-height:16px;margin:5px 2px 4px;color:#FCA5A5;font-size:12px}
#liveModal .lf-convs{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px}
#liveModal .lf-c{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:13px;padding:9px 10px;background:rgba(255,255,255,.05);color:#E8ECF8}
#liveModal .lf-c.un{background:rgba(255,122,168,.1)}
#liveModal .lf-av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6D5BFF,#A855F7);color:#fff;font:800 16px system-ui}
#liveModal .lf-ct{flex:1;min-width:0;display:flex;flex-direction:column}
#liveModal .lf-ct b{font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#liveModal .lf-ct small{font-size:12px;color:#9AA3C2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#liveModal .lf-t{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:10px;color:#8F99B8}
#liveModal .lf-t i{font-style:normal;background:#22C55E;color:#04130a;border-radius:9px;padding:0 6px;font-weight:800;font-size:11px}
#liveModal .lf-empty{color:#9AA3C2;font-size:13px;text-align:center;padding:18px 10px}
#liveModal .lf-top{display:flex;align-items:center;gap:9px;padding:2px 0 8px;border-bottom:1px solid rgba(255,255,255,.07)}
#liveModal .lf-back,#liveModal .lf-more{border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:18px;flex:0 0 34px}
#liveModal .lf-back svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#liveModal .lf-who{flex:1;min-width:0;display:flex;flex-direction:column}
#liveModal .lf-who b{color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#liveModal .lf-who small{color:#9AA3C2;font:11px ui-monospace,Menlo,Consolas,monospace}
#liveModal .lf-menu{display:flex;gap:6px;padding:8px 0}
#liveModal .lf-menu[hidden]{display:none}
#liveModal .lf-menu button{flex:1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#F1F4FC;border-radius:10px;padding:8px;font:700 12px system-ui}
#liveModal .lf-safe{font-size:12px!important;color:#C9D0EA!important;border:1px solid rgba(255,255,255,.1)}
#liveModal .lf-blocked{align-self:center;font-size:12px;color:#FCA5A5;padding:6px 10px}
html[dir="rtl"] #liveModal .lf-c{text-align:right}
#liveModal #lfText{width:100%;border:0;background:none;color:#fff;font:15px/1.35 system-ui;resize:none;outline:none;padding:7px 0;max-height:110px;box-sizing:border-box}

/* ===== v2681 — site CALME et pro (propriétaire) : moins de lueurs, boutons en verre léger, menu des langues en liste simple ===== */
/* Connexion : verre calme, sans contour lumineux */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link{background:rgba(255,255,255,.07)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;color:#F4F6FC!important;text-shadow:none!important;filter:none!important}
/* Inscription : orange en verre (léger) */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoRegister#btnGoRegister.btn-auth-link{background:rgba(244,166,90,.2)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(244,166,90,.5)!important;color:#FFD7AE!important;text-shadow:none!important;filter:none!important}
/* Recharger : verre orangé, comme le bouton Démo (plus de bloc plein) */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta{background:linear-gradient(135deg,rgba(238,148,80,.34),rgba(231,117,94,.22))!important;box-shadow:inset 0 0 0 1px rgba(255,190,150,.42)!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta::before,html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta::after{opacity:0!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta #btnOpenDeposit,html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta #btnOpenDeposit *{color:#FFF1E6!important;-webkit-text-fill-color:#FFF1E6!important;text-shadow:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt::before{color:#E7755E!important;-webkit-text-fill-color:#E7755E!important}
/* Menu des langues : liste simple et transparente (plus de cases lumineuses) */
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu{background:rgba(16,13,40,.94)!important;background-image:none!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 14px 30px rgba(0,0,0,.45)!important;border-radius:16px!important;padding:6px!important;gap:2px!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn{background:none!important;border:0!important;box-shadow:none!important;border-radius:10px!important;padding:8px 10px!important;color:#E6E9F5!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn:hover{background:rgba(255,255,255,.06)!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn.on{background:rgba(245,197,24,.1)!important;color:#FFD27A!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn *{box-shadow:none!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn svg,html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn img{box-shadow:0 0 0 1px rgba(255,255,255,.18)!important}
/* ===== v2683 — retouches (propriétaire) ===== */
/* Live : plus de titre « OROLADO Live » (amateur) ; juste l'icône et « En ligne · … » */
#liveModal .live-title{display:none!important}
#liveModal .live-sub{margin-top:0!important;font-size:13px!important;color:#DDE3F5!important;font-weight:600}
#liveModal .live-logo{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
#liveModal .live-logo svg{width:22px!important;height:22px!important}
/* Menu des langues : drapeaux un peu plus doux */
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn svg,html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn img,html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn .flag-svg{opacity:.82!important;filter:saturate(.8)!important}
html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn.on svg,html:root body .lang-dd-menu.lang-dd-menu.lang-dd-menu .lang-btn.on .flag-svg{opacity:1!important;filter:none!important}
/* Connexion : petite icône « personne » devant le mot (sobre, comme les grandes plateformes) */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8ECF8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c.8-3.6 3.8-5.5 7.5-5.5s6.7 1.9 7.5 5.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:14px 14px!important;background-position:left 10px center!important;padding-left:28px!important}
@media (max-width:340px){html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link{background-image:none!important;padding-left:revert!important}}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link{background-size:12px 12px!important;background-position:left 8px center!important;padding-left:23px!important}
/* mots longs (espagnol, arabe, vietnamien, français) : pas d'icône, le mot passe en entier */
html:root[lang="es"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link,html:root[lang="ar"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link,html:root[lang="vi"] body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #btnGoLogin#btnGoLogin.btn-auth-link{background-image:none!important;padding-left:revert!important}
#liveModal .lv-av.lv-av2{display:grid;place-items:center;background:linear-gradient(145deg,#FF7AA8,#E11D5A);box-shadow:none!important}#liveModal .lv-av.lv-av2 svg{width:20px;height:20px}#liveModal .lv-av.lv-av2 circle{fill:#fff}#liveModal .lv-av.lv-av2 path{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round}
/* ===== v2684 — GRANDES PAGES (propriétaire) : Live, Cadeaux, Dépôt, Retrait, Historique, Conditions, mot de passe,
   e-mail, aide s'ouvrent en PAGE ENTIÈRE sur téléphone (plus de petite boîte au milieu), en grande page sur PC.
   Les petites confirmations (déconnexion, code, succès…) restent des fenêtres. ===== */
@media (max-width:859px){
  html:root body #financeModal#financeModal > .modal-box,html:root body #withdrawModal#withdrawModal > .modal-box,html:root body #depositModal#depositModal > .modal-box,html:root body #liveModal#liveModal > .modal-box,html:root body #portalModal#portalModal > .modal-box,html:root body #termsModal#termsModal > .modal-box,html:root body #historySheet#historySheet > .modal-box,html:root body #passModal#passModal > .modal-box,html:root body #emailModal#emailModal > .modal-box,html:root body #helpModal#helpModal > .modal-box{position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;transform:none!important;
    width:100vw!important;max-width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;
    border-radius:0!important;border:0!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;zoom:1!important;overflow-x:hidden!important;
    padding-top:calc(env(safe-area-inset-top,0px) + 18px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;
    background:linear-gradient(180deg,#140d33 0%,#0d0a26 55%,#0a0820 100%)!important;box-shadow:none!important}
}
@media (min-width:860px){
  html:root body #financeModal#financeModal > .modal-box,html:root body #withdrawModal#withdrawModal > .modal-box,html:root body #depositModal#depositModal > .modal-box,html:root body #liveModal#liveModal > .modal-box,html:root body #portalModal#portalModal > .modal-box,html:root body #termsModal#termsModal > .modal-box,html:root body #historySheet#historySheet > .modal-box,html:root body #passModal#passModal > .modal-box,html:root body #emailModal#emailModal > .modal-box,html:root body #helpModal#helpModal > .modal-box{width:min(720px,92vw)!important;max-width:720px!important;max-height:88vh!important;overflow-y:auto!important;border-radius:20px!important}
}
/* v2684 — Live : plus de ligne « En ligne · l'équipe… » ; les onglets en haut (place pour la croix de fermeture) */
#liveModal .live-head{display:none!important}
#liveModal .live-tabs{margin-right:46px!important;margin-top:2px!important}
/* v2684 — Recharger / Retirer / mot de passe / e-mail : contenu plus grand (cases, boutons, numéro) sur téléphone */
@media (max-width:859px){
  html:root body #depositModal#depositModal > .modal-box > :not(.btn-close),html:root body #withdrawModal#withdrawModal > .modal-box > :not(.btn-close),
  html:root body #passModal#passModal > .modal-box > :not(.btn-close),html:root body #emailModal#emailModal > .modal-box > :not(.btn-close){zoom:1.12}
}
@media (max-width:340px){
  html:root body #depositModal#depositModal > .modal-box > :not(.btn-close),html:root body #withdrawModal#withdrawModal > .modal-box > :not(.btn-close),
  html:root body #passModal#passModal > .modal-box > :not(.btn-close),html:root body #emailModal#emailModal > .modal-box > :not(.btn-close){zoom:1.04}
}
/* ===== v2685 — « Défie ton ami » (démo) ===== */
#liveModal .lf-duelbtn{display:flex;align-items:center;gap:5px;border:0;border-radius:10px;height:34px;padding:0 11px;background:linear-gradient(145deg,rgba(255,196,90,.22),rgba(255,140,60,.14));box-shadow:inset 0 0 0 1px rgba(255,196,90,.45);color:#FFE2B0;font:800 12px system-ui}
#liveModal .lf-duelbtn span{font-size:15px}
#liveModal .lf-duelcard{margin:8px 0 2px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-align:center;color:#E8ECF8}
#liveModal .lf-duelcard[hidden]{display:none}
#liveModal .lf-duelcard>b{display:block;font-size:14px;color:#fff}
#liveModal .lf-duelcard p{margin:6px 0 0;font-size:12.5px;color:#B9C2DE}
#liveModal .lf-duelcard small{display:block;margin-top:8px;color:#9AA3C2;font-size:11.5px}
#liveModal .lf-duelcard.pick,#liveModal .lf-duelcard.wait{background:linear-gradient(150deg,rgba(255,196,90,.12),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,196,90,.35)}
#liveModal .lf-duelcard.live{background:linear-gradient(150deg,rgba(255,122,168,.14),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,122,168,.4)}
#liveModal .lf-duelcard.done.win{background:linear-gradient(150deg,rgba(34,197,94,.16),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(34,197,94,.45)}
#liveModal .lf-dmins{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
#liveModal .lf-dmins button{flex:1;min-width:76px;border:0;border-radius:11px;padding:10px 8px;background:rgba(255,255,255,.08);color:#fff;font:800 13px system-ui}
#liveModal .lf-dmins button.ok,#liveModal .lf-duelcard.pick .lf-dmins button{background:linear-gradient(145deg,#FFB547,#F08A2E);color:#2A1404}
#liveModal .lf-score{display:flex;align-items:center;gap:8px;margin-top:10px}
#liveModal .lf-score>div{flex:1;border-radius:12px;padding:8px 6px;background:rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2px;min-width:0}
#liveModal .lf-score>div.lead{box-shadow:inset 0 0 0 1px rgba(255,210,122,.55)}
#liveModal .lf-score small{margin:0!important;font-size:11px!important;color:#B9C2DE!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#liveModal .lf-score b{font-size:18px;color:#fff}
#liveModal .lf-score i{font-style:normal;font-size:10.5px;color:#8F99B8}
#liveModal .lf-score>span{font:900 12px system-ui;color:#FFD27A}
#liveModal .lf-inv{font-style:normal;font-size:13px}
#liveModal .lv-duelpromo{text-align:center;background:linear-gradient(155deg,rgba(255,196,90,.14),rgba(255,122,168,.08) 60%,rgba(255,255,255,.03))!important;border-color:rgba(255,196,90,.35)!important}
#liveModal .lv-duelpromo .lv-dp-ico{font-size:30px;line-height:1;margin-bottom:6px}
#liveModal .lv-duelpromo b{display:block;color:#fff;font-size:16px}
#liveModal .lv-duelpromo p{margin:6px 0 10px!important;color:#C9D0EA!important;font-size:13px!important}
#liveModal .lv-duelpromo .lv-btn{background:linear-gradient(145deg,#FFB547,#F08A2E);color:#2A1404}
/* ===== v2686 — Live : ACCUEIL EN GRANDES TUILES (plus d'onglets) + barre retour ===== */
#liveModal .live-tabs{display:none!important}
#liveModal .live-bar{display:flex;align-items:center;gap:10px;margin:0 46px 10px 0}
#liveModal .live-bar[hidden]{display:none}
#liveModal .live-back{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}
#liveModal .live-back svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
#liveModal .live-bar b{color:#fff;font:800 18px "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .live-home{overflow-y:auto}
#liveModal .live-home[hidden]{display:none}
#liveModal .lh-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:46px 0 6px}
#liveModal .lh-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:0;border-radius:18px;padding:14px 13px 13px;min-height:116px;color:#fff;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);overflow:hidden}
#liveModal .lh-tile.big{grid-column:1/-1;min-height:104px;flex-direction:row;align-items:center;gap:12px}
#liveModal .lh-tile.big .lh-ico{width:54px;height:54px;flex:0 0 54px;font-size:28px}
#liveModal .lh-tile.big b{font-size:18px}
#liveModal .lh-tile.big b+small{display:block}
#liveModal .lh-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:23px;margin-bottom:6px;background:rgba(255,255,255,.1)}
#liveModal .lh-tile b{font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;line-height:1.15}
#liveModal .lh-tile small{font-size:12px;color:#B9C2DE;line-height:1.3}
#liveModal .lh-tile:active{transform:scale(.98)}
#liveModal .lh-b{position:absolute;top:10px;right:10px;font-style:normal;background:#22C55E;color:#04130a;border-radius:10px;padding:1px 7px;font:800 12px system-ui}
#liveModal .lh-tile.c1 .lh-ico{background:linear-gradient(145deg,rgba(56,189,248,.35),rgba(56,189,248,.12))}
#liveModal .lh-tile.c2 .lh-ico{background:linear-gradient(145deg,rgba(167,139,250,.38),rgba(167,139,250,.12))}
#liveModal .lh-tile.c3{background:linear-gradient(150deg,rgba(255,181,71,.2),rgba(255,122,168,.12) 70%,rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,196,90,.4)}
#liveModal .lh-tile.c3 .lh-ico{background:linear-gradient(145deg,#FFB547,#F08A2E)}
#liveModal .lh-tile.c4 .lh-ico{background:linear-gradient(145deg,rgba(255,122,168,.4),rgba(255,122,168,.12))}
#liveModal .lh-tile.c5 .lh-ico{background:linear-gradient(145deg,rgba(45,212,191,.35),rgba(45,212,191,.1))}
#liveModal .lh-tile.c6 .lh-ico{background:linear-gradient(145deg,rgba(250,204,21,.38),rgba(250,204,21,.1))}
#liveModal .lh-tile.c7 .lh-ico{background:linear-gradient(145deg,rgba(251,146,60,.38),rgba(251,146,60,.1))}
#liveModal .lh-tile.c8 .lh-ico{background:linear-gradient(145deg,rgba(74,222,128,.32),rgba(74,222,128,.1))}
#liveModal .lf-msg.hint{color:#FFD27A!important;font-weight:700}
@media (min-width:600px){#liveModal .lh-grid{grid-template-columns:1fr 1fr 1fr}}
#liveModal .lh-tile.big{display:grid!important;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center}#liveModal .lh-tile.big .lh-ico{grid-row:1/3;margin:0}#liveModal .lh-tile.big b{align-self:end}#liveModal .lh-tile.big small{align-self:start}
/* ===== v2687 — Live : jeux du jour (roue, quiz, statistiques, badges) ===== */
#liveModal .live-fun{overflow-y:auto}
#liveModal .live-fun[hidden]{display:none}
#liveModal .lh-tile.c9 .lh-ico{background:linear-gradient(145deg,rgba(236,72,153,.4),rgba(236,72,153,.12))}
#liveModal .lh-tile.c10 .lh-ico{background:linear-gradient(145deg,rgba(99,102,241,.42),rgba(99,102,241,.12))}
#liveModal .lh-tile.c11 .lh-ico{background:linear-gradient(145deg,rgba(14,165,233,.4),rgba(14,165,233,.12))}
#liveModal .lh-tile.c12 .lh-ico{background:linear-gradient(145deg,rgba(234,179,8,.42),rgba(234,179,8,.12))}
#liveModal .lfun-card{border-radius:18px;padding:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);color:#E8ECF8}
#liveModal .lfun-card.center{text-align:center}
#liveModal .lfun-card p{margin:0 0 12px;color:#C9D0EA;font-size:13.5px;line-height:1.45}
#liveModal .lfun-card>b{display:block;color:#fff;font-size:17px;margin:4px 0 8px}
#liveModal .lfun-big{font-size:44px;line-height:1;margin-bottom:6px}
#liveModal .lfun-go{border:0;border-radius:14px;padding:13px 22px;width:100%;background:linear-gradient(145deg,#FFB547,#F08A2E);color:#2A1404;font:800 15px "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .lfun-go:disabled{opacity:.45}
#liveModal .lfun-res{min-height:20px;margin:12px 0 0!important;font-weight:700;color:#C9D0EA!important}
#liveModal .lfun-res.win{color:#4ADE80!important}
#liveModal .wheel-wrap{position:relative;width:240px;height:240px;margin:6px auto 16px}
#liveModal .wheel{position:absolute;inset:0;border-radius:50%;transition:transform 4.2s cubic-bezier(.17,.67,.12,1);will-change:transform;
  background:conic-gradient(from -18deg,#F472B6 0 36deg,#A78BFA 0 72deg,#38BDF8 0 108deg,#34D399 0 144deg,#FBBF24 0 180deg,#FB923C 0 216deg,#F472B6 0 252deg,#818CF8 0 288deg,#22D3EE 0 324deg,#FACC15 0 360deg);
  box-shadow:0 0 0 6px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.4)}
#liveModal .wseg{position:absolute;left:50%;top:0;height:50%;width:0;transform-origin:50% 100%}
#liveModal .wseg em{position:absolute;top:14px;left:50%;transform:translateX(-50%);font:900 14px system-ui;font-style:normal;color:#1b1030;white-space:nowrap}
#liveModal .wheel-hub{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#140d33;display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
#liveModal .wheel-pin{position:absolute;left:50%;top:-8px;margin-left:-11px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid #fff;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
#liveModal .lfun-sub{font-size:12.5px!important}
#liveModal .lfun-q{font-size:18px!important;line-height:1.35}
#liveModal .lfun-opts{display:flex;flex-direction:column;gap:8px;margin-top:6px}
#liveModal .lfun-opts button{border:0;border-radius:13px;padding:13px 12px;text-align:left;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;font:700 14px system-ui}
#liveModal .lfun-opts button.ok{background:rgba(34,197,94,.25);box-shadow:inset 0 0 0 1px rgba(34,197,94,.7)}
#liveModal .lfun-opts button.ko{background:rgba(244,63,94,.22);box-shadow:inset 0 0 0 1px rgba(244,63,94,.6)}
#liveModal .lfun-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#liveModal .lfun-stat{border-radius:16px;padding:16px 12px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);text-align:center}
#liveModal .lfun-stat b{display:block;font:900 24px "Plus Jakarta Sans",system-ui;color:#fff;word-break:break-word}
#liveModal .lfun-stat small{color:#B9C2DE;font-size:12px}
#liveModal .lfun-note{color:#9AA3C2;font-size:12px;text-align:center;margin:12px 0}
#liveModal .lfun-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#liveModal .lfun-badge{border-radius:16px;padding:14px 10px;text-align:center;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);opacity:.45;filter:grayscale(1)}
#liveModal .lfun-badge.on{opacity:1;filter:none;background:linear-gradient(150deg,rgba(255,196,90,.16),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,196,90,.45)}
#liveModal .lfun-badge span{display:block;font-size:30px;line-height:1.1}
#liveModal .lfun-badge b{display:block;color:#fff;font-size:13.5px;margin-top:6px}
#liveModal .lfun-badge small{color:#B9C2DE;font-size:11px}
html.oro-lite #liveModal .wheel{transition-duration:1.2s}
/* ===== v2688 — Live : GROUPES ===== */
#liveModal .live-groups[hidden]{display:none}
#liveModal .lg-box{flex:1;min-height:0;display:flex;flex-direction:column}
#liveModal .lh-tile.c13 .lh-ico{background:linear-gradient(145deg,rgba(244,114,182,.38),rgba(244,114,182,.12))}
#liveModal .lg-new{padding:12px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);margin-bottom:10px}
#liveModal .lg-new>b{color:#fff;font-size:15px}
#liveModal .lg-emos{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
#liveModal .lg-emos button{width:38px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.07);font-size:19px}
#liveModal .lg-emos button.on{background:rgba(255,196,90,.25);box-shadow:inset 0 0 0 1.5px rgba(255,196,90,.7)}
#liveModal .lf-av.lg-emo{background:linear-gradient(145deg,rgba(255,196,90,.3),rgba(255,122,168,.2));font-size:19px}
#liveModal .lg-acts{display:flex;gap:6px;margin:8px 0}
#liveModal .lg-acts button{flex:1;border:0;border-radius:11px;padding:9px 4px;background:rgba(255,255,255,.07);color:#fff;font:700 12.5px system-ui}
#liveModal .lg-mem{max-height:40%;overflow:auto;border-radius:12px;background:rgba(0,0,0,.2);padding:6px;margin-bottom:6px}
#liveModal .lg-mem[hidden]{display:none}
#liveModal .lg-m{display:flex;align-items:center;gap:9px;padding:5px}
#liveModal .lg-m .lf-av{width:30px;height:30px;flex-basis:30px;font-size:13px}
#liveModal .lg-m b{flex:1;color:#fff;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .lg-m b i{color:#FFD27A;font-style:normal;font-weight:600}
#liveModal .lg-m button{border:0;border-radius:9px;padding:5px 10px;background:rgba(244,63,94,.18);color:#FDA4AF;font:700 12px system-ui}
#liveModal .lg-who{display:block;font-style:normal;font-size:11px;font-weight:800;color:#FFD27A;margin-bottom:2px}
#liveModal #lfBack,#liveModal #lgBack{display:none!important}

/* v2688 groupes : police normale (pas de machine à écrire) */
html body #liveModal #liveGroups textarea,html body #liveModal #liveGroups .lf-who small{font-family:inherit!important;letter-spacing:0!important}
html body #liveModal #liveGroups textarea{color:#fff;background:transparent}
#liveModal #lgText{width:100%;border:0;background:none;color:#fff;font:15px/1.35 system-ui!important;resize:none;outline:none;padding:7px 0;max-height:110px;box-sizing:border-box}

/* ===== v2689 — Live : un seul bouton retour (plus de croix), vrais logos, tuiles vivantes, pages « inscris-toi » ===== */
html body #liveModal #closeLive{display:none!important}
html body #liveModal .live-bar{position:sticky;top:-2px;z-index:5;margin:0 0 12px!important;padding:6px 0 8px;background:linear-gradient(180deg,#140d33 75%,rgba(20,13,51,0))}
html body #liveModal .live-bar[hidden]{display:flex!important}
html body #liveModal .live-back{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html body #liveModal .live-bar b{font-size:20px;letter-spacing:-.2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #liveModal .lh-grid{padding-top:2px!important}
/* tuiles : teinte de la couleur du logo, coin lumineux fixe (aucune animation) */
html body #liveModal .lh-tile{min-width:0;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.03))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
@supports (background:color-mix(in srgb,red 10%,blue)){
  html body #liveModal .lh-tile{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tc) 30%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 14%,#1b1636),#15112b)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 38%,transparent)!important}
}
html body #liveModal .lh-tile .lh-ico,html body #liveModal .lh-tile[class*=" c"] .lh-ico{width:50px!important;height:50px!important;flex:0 0 50px;background:none!important;border-radius:15px;margin-bottom:8px;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
html body #liveModal .lh-tile.big .lh-ico{width:58px!important;height:58px!important;flex:0 0 58px}
html body #liveModal .lh-tile.big{grid-template-columns:58px 1fr!important}
html body #liveModal .li-ico{width:100%;height:100%;display:block}
html body #liveModal .lh-tile b{overflow-wrap:anywhere;hyphens:auto}
html body #liveModal .lh-tile small{color:#C9CFE6;overflow-wrap:anywhere}
html body #liveModal .lh-tile .lh-b{z-index:2}
/* page « inscris-toi » */
#liveModal .lgu{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px 4px;max-width:420px;margin:0 auto}
#liveModal .lgu-ico{width:92px;height:92px;margin:6px 0 16px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}
#liveModal .lgu-ico .li-ico{width:100%;height:100%}
#liveModal .lgu-t{font:800 23px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
#liveModal .lgu-s{margin:8px 0 16px;color:#C9CFE6;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
#liveModal .lgu-l{list-style:none;margin:0 0 20px;padding:0;width:100%;display:grid;gap:8px}
#liveModal .lgu-l li{padding:12px 14px;border-radius:14px;text-align:left;color:#fff;font-size:15px;font-weight:600;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);overflow-wrap:anywhere}
#liveModal .lgu-go{width:100%;min-height:52px;border:0;border-radius:16px;color:#fff;font:800 16px "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(135deg,var(--tc),#7b3be6);box-shadow:0 10px 24px -10px var(--tc)}
#liveModal .lgu-have{width:100%;min-height:46px;margin-top:10px;border:0;border-radius:14px;color:#fff;font:700 15px "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(255,255,255,.08)}
#liveModal .lgu-free{margin-top:14px;color:#9AA3C4;font-size:12.5px}
#liveModal .lgu-go:active,#liveModal .lgu-have:active{transform:scale(.98)}
/* grandes pages (téléphone) : poignée en haut + la croix devient « descendre » (on peut aussi glisser vers le bas) */
.bp-grip{display:none}
@media (max-width:859px){
  html body .modal-backdrop > .modal-box > .bp-grip,html body .modal-backdrop > .modal-box > i.bp-grip{display:block;position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);left:50%;width:42px;height:5px;margin-left:-21px;border-radius:3px;background:rgba(255,255,255,.24);z-index:6;pointer-events:none}
  html body #portalModal .btn-close .x-ico,html body #financeModal .btn-close .x-ico,html body #withdrawModal .btn-close .x-ico,html body #depositModal .btn-close .x-ico,html body #termsModal .btn-close .x-ico,html body #historySheet .btn-close .x-ico,html body #passModal .btn-close .x-ico,html body #emailModal .btn-close .x-ico,html body #helpModal .btn-close .x-ico{display:none!important}
  html body #portalModal .btn-close::before,html body #financeModal .btn-close::before,html body #withdrawModal .btn-close::before,html body #depositModal .btn-close::before,html body #termsModal .btn-close::before,html body #historySheet .btn-close::before,html body #passModal .btn-close::before,html body #emailModal .btn-close::before,html body #helpModal .btn-close::before{content:"";display:block;width:10px;height:10px;margin:-5px auto 0;border-right:2.6px solid #fff;border-bottom:2.6px solid #fff;transform:rotate(45deg);border-radius:1px}
  html body #liveModal.active > .modal-box,html body #portalModal.active > .modal-box,html body #financeModal.active > .modal-box,html body #withdrawModal.active > .modal-box,html body #depositModal.active > .modal-box,html body #termsModal.active > .modal-box,html body #historySheet.active > .modal-box,html body #passModal.active > .modal-box,html body #emailModal.active > .modal-box,html body #helpModal.active > .modal-box{animation:bpIn .26s ease-out}
}
@keyframes bpIn{from{translate:0 28px;opacity:.4}to{translate:0 0;opacity:1}}
/* v2689 — Live en arabe (droite à gauche) : texte aligné à droite, flèche retour tournée */
html[dir="rtl"] body #liveModal .lh-tile{text-align:right!important}
html[dir="rtl"] body #liveModal .live-back svg{transform:scaleX(-1)}
html[dir="rtl"] body #liveModal .lgu-l li{text-align:right}
/* v2689 — Amis : carte identifiant avec logo, page vide qui invite à ajouter un ami */
#liveModal .lf-meico{width:44px;height:44px;flex:0 0 44px}
#liveModal .lf-meico .li-ico,#liveModal .lf-eico .li-ico{width:100%;height:100%;display:block}
#liveModal .lf-emptybox{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 10px 6px}
#liveModal .lf-eico{width:84px;height:84px;margin-bottom:14px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}
#liveModal .lf-emptybox b{color:#fff;font:800 19px/1.25 "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .lf-emptybox p{color:#C9CFE6;font-size:14.5px;line-height:1.45;margin:8px 0 18px;max-width:300px}
#liveModal .lf-emptybox .lgu-go{max-width:320px}

/* ===== v2689 — UNIVERS : Live et Cadeaux dans le même ciel (étoiles + nébuleuses FIXES, aucune animation) ===== */
html:root body #liveModal#liveModal > .modal-box{background:
  radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 78% 9%,rgba(255,255,255,.8),transparent 60%),
  radial-gradient(1.4px 1.4px at 64% 31%,rgba(255,236,190,.9),transparent 60%),radial-gradient(1px 1px at 30% 44%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(1.3px 1.3px at 90% 52%,rgba(190,220,255,.9),transparent 60%),radial-gradient(1px 1px at 8% 66%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(1.5px 1.5px at 52% 74%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 84% 86%,rgba(255,220,240,.8),transparent 60%),
  radial-gradient(1px 1px at 22% 92%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 44% 6%,rgba(255,255,255,.75),transparent 60%),
  radial-gradient(60% 40% at 100% 0%,rgba(123,59,230,.38),transparent 70%),radial-gradient(55% 35% at 0% 45%,rgba(224,48,111,.2),transparent 70%),
  radial-gradient(70% 45% at 70% 100%,rgba(36,87,230,.3),transparent 70%),linear-gradient(180deg,#120a30 0%,#0c0824 55%,#090619 100%)!important;background-attachment:local!important}
/* barre du haut plus légère */
html body #liveModal .live-bar{padding:2px 0 6px!important;margin-bottom:8px!important;background:linear-gradient(180deg,rgba(18,10,48,.96) 70%,rgba(18,10,48,0))!important}
html body #liveModal .live-back{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important}
html body #liveModal .live-back svg{width:18px!important;height:18px!important}
html body #liveModal .live-bar b{font-size:17px!important;font-weight:800}
/* tuiles Live : verre + lueur de couleur + petite planète dans le coin */
html body #liveModal .lh-tile{border-radius:20px!important}
html body #liveModal .lh-tile::after{content:"";position:absolute;right:-18px;top:-18px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),var(--tc) 45%,transparent 72%);opacity:.32;pointer-events:none}
html body #liveModal .lh-tile.big::after{width:110px;height:110px;right:-26px;top:-34px;opacity:.38}
html body #liveModal .lh-tile.big{min-height:92px!important}

/* ===== v2689 — CADEAUX en grandes tuiles ===== */
#portalModal .gh-bar{display:flex;align-items:center;gap:10px;position:relative;z-index:3;margin:0 0 6px;min-height:34px}
#portalModal .gh-back{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:11px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:grid;place-items:center}
#portalModal .gh-back svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
#portalModal .gh-bar b{color:#fff;font:800 17px "Plus Jakarta Sans",system-ui,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[dir="rtl"] #portalModal .gh-back svg{transform:scaleX(-1)}
html body #portalModal #portalTabs{display:none!important}
#portalModal.gh-home .portal-box > section{display:none!important}
#portalModal.gh-sub .portal-head,#portalModal.gh-sub .gh-grid{display:none!important}
#portalModal.gh-sub .portal-box > section.gh-page[hidden]{display:none!important}
#portalModal .gh-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:6px}
#portalModal .gh-tile{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;border:0;border-radius:22px;padding:14px 13px;min-height:128px;color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
@supports (background:color-mix(in srgb,red 10%,blue)){
  #portalModal .gh-tile{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tc) 34%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 18%,rgba(27,22,54,.92)),rgba(17,13,40,.92));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent),0 10px 26px -14px var(--tc)}
}
#portalModal .gh-tile.big{grid-column:1/-1;min-height:118px;flex-direction:row;align-items:center;gap:14px;padding:16px}
#portalModal .gh-tile.wide{grid-column:1/-1;min-height:96px;flex-direction:row;align-items:center}
#portalModal .gh-ico{width:52px;height:52px;flex:0 0 52px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));position:relative;z-index:2}
#portalModal .gh-tile.big .gh-ico{width:62px;height:62px;flex:0 0 62px}
#portalModal .gh-ico .li-ico{width:100%;height:100%;display:block}
#portalModal .gh-txt{display:flex;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:2;max-width:100%}
#portalModal .gh-tile.big .gh-txt{max-width:calc(100% - 150px)}
#portalModal .gh-txt b{font:800 16px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere}
#portalModal .gh-tile.big .gh-txt b{font-size:19px}
#portalModal .gh-txt small{color:#D3D8EE;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
#portalModal .gh-tile:active{transform:scale(.98)}
#portalModal .gh-pill{align-self:flex-start;margin-top:4px;font:800 12px system-ui;font-style:normal;color:#3b2200;background:linear-gradient(135deg,#FFE9A8,#F2B33D);border-radius:20px;padding:3px 9px}
#portalModal .gh-mini{display:block;width:100%;max-width:120px;height:7px;margin-top:6px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
#portalModal .gh-mini i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#7CE7FF,#9B6BFF,#FF7BD9)}
#portalModal .gh-deco{position:absolute;pointer-events:none;z-index:1}
#portalModal .gh-wheeldeco{right:-34px;top:50%;width:150px;height:150px;margin-top:-75px;opacity:.95;filter:drop-shadow(0 0 18px rgba(255,180,90,.35))}
#portalModal .gh-wheeldeco svg{width:100%;height:100%;transform:rotate(-12deg)}
#portalModal .gh-coins{right:10px;top:0;bottom:0;width:120px}
#portalModal .gh-coins i{position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF6D0,#F2B33D 55%,#A8650A);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.4)}
#portalModal .gh-coins i::after{content:"$";position:absolute;inset:0;display:grid;place-items:center;color:#7a4300;font:900 19px system-ui}
#portalModal .gh-coins i:nth-child(1){right:62px;top:18px;transform:rotate(-14deg)}
#portalModal .gh-coins i:nth-child(2){right:22px;top:40px;width:46px;height:46px}
#portalModal .gh-coins i:nth-child(3){right:70px;bottom:14px;width:30px;height:30px;transform:rotate(18deg)}
html[dir="rtl"] #portalModal .gh-wheeldeco{right:auto;left:-34px}
html[dir="rtl"] #portalModal .gh-coins{right:auto;left:10px}
/* pages roue / jauge */
#portalModal .gh-page{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 4px 10px}
#portalModal .gh-lead{color:#D3D8EE;font-size:14.5px;line-height:1.45;margin:2px 0 14px;max-width:360px}
#portalModal .whl-wrap{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:4px auto 16px}
#portalModal .whl-glow{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.32),rgba(155,107,255,.18) 45%,transparent 68%)}
#portalModal .whl-rot{position:absolute;inset:0;will-change:transform}
#portalModal .whl-rot svg{width:100%;height:100%;display:block}
#portalModal .whl-pin{position:absolute;left:50%;top:-6px;width:30px;height:38px;margin-left:-15px;background:linear-gradient(180deg,#FFF1C2,#F2B33D 60%,#A8650A);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));z-index:3}
#portalModal .whl-o{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#6b3d00;font:900 18px "Plus Jakarta Sans",system-ui,sans-serif;z-index:3;pointer-events:none}
#portalModal .gh-line{color:#fff;font-weight:700;font-size:15px;margin:2px 0 12px;max-width:340px}
#portalModal .gh-go{width:100%;max-width:360px;min-height:54px;border:0;border-radius:17px;color:#3b2200;font:900 17px "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(135deg,#FFE9A8,#F2B33D 55%,#E0901A);box-shadow:0 12px 26px -12px rgba(242,179,61,.9)}
#portalModal .gh-go:disabled{opacity:.55}
#portalModal .gh-alt{width:100%;max-width:360px;min-height:46px;margin-top:10px;border:0;border-radius:14px;color:#fff;font:700 15px "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(255,255,255,.1)}
#portalModal .gh-go:active,#portalModal .gh-alt:active{transform:scale(.98)}
#portalModal .gh-note{color:#9AA3C4;font-size:12.5px;margin:12px 0 0;max-width:340px}
#portalModal .gh-link{border:0;background:none;color:#FFD27A;font-weight:700;text-decoration:underline;padding:0}
#portalModal .gh-res{width:100%;max-width:360px;border-radius:16px;padding:12px 14px;margin:0 0 12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;gap:4px;animation:ghPop .45s ease-out}
#portalModal .gh-res.win{background:linear-gradient(135deg,rgba(255,210,122,.25),rgba(255,123,217,.15));box-shadow:inset 0 0 0 1px rgba(255,210,122,.6)}
#portalModal .gh-res b{color:#fff;font:800 18px "Plus Jakarta Sans",system-ui,sans-serif}
#portalModal .gh-res small{color:#D3D8EE;font-size:13px}
@keyframes ghPop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
#portalModal .jg-wrap{position:relative;width:min(240px,64vw);aspect-ratio:1;margin:4px auto 16px}
#portalModal .jg-svg{width:100%;height:100%;display:block}
#portalModal .jg-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
#portalModal .jg-gift{width:62px;height:62px}
#portalModal .jg-gift .li-ico{width:100%;height:100%}
#portalModal .jg-mid b{color:#fff;font:900 30px "Plus Jakarta Sans",system-ui,sans-serif}
html:root body #portalModal#portalModal.gh-home .portal-box > section:not(#c1),html:root body #portalModal#portalModal.gh-sub .portal-box > section.gh-page[hidden]:not(#c1){display:none!important}
html:root body #portalModal#portalModal.gh-sub .portal-head:not(#c1),html:root body #portalModal#portalModal.gh-sub .gh-grid:not(#c1){display:none!important}
html:root body #liveModal .live-bar.live-bar{background:transparent!important;position:relative!important}

/* ===== v2689 — Live : Envoyer de l'argent à un ami ===== */
#liveModal .ls-card{border-radius:22px;padding:16px 14px;background:linear-gradient(160deg,rgba(22,163,122,.2),rgba(17,13,40,.85));box-shadow:inset 0 0 0 1px rgba(107,239,166,.35)}
#liveModal .ls-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#liveModal .ls-ico{width:56px;height:56px;flex:0 0 56px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
#liveModal .ls-ico .li-ico{width:100%;height:100%;display:block}
#liveModal .ls-top small{display:block;color:#C9CFE6;font-size:13px}
#liveModal .ls-top b{display:block;color:#fff;font:900 28px "Plus Jakarta Sans",system-ui,sans-serif;line-height:1.1}
#liveModal .ls-l{display:block;color:#D3D8EE;font-size:13px;font-weight:700;margin:10px 0 6px}
#liveModal .ls-in{width:100%;box-sizing:border-box;min-height:50px;border:0;border-radius:14px;padding:0 14px;color:#fff;font:700 16px "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);outline:none}
#liveModal .ls-in:focus{box-shadow:inset 0 0 0 2px #6BEFA6}
#liveModal .ls-amt{font-size:22px}
#liveModal .ls-fr{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
#liveModal .ls-fr::-webkit-scrollbar{display:none}
#liveModal .ls-fr button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;border:0;background:none;color:#fff;font-size:11.5px;padding:0}
#liveModal .ls-fr i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 18px system-ui;font-style:normal;background:linear-gradient(135deg,#FF86BE,#7B3BE6);box-shadow:0 0 0 2px rgba(255,255,255,.15)}
#liveModal .ls-fr button.on i{box-shadow:0 0 0 3px #6BEFA6}
#liveModal .ls-fr span{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .ls-card .lgu-go{margin-top:14px}
#liveModal .ls-nodep{color:#fff;font-weight:600;margin:4px 0 4px}
#liveModal .ls-confirm{margin-top:14px;border-radius:16px;padding:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(107,239,166,.5);display:flex;flex-direction:column;gap:8px;animation:ghPop .3s ease-out}
#liveModal .ls-confirm b{color:#fff;font:800 18px "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere}
#liveModal .ls-confirm small{color:#C9CFE6;font-size:12.5px}
#liveModal .ls-confirm div{display:flex;gap:8px;margin-top:4px}
#liveModal .ls-confirm button{flex:1;min-height:48px;border:0;border-radius:14px;font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
#liveModal .ls-no{background:rgba(255,255,255,.1)}
#liveModal .ls-yes{background:linear-gradient(135deg,#6BEFA6,#0F9F63);color:#05321f!important}
#liveModal .ls-rules{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
#liveModal .ls-rules li{color:#D3D8EE;font-size:13px;line-height:1.4}
#liveModal .ls-h{display:block;color:#fff;font:800 16px "Plus Jakarta Sans",system-ui,sans-serif;margin:18px 2px 8px}
#liveModal .ls-hist{display:grid;gap:8px}
#liveModal .ls-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#liveModal .ls-row span{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:rgba(255,122,168,.25)}
#liveModal .ls-row.in span{background:rgba(107,239,166,.25)}
#liveModal .ls-row div{flex:1;min-width:0}
#liveModal .ls-row b{display:block;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .ls-row small{color:#9AA3C4;font-size:11.5px}
#liveModal .ls-row em{font-style:normal;font-weight:900;color:#FF9CC2}
#liveModal .ls-row.in em{color:#6BEFA6}
#liveModal .ls-load{text-align:center;color:#9AA3C4}

/* ===== v2689 — Live : Quiz (5/jour), Mon niveau, Missions, Statistiques, Badges ===== */
#liveModal .qz{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#liveModal .qz-dots{display:flex;justify-content:center;gap:8px}
#liveModal .qz-dots i{width:30px;height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
#liveModal .qz-dots i.cur{background:#C79BFF}
#liveModal .qz-dots i.ok{background:#22C55E}
#liveModal .qz-dots i.ko{background:#F43F5E}
#liveModal .qz-of{text-align:center;color:#9AA3C4;font-size:12.5px}
#liveModal .qz-card{display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:20px;background:linear-gradient(150deg,rgba(123,59,230,.35),rgba(17,13,40,.85));box-shadow:inset 0 0 0 1px rgba(199,155,255,.4)}
#liveModal .qz-ico{width:48px;height:48px;flex:0 0 48px}
#liveModal .qz-ico .li-ico,#liveModal .qz-big .li-ico,#liveModal .st-i .li-ico,#liveModal .bd-i .li-ico,#liveModal .ms-i .li-ico,#liveModal .ms-ico .li-ico{width:100%;height:100%;display:block}
#liveModal .qz-q{color:#fff;font:800 18px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere}
#liveModal .qz-opts{display:grid;gap:9px}
#liveModal .qz-opts button{display:flex;align-items:center;gap:12px;text-align:start;min-height:54px;padding:10px 14px;border:0;border-radius:16px;color:#fff;font:700 15px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#liveModal .qz-opts button em{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;background:rgba(199,155,255,.25)}
#liveModal .qz-opts button span{overflow-wrap:anywhere}
#liveModal .qz-opts button.ok{background:rgba(34,197,94,.25);box-shadow:inset 0 0 0 2px #22C55E}
#liveModal .qz-opts button.ko{background:rgba(244,63,94,.22);box-shadow:inset 0 0 0 2px #F43F5E}
#liveModal .qz-opts button:disabled{opacity:1}
#liveModal .qz-res{min-height:20px;text-align:center;font-weight:800;color:#fff;margin:0}
#liveModal .qz-res.win{color:#6BEFA6}
#liveModal .qz-res.lose{color:#FF9CB0}
#liveModal .qz-sum{align-items:center;text-align:center;padding-top:6px}
#liveModal .qz-big{width:84px;height:84px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}
#liveModal .qz-t{color:#fff;font:800 21px "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .qz-pts{color:#FFD27A;font-weight:900;font-size:18px;margin:0}
#liveModal .qz-s{color:#C9CFE6;margin:0 0 6px}
#liveModal .qz-sum .lgu-go{max-width:340px}
/* carte niveau */
#liveModal .lv-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;background:linear-gradient(150deg,rgba(242,179,61,.22),rgba(46,140,240,.12) 60%,rgba(17,13,40,.85));box-shadow:inset 0 0 0 1px rgba(255,210,122,.45);margin-bottom:14px}
#liveModal .lv-medal{position:relative;width:74px;height:74px;flex:0 0 74px;filter:drop-shadow(0 8px 16px rgba(242,179,61,.35))}
#liveModal .lv-card.big .lv-medal{width:96px;height:96px;flex:0 0 96px}
#liveModal .lv-medal svg{width:100%;height:100%;display:block}
#liveModal .lv-medal b{position:absolute;inset:0;display:grid;place-items:center;color:#FFE9A8;font:900 28px "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .lv-card.big .lv-medal b{font-size:36px}
#liveModal .lv-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#liveModal .lv-txt small{color:#C9CFE6;font-size:12.5px}
#liveModal .lv-txt b{color:#fff;font:900 21px "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere}
#liveModal .lv-bar{height:9px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
#liveModal .lv-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#FFE9A8,#F2B33D,#FF7BD9)}
#liveModal .lv-h{display:block;color:#fff;font:800 16px "Plus Jakarta Sans",system-ui,sans-serif;margin:6px 2px 8px}
#liveModal .lv-how{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
#liveModal .lv-how li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);color:#D3D8EE;font-size:14px}
#liveModal .lv-how li b{color:#6BEFA6;white-space:nowrap}
#liveModal .lv-ladder{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#liveModal .lv-ladder li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);color:#9AA3C4;font-weight:700}
#liveModal .lv-ladder li em{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.08);color:#fff}
#liveModal .lv-ladder li.past{color:#D3D8EE}
#liveModal .lv-ladder li.past em{background:rgba(242,179,61,.35)}
#liveModal .lv-ladder li.cur{color:#fff;background:linear-gradient(90deg,rgba(242,179,61,.3),rgba(255,123,217,.15));box-shadow:inset 0 0 0 1px rgba(255,210,122,.6)}
#liveModal .lv-ladder li.cur em{background:linear-gradient(135deg,#FFE9A8,#F2B33D);color:#5a3500}
#liveModal .lv-ladder li i{margin-inline-start:auto;font-style:normal;font-size:11px;font-weight:900;color:#3b2200;background:#FFD27A;border-radius:10px;padding:2px 8px}
/* missions */
#liveModal .ms-head{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;margin-bottom:12px;background:linear-gradient(150deg,rgba(255,123,217,.25),rgba(17,13,40,.85));box-shadow:inset 0 0 0 1px rgba(255,123,217,.4)}
#liveModal .ms-ico{width:52px;height:52px;flex:0 0 52px}
#liveModal .ms-head b{display:block;color:#fff;font:800 18px "Plus Jakarta Sans",system-ui,sans-serif}
#liveModal .ms-head small{color:#D3D8EE;font-size:12.5px}
#liveModal .ms-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;margin-bottom:8px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#liveModal .ms-row.done{box-shadow:inset 0 0 0 1px rgba(34,197,94,.6);background:rgba(34,197,94,.1)}
#liveModal .ms-i{width:40px;height:40px;flex:0 0 40px}
#liveModal .ms-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#liveModal .ms-t b{color:#fff;font-size:14.5px;overflow-wrap:anywhere}
#liveModal .ms-row em{font-style:normal;font-weight:900;color:#FFD27A;white-space:nowrap;font-size:13px}
#liveModal .ms-row.done em{color:#6BEFA6}
/* statistiques + badges */
html body #liveModal .lfun-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body #liveModal .lfun-stat{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px;padding:12px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;min-width:0}
#liveModal .st-i{width:36px;height:36px;margin-bottom:4px}
html body #liveModal .lfun-stat b{color:#fff!important;font:900 20px "Plus Jakarta Sans",system-ui,sans-serif!important;overflow-wrap:anywhere}
html body #liveModal .lfun-stat small{color:#C9CFE6!important}
#liveModal .bd-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
#liveModal .bd-head b{color:#FFD27A;font:900 20px "Plus Jakarta Sans",system-ui,sans-serif;white-space:nowrap}
#liveModal .bd-head .lv-bar{flex:1}
html body #liveModal .lfun-badges{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html body #liveModal .lfun-badge{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 6px!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;min-width:0}
#liveModal .bd-i{width:46px;height:46px;filter:grayscale(1) brightness(.6);opacity:.55}
html body #liveModal .lfun-badge.on{background:linear-gradient(160deg,rgba(242,179,61,.2),rgba(255,255,255,.04))!important;box-shadow:inset 0 0 0 1px rgba(255,210,122,.55)!important}
#liveModal .lfun-badge.on .bd-i{filter:none;opacity:1}
html body #liveModal .lfun-badge b{color:#fff!important;font-size:12.5px!important;overflow-wrap:anywhere}
html body #liveModal .lfun-badge small{color:#9AA3C4!important;font-size:10.5px!important;line-height:1.25;overflow-wrap:anywhere}
html body #liveModal .lfun-badge:not(.on) b{color:#9AA3C4!important}
html body .modal-backdrop > .modal-box > i.bp-grip.bp-grip{left:0!important;right:0!important;margin:0 auto!important}

/* ===== v2690 — CASINO OROLADO : bouton de la barre du haut + page « monde des jeux » ===== */
html body .casino-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 6px;border:0;border-radius:12px;color:#fff;font:900 13px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.3px;
  background:linear-gradient(135deg,#ff3d6e,#9b1239 60%,#5b0b25);box-shadow:inset 0 0 0 1px rgba(255,210,122,.65),0 6px 16px -6px rgba(255,61,110,.8);white-space:nowrap;flex:0 0 auto}
html body .casino-btn .cb-ico{width:28px;height:28px;display:block}
html body .casino-btn .cb-ico svg{width:100%;height:100%;display:block}
html body .casino-btn .cb-lbl{background:linear-gradient(180deg,#FFF4C8,#FFD27A);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}
html body .casino-btn:active{transform:scale(.96)}
html body .topbar-row .tb-left{display:flex;align-items:center;gap:8px}
/* page entière (téléphone) / grande page (PC), comme Live et Cadeaux */
@media (max-width:859px){
  html:root body #casinoModal#casinoModal > .modal-box{position:fixed!important;inset:0!important;transform:none!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;border:0!important;
    box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;zoom:1!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 18px)!important}
}
@media (min-width:860px){html:root body #casinoModal#casinoModal > .modal-box{width:min(760px,94vw)!important;max-width:760px!important;max-height:90vh!important;overflow-y:auto!important;border-radius:22px!important;padding:18px!important}}
html:root body #casinoModal#casinoModal > .modal-box{background:
  radial-gradient(1.2px 1.2px at 14% 12%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 72% 7%,rgba(255,240,200,.85),transparent 60%),radial-gradient(1.4px 1.4px at 88% 38%,rgba(255,255,255,.8),transparent 60%),
  radial-gradient(1px 1px at 26% 58%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.3px 1.3px at 60% 82%,rgba(255,220,240,.85),transparent 60%),
  radial-gradient(70% 40% at 100% 0%,rgba(255,61,110,.35),transparent 70%),radial-gradient(60% 40% at 0% 40%,rgba(242,179,61,.18),transparent 70%),radial-gradient(70% 45% at 60% 100%,rgba(123,59,230,.32),transparent 70%),
  linear-gradient(180deg,#1a0a26 0%,#120818 55%,#0b0612 100%)!important;background-attachment:local!important;color:#fff}
#casinoModal .cs-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:36px}
#casinoModal .cs-back{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:11px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:grid;place-items:center}
#casinoModal .cs-back svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] #casinoModal .cs-back svg{transform:scaleX(-1)}
#casinoModal .cs-bar > b{flex:1;min-width:0;font:800 17px "Plus Jakarta Sans",system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#casinoModal .cs-bal{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;padding:4px 10px;border-radius:11px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .cs-bal small{font-size:10px;color:#C9CFE6;text-transform:uppercase;font-weight:800}
#casinoModal .cs-bal b{font:900 14px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .cs-bal.real b{color:#6BEFA6}
#casinoModal .cs-bal.demo b{color:#7FD8FF}
#casinoModal .cs-hero{text-align:center;padding:6px 0 12px}
#casinoModal .cs-hero > b{display:block;font:900 28px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(180deg,#FFF4C8,#FFD27A 50%,#F2B33D);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}
#casinoModal .cs-hero > b i{font-style:normal;color:transparent}
#casinoModal .cs-hero > small{display:block;color:#D3D8EE;margin:4px 0 10px}
#casinoModal .cs-mode{display:inline-flex;gap:4px;padding:4px;border-radius:13px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin:6px auto}
#casinoModal .cs-mode button{border:0;border-radius:10px;padding:7px 16px;font:800 13px system-ui;color:#C9CFE6;background:none}
#casinoModal .cs-mode button.on{color:#14081c;background:linear-gradient(135deg,#FFE9A8,#F2B33D)}
#casinoModal .cs-try{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:12px;border-radius:16px;margin-bottom:12px;background:rgba(242,179,61,.12);box-shadow:inset 0 0 0 1px rgba(242,179,61,.4);font-size:13.5px;color:#FFE9C2}
#casinoModal .cs-try button{border:0;border-radius:12px;padding:10px 18px;font:800 14px system-ui;color:#3b2200;background:linear-gradient(135deg,#FFE9A8,#F2B33D)}
#casinoModal .cs-try.big{padding:22px 14px;font-size:15px}
#casinoModal .cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:600px){#casinoModal .cs-grid{grid-template-columns:1fr 1fr 1fr}}
#casinoModal .cs-tile{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;border:0;border-radius:20px;padding:13px 12px;min-height:122px;color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
@supports (background:color-mix(in srgb,red 10%,blue)){
  #casinoModal .cs-tile{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tc) 40%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 22%,rgba(30,14,40,.92)),rgba(18,8,26,.94));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 50%,transparent),0 10px 24px -14px var(--tc)}
}
#casinoModal .cs-tile.big{grid-column:1/-1;min-height:120px;flex-direction:row;align-items:center;gap:14px}
#casinoModal .cs-ti{width:54px;height:54px;flex:0 0 54px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
#casinoModal .cs-tile.big .cs-ti{width:66px;height:66px;flex:0 0 66px}
#casinoModal .cs-ico{width:100%;height:100%;display:block}
#casinoModal .cs-tile b{font:800 15.5px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere;position:relative;z-index:1}
#casinoModal .cs-tile.big b{font-size:21px}
#casinoModal .cs-tile small{color:#E4D9F0;font-size:12px;line-height:1.3;overflow-wrap:anywhere;position:relative;z-index:1}
#casinoModal .cs-tile.big small{display:block}
#casinoModal .cs-tile.big > b,#casinoModal .cs-tile.big > small{flex:0 1 auto}
#casinoModal .cs-tile.big{display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px}
#casinoModal .cs-tile.big .cs-ti{grid-row:1/3}
#casinoModal .cs-tile.big b{align-self:end}
#casinoModal .cs-tile.big small{align-self:start}
#casinoModal .cs-plane{position:absolute;right:16px;top:14px;font-size:44px;opacity:.9;transform:rotate(-20deg);filter:drop-shadow(0 6px 12px rgba(255,61,110,.6))}
html[dir="rtl"] #casinoModal .cs-plane{right:auto;left:16px}
#casinoModal .cs-tile:active{transform:scale(.98)}
#casinoModal .cs-sports{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:20px;background:linear-gradient(150deg,rgba(56,189,248,.22),rgba(18,8,26,.9));box-shadow:inset 0 0 0 1px rgba(56,189,248,.45)}
#casinoModal .cs-sports b{display:block;font:800 17px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .cs-sports small{color:#D3D8EE;font-size:12.5px}
#casinoModal .cs-rules{color:#8F86A8;font-size:11.5px;text-align:center;margin:14px 6px 4px}
/* page d'un jeu */
#casinoModal .cs-game{display:flex;flex-direction:column;gap:10px}
#casinoModal .cs-stage{position:relative;min-height:200px;border-radius:22px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;
  background:radial-gradient(90% 70% at 50% 30%,rgba(255,61,110,.18),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#casinoModal .cs-res{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:14px}
#casinoModal .cs-res b{font:900 20px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .cs-res small{color:#D3D8EE;font-size:12.5px}
#casinoModal .cs-res.win{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(255,210,122,.15));box-shadow:inset 0 0 0 1px rgba(107,239,166,.6);animation:ghPop .4s ease-out}
#casinoModal .cs-res.win b{color:#6BEFA6}
#casinoModal .cs-res.lose{background:rgba(244,63,94,.12)}
#casinoModal .cs-res.lose b{color:#FF9CB0}
#casinoModal .cs-panel{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:20px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#casinoModal .cs-panel .cs-mode{align-self:center}
#casinoModal .cs-stake{display:flex;align-items:center;gap:6px}
#casinoModal .cs-stake span{color:#C9CFE6;font-size:13px;font-weight:800;min-width:42px}
#casinoModal .cs-stake input{flex:1;min-width:0;height:46px;border:0;border-radius:13px;text-align:center;color:#fff;font:900 19px "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);outline:none}
#casinoModal .cs-stake button{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:13px;color:#fff;font:900 15px system-ui;background:rgba(255,255,255,.1)}
#casinoModal .cs-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#casinoModal .cs-chips button{min-width:0;height:34px;border:0;border-radius:10px;color:#FFE9C2;font:800 12px system-ui;background:rgba(242,179,61,.14);box-shadow:inset 0 0 0 1px rgba(242,179,61,.35);padding:0 2px;white-space:nowrap;overflow:hidden}
#casinoModal .cs-go{min-height:56px;border:0;border-radius:17px;color:#2a1200;font:900 18px "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(135deg,#FFE9A8,#F2B33D 55%,#E0901A);box-shadow:0 12px 26px -12px rgba(242,179,61,.9)}
#casinoModal .cs-go.cash{color:#fff;background:linear-gradient(135deg,#34D399,#059669);box-shadow:0 12px 26px -12px rgba(52,211,153,.9)}
#casinoModal .cs-go:disabled{opacity:.6}
#casinoModal .cs-go:active{transform:scale(.98)}
#casinoModal .cs-dep{min-height:44px;border:0;border-radius:13px;color:#fff;font:800 15px system-ui;background:rgba(255,255,255,.12)}
#casinoModal .cs-seg{display:flex;gap:6px}
#casinoModal .cs-seg button{flex:1;min-width:0;min-height:44px;border:0;border-radius:13px;color:#fff;font:800 14px system-ui;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .cs-seg button.on{background:linear-gradient(135deg,rgba(255,61,110,.55),rgba(155,18,57,.6));box-shadow:inset 0 0 0 2px #FFD27A}
#casinoModal .cs-lbl{display:block;color:#D3D8EE;font-size:13px;font-weight:700;text-align:center}
#casinoModal .cs-range{width:100%;accent-color:#F2B33D}
#casinoModal .cs-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#casinoModal .cs-opts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
#casinoModal .cs-opts.two{grid-template-columns:1fr 1fr}
#casinoModal .cs-opts button{min-width:0;min-height:50px;border:0;border-radius:13px;color:#fff;font:800 13px system-ui;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}
#casinoModal .cs-opts button small{font-size:11px;color:#FFD27A}
#casinoModal .cs-opts button.on{box-shadow:inset 0 0 0 2px #FFD27A;background:rgba(242,179,61,.18)}
#casinoModal .b-red{background:linear-gradient(135deg,rgba(239,68,68,.5),rgba(127,29,29,.5))!important}
#casinoModal .b-black{background:linear-gradient(135deg,rgba(55,65,81,.8),rgba(17,24,39,.8))!important}
#casinoModal .b-green{background:linear-gradient(135deg,rgba(34,197,94,.5),rgba(20,83,45,.5))!important}
#casinoModal .b-violet{background:linear-gradient(135deg,rgba(168,85,247,.55),rgba(88,28,135,.5))!important}
#casinoModal .cs-opts button.b-red.on,#casinoModal .cs-opts button.b-black.on,#casinoModal .cs-opts button.b-green.on,#casinoModal .cs-opts button.b-violet.on{box-shadow:inset 0 0 0 2px #FFD27A}
/* pile ou face */
#casinoModal .coin3d{position:relative;width:130px;height:130px;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}
#casinoModal .coin3d i{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;font:900 20px "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;color:#6b3d00;backface-visibility:hidden;
  background:radial-gradient(circle at 35% 30%,#FFF6D0,#F2B33D 55%,#A8650A);box-shadow:inset 0 0 0 6px rgba(255,255,255,.35),0 10px 26px rgba(0,0,0,.5)}
#casinoModal .coin3d i.b{transform:rotateY(180deg);background:radial-gradient(circle at 35% 30%,#F3F4F6,#9CA3AF 55%,#4B5563);color:#1f2937}
/* dés */
#casinoModal .dice-roll{font:900 52px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .dice-bar{position:relative;width:100%;height:14px;border-radius:7px;background:rgba(244,63,94,.35)}
#casinoModal .dice-bar i{position:absolute;top:0;bottom:0;border-radius:7px;background:#22C55E}
#casinoModal .dice-bar em{position:absolute;top:-8px;width:4px;height:30px;margin-left:-2px;border-radius:2px;background:#fff;transition:left .3s}
#casinoModal .dice-bar em.l{background:#FF9CB0}
/* limbo */
#casinoModal .limbo-n{font:900 56px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .limbo-n.w,#casinoModal .crash-n.w{color:#6BEFA6}
#casinoModal .limbo-n.l,#casinoModal .crash-n.l{color:#FF9CB0}
/* roue casino */
#casinoModal .whl2{position:relative;width:min(270px,72vw);aspect-ratio:1}
#casinoModal .whl2-rot{position:absolute;inset:0}
#casinoModal .whl2-rot svg{width:100%;height:100%}
#casinoModal .whl2-pin{position:absolute;left:50%;top:-8px;width:26px;height:34px;margin-left:-13px;background:linear-gradient(180deg,#FFF1C2,#F2B33D);clip-path:polygon(50% 100%,0 0,100% 0);z-index:2}
/* course */
#casinoModal .race-stage{align-items:stretch;gap:4px;padding:10px}
#casinoModal .lane{position:relative;height:34px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 18px,rgba(255,255,255,.02) 18px 36px);display:flex;align-items:center}
#casinoModal .lane em{position:absolute;left:6px;font-style:normal;font-weight:900;font-size:11px;color:#C9CFE6}
#casinoModal .lane .car{position:absolute;left:18px;width:52px;height:26px}
#casinoModal .lane .car svg{width:100%;height:100%}
#casinoModal .lane .flag{position:absolute;right:4px;top:3px;bottom:3px;width:8px;background:repeating-linear-gradient(0deg,#fff 0 4px,#111 4px 8px);border-radius:2px}
#casinoModal .cs-cars{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
#casinoModal .cs-cars button{height:42px;border:0;border-radius:12px;color:#fff;font:900 16px system-ui;background:var(--cc);opacity:.55}
#casinoModal .cs-cars button.on{opacity:1;box-shadow:inset 0 0 0 3px #fff}
/* roulette / couleurs */
#casinoModal .rl-ball,#casinoModal .clr-ball{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font:900 46px "Plus Jakarta Sans",system-ui,sans-serif;background:radial-gradient(circle at 35% 30%,#4b5563,#111827);box-shadow:inset 0 0 0 6px rgba(255,255,255,.2),0 10px 26px rgba(0,0,0,.5)}
#casinoModal .rl-ball.r,#casinoModal .clr-ball.r{background:radial-gradient(circle at 35% 30%,#f87171,#991b1b)}
#casinoModal .rl-ball.z,#casinoModal .clr-ball.g{background:radial-gradient(circle at 35% 30%,#4ade80,#166534)}
#casinoModal .rl-ball.k{background:radial-gradient(circle at 35% 30%,#4b5563,#030712)}
#casinoModal .clr-ball.rv{background:linear-gradient(135deg,#ef4444 50%,#8b5cf6 50%)}
#casinoModal .clr-ball.gv{background:linear-gradient(135deg,#22c55e 50%,#8b5cf6 50%)}
#casinoModal .cs-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
#casinoModal .cs-nums .cn{height:40px;border:0;border-radius:11px;color:#fff;font:900 15px system-ui}
#casinoModal .cn.g{background:#15803d}#casinoModal .cn.r{background:#b91c1c}#casinoModal .cn.rv{background:linear-gradient(135deg,#b91c1c 50%,#7e22ce 50%)}#casinoModal .cn.gv{background:linear-gradient(135deg,#15803d 50%,#7e22ce 50%)}
#casinoModal .cn.on{box-shadow:inset 0 0 0 3px #FFD27A}
/* machine à sous */
#casinoModal .slot{display:flex;gap:8px;padding:12px;border-radius:18px;background:linear-gradient(180deg,#3b0a1d,#14060c);box-shadow:inset 0 0 0 3px #F2B33D,0 0 24px rgba(242,179,61,.35)}
#casinoModal .slot span{width:76px;height:86px;border-radius:12px;display:grid;place-items:center;font-size:44px;background:linear-gradient(180deg,#fff,#e5e7eb);box-shadow:inset 0 -6px 12px rgba(0,0,0,.15)}
#casinoModal .pay{color:#D3D8EE;font-size:11.5px;text-align:center}
/* plinko */
#casinoModal .plk{width:100%;max-width:340px}
#casinoModal .plk #csBall{transition:cx .14s linear,cy .14s ease-in}
/* keno */
#casinoModal .keno{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:340px}
#casinoModal .keno button{height:44px;border:0;border-radius:12px;color:#fff;font:900 15px system-ui;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .keno button.pk{background:rgba(242,179,61,.35);box-shadow:inset 0 0 0 2px #FFD27A}
#casinoModal .keno button.dr{background:rgba(59,130,246,.4)}
#casinoModal .keno button.hit{background:#22C55E;box-shadow:inset 0 0 0 2px #fff}
/* grattage */
#casinoModal .scr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px}
#casinoModal .scr span{height:72px;border-radius:14px;display:grid;place-items:center;font-size:34px;background:#fff}
#casinoModal .scr span i{display:block;width:100%;height:100%;border-radius:14px;background:repeating-linear-gradient(45deg,#C0C4CC 0 6px,#A3A8B3 6px 12px)}
#casinoModal .scr span.op{animation:ghPop .3s ease-out}
/* penalty */
#casinoModal .pen{min-height:230px;justify-content:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(34,197,94,.25))}
#casinoModal .goal{position:relative;width:280px;max-width:90%;height:110px;margin-top:6px;border:5px solid #fff;border-bottom:0;border-radius:6px 6px 0 0;display:grid;grid-template-columns:repeat(3,1fr);
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.15) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 1px,transparent 1px 10px)}
#casinoModal .goal .kp{position:absolute;left:50%;bottom:0;font-size:46px;transform:translateX(-50%);font-style:normal}
#casinoModal .pen .ball{position:absolute;left:50%;bottom:16px;font-size:34px;transform:translate(-50%,0)}
/* avion */
#casinoModal .crash-stage{min-height:230px;background:radial-gradient(90% 80% at 20% 100%,rgba(255,61,110,.25),transparent 70%),linear-gradient(180deg,#160a2e,#0d0618)}
#casinoModal .crash-sky{position:absolute;inset:0;width:100%;height:100%}
#casinoModal .plane{position:absolute;left:0;top:0;font-size:34px;color:#FF5E7E;filter:drop-shadow(0 0 10px rgba(255,94,126,.8));will-change:transform}
#casinoModal .crash-n{position:relative;z-index:2;font:900 54px "Plus Jakarta Sans",system-ui,sans-serif;text-shadow:0 4px 18px rgba(0,0,0,.6)}
/* mines */
#casinoModal .mn{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:100%;max-width:330px}
#casinoModal .mn button{aspect-ratio:1;border:0;border-radius:12px;font-size:24px;background:linear-gradient(160deg,#3a2a6b,#221640);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
#casinoModal .mn button.ok{background:linear-gradient(160deg,#16a34a,#065f46);animation:ghPop .25s ease-out}
#casinoModal .mn button.mine{background:#3f1d2b;opacity:.8}
#casinoModal .mn button.boom{background:#e11d48;animation:ghPop .3s ease-out}
/* hi-lo */
#casinoModal .hl .card{width:110px;height:150px;border-radius:14px;display:grid;place-items:center;font:900 52px "Plus Jakarta Sans",system-ui,sans-serif;color:#b91c1c;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.5)}
#casinoModal .hl-row{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
#casinoModal .hl-row span{width:26px;height:36px;border-radius:5px;display:grid;place-items:center;font:900 12px system-ui;color:#111;background:#e5e7eb}
#casinoModal #csHlBtns button{min-height:58px;font-size:14px}
html.oro-lite #casinoModal .cs-res.win,html.oro-lite #casinoModal .mn button.ok{animation:none}
#casinoModal [hidden]{display:none!important}

/* ===== v2690b — CASINO & PARIS : style « grandes plateformes » (sobre, sombre, pro), réel seulement ===== */
html:root body #casinoModal#casinoModal > .modal-box{background:radial-gradient(80% 35% at 50% 0%,rgba(31,216,107,.10),transparent 70%),linear-gradient(180deg,#0f1923 0%,#0c141d 60%,#0a1118 100%)!important;color:#E8EEF5}
#casinoModal .cs-bar{position:sticky;top:-14px;z-index:6;margin:-14px -14px 10px;padding:12px 14px 10px;background:rgba(15,25,35,.96);border-bottom:1px solid #1d2b39}
#casinoModal .cs-back{background:#1a2733;box-shadow:none}
#casinoModal .cs-bal{background:#1a2733;box-shadow:inset 0 0 0 1px #24384a}
#casinoModal .cs-bal.real b{color:#1FD86B}
#casinoModal .cs-join{border:0;border-radius:9px;padding:6px 10px;font:800 12px system-ui;color:#0b1a10;background:#1FD86B}
#casinoModal .cs-hero{display:flex;flex-direction:column;gap:12px;text-align:start;padding:4px 0 6px}
#casinoModal .cs-hero-t b{display:block;font:900 26px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;background:none;-webkit-text-fill-color:#fff}
#casinoModal .cs-hero-t small{color:#8BA0B5;font-size:13px}
#casinoModal .cs-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#casinoModal .cs-tabs button{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:0;border-radius:14px;color:#fff;font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;background:#17232f;box-shadow:inset 0 0 0 1px #22313f;text-align:start}
#casinoModal .cs-tabs button.on{background:linear-gradient(135deg,#1b3a2a,#17232f);box-shadow:inset 0 0 0 1px #1FD86B}
#casinoModal .cs-tabs .cs-ico{width:36px;height:36px;flex:0 0 36px}
#casinoModal .cs-h{display:flex;align-items:center;gap:8px;margin:18px 2px 10px;font:800 16px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
#casinoModal .cs-h i{font-style:normal;font-size:11px;font-weight:900;color:#0b1a10;background:#1FD86B;border-radius:8px;padding:2px 7px}
#casinoModal .cs-try{background:#17232f;box-shadow:inset 0 0 0 1px #2b4256;color:#C9D6E3}
#casinoModal .cs-try button{background:#1FD86B;color:#0b1a10}
/* tuiles toutes égales (vignettes de jeux) */
#casinoModal .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
@media (max-width:340px){#casinoModal .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:600px){#casinoModal .cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body #casinoModal .cs-tile,html body #casinoModal .cs-tile.big{display:flex!important;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;border-radius:16px;overflow:hidden;grid-column:auto!important;
  background:#17232f!important;box-shadow:inset 0 0 0 1px #22313f!important}
#casinoModal .cs-tile .cs-ti{width:auto!important;height:auto!important;flex:none;aspect-ratio:1/0.82;display:grid;place-items:center;filter:none;
  background:radial-gradient(80% 80% at 50% 30%,color-mix(in srgb,var(--tc) 55%,transparent),transparent 75%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 35%,#0f1923),#0f1923)}
@supports not (background:color-mix(in srgb,red 10%,blue)){#casinoModal .cs-tile .cs-ti{background:#1d2b39}}
#casinoModal .cs-tile .cs-ti .cs-ico{width:62%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
#casinoModal .cs-tt{display:flex;flex-direction:column;gap:2px;padding:8px 9px 10px;min-width:0}
#casinoModal .cs-tt b{font:800 13px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
#casinoModal .cs-tt small{font-size:11px;color:#8BA0B5;line-height:1.25;overflow-wrap:anywhere}
#casinoModal .cs-tile:active{transform:scale(.97)}
/* page d'un jeu : grand écran, mise en bas */
#casinoModal .cs-game{gap:10px}
html body #casinoModal .cs-stage{min-height:min(52vh,430px);border-radius:18px;background:radial-gradient(70% 60% at 50% 35%,rgba(31,216,107,.08),transparent 70%),#111c27;box-shadow:inset 0 0 0 1px #1f2f3e}
#casinoModal .cs-res{min-height:46px;border-radius:12px}
#casinoModal .cs-res.win{background:rgba(31,216,107,.14);box-shadow:inset 0 0 0 1px rgba(31,216,107,.6)}
#casinoModal .cs-res.win b{color:#1FD86B}
#casinoModal .cs-res.lose{background:rgba(255,77,106,.1)}
#casinoModal .cs-panel{background:#17232f;box-shadow:inset 0 0 0 1px #22313f;border-radius:18px}
#casinoModal .cs-stake input{background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256}
#casinoModal .cs-stake button{background:#22313f}
#casinoModal .cs-chips button{background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256;color:#C9D6E3}
html body #casinoModal .cs-go{color:#06210f;background:linear-gradient(180deg,#2BEA7B,#14B85A);box-shadow:0 8px 22px -10px rgba(31,216,107,.9)}
html body #casinoModal .cs-go.cash{color:#2a1a00;background:linear-gradient(180deg,#FFD24A,#F5A700);box-shadow:0 8px 22px -10px rgba(245,183,0,.9)}
#casinoModal .cs-seg button{background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256}
html body #casinoModal .cs-seg button.on{background:#1b3a2a;box-shadow:inset 0 0 0 2px #1FD86B}
#casinoModal .cs-opts button{background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256}
html body #casinoModal .cs-opts button.on{box-shadow:inset 0 0 0 2px #1FD86B}
#casinoModal .cs-game.is-guest .cs-go{color:#06210f}
/* pièce crypto */
#casinoModal .coin3d{width:min(190px,48vw);height:min(190px,48vw)}
html body #casinoModal .coin3d i{background:none!important;box-shadow:0 14px 34px rgba(0,0,0,.55)!important;border-radius:50%}
#casinoModal .coin3d i svg{width:100%;height:100%;display:block}
#casinoModal .coin-lbl{display:flex;gap:26px;color:#8BA0B5;font-weight:800;font-size:13px}
#casinoModal .coin-lbl span:first-child{color:#F5B700}
/* roue casino */
#casinoModal .whl2{width:min(300px,76vw)}
#casinoModal .whl2-pin{background:linear-gradient(180deg,#fff,#F5B700)}
#casinoModal .whl-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#casinoModal .whl-leg span{font:800 11px system-ui;color:#fff;padding:3px 8px;border-radius:8px;background:var(--c)}
/* avion */
html body #casinoModal .crash-stage{background:radial-gradient(80% 70% at 15% 100%,rgba(225,29,72,.22),transparent 70%),linear-gradient(180deg,#0d1622,#0a1019);overflow:hidden}
#casinoModal .crash-sky{position:absolute;inset:0;width:100%;height:100%}
html body #casinoModal .plane{position:absolute;left:0;top:0;width:64px;height:40px;font-size:0;filter:drop-shadow(0 0 14px rgba(255,45,85,.65))}
#casinoModal .plane svg{width:100%;height:100%;display:block}
#casinoModal .crash-n{font-size:64px;color:#fff}
/* paris sportifs */
#casinoModal .cs-sports{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;background:none;box-shadow:none}
#casinoModal .sp-none{color:#8BA0B5;text-align:center;padding:16px;border-radius:14px;background:#17232f;margin:0}
#casinoModal .sp-ev{padding:12px;border-radius:16px;background:#17232f;box-shadow:inset 0 0 0 1px #22313f}
#casinoModal .sp-ev.shut{opacity:.6}
#casinoModal .sp-top{display:flex;justify-content:space-between;gap:8px;color:#8BA0B5;font-size:12px;font-weight:700}
#casinoModal .sp-top em{font-style:normal;color:#1FD86B;white-space:nowrap}
#casinoModal .sp-t{display:block;margin:6px 0 10px;font:800 16px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
#casinoModal .sp-os{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#casinoModal .sp-os.n2{grid-template-columns:1fr 1fr}
#casinoModal .sp-o{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:46px;padding:6px 10px;border:0;border-radius:11px;color:#fff;background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256}
#casinoModal .sp-o small{color:#C9D6E3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#casinoModal .sp-o b{font:900 15px system-ui;color:#F5B700}
#casinoModal .sp-o.on{background:#1b3a2a;box-shadow:inset 0 0 0 2px #1FD86B}
#casinoModal .sp-o.res{box-shadow:inset 0 0 0 2px #F5B700}
#casinoModal .sp-mine{min-height:44px;border:0;border-radius:12px;color:#fff;font:800 14px system-ui;background:#1a2733;box-shadow:inset 0 0 0 1px #2b4256}
#casinoModal .sp-bt{padding:10px 12px;border-radius:14px;background:#141f2a;box-shadow:inset 0 0 0 1px #22313f;margin-top:8px}
#casinoModal .sp-bt.won{box-shadow:inset 0 0 0 1px #1FD86B}
#casinoModal .sp-bt.lost{opacity:.75}
#casinoModal .sp-bt-h{display:flex;justify-content:space-between;gap:8px;font-size:13px}
#casinoModal .sp-bt-h b{color:#fff}
#casinoModal .sp-bt.won .sp-bt-h b{color:#1FD86B}
#casinoModal .sp-bt.lost .sp-bt-h b{color:#FF7A90}
#casinoModal .sp-bt-h i{font-style:normal;color:#F5B700;font-weight:800}
#casinoModal .sp-bt-s,#casinoModal .sp-sl{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#C9D6E3;margin-top:6px}
#casinoModal .sp-bt-s em,#casinoModal .sp-sl em{font-style:normal;color:#8BA0B5;white-space:nowrap}
#casinoModal .sp-bt-s.won em{color:#1FD86B}
#casinoModal .sp-bt-s.lost em{color:#FF7A90}
#casinoModal .sp-slip{position:sticky;bottom:-18px;z-index:5;margin:6px -2px 0;padding:12px;border-radius:16px 16px 0 0;background:#1a2733;box-shadow:0 -10px 30px rgba(0,0,0,.5),inset 0 0 0 1px #2b4256}
#casinoModal .sp-slip-h{display:flex;align-items:center;gap:8px}
#casinoModal .sp-slip-h b{font:900 15px system-ui;color:#fff}
#casinoModal .sp-slip-h span{flex:1;color:#8BA0B5;font-size:12px}
#casinoModal .sp-slip-h button{border:0;background:none;color:#FF7A90;font-weight:800}
#casinoModal .sp-slip-r{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}
#casinoModal .sp-slip-r b{color:#F5B700;font-size:17px}
#casinoModal .sp-slip-r input{width:90px;height:40px;border:0;border-radius:10px;text-align:center;color:#fff;font:900 16px system-ui;background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256}
#casinoModal .sp-go{width:100%}
/* bouton de la barre du haut : CASINO & PARIS */
html body .casino-btn{background:linear-gradient(180deg,#1b3a2a,#0f1f17);box-shadow:inset 0 0 0 1px #1FD86B,0 6px 16px -8px rgba(31,216,107,.8)}
html body .casino-btn .cb-lbl{display:flex;flex-direction:column;line-height:1;-webkit-text-fill-color:initial;background:none;color:#fff}
html body .casino-btn .cb-lbl b{font:900 12.5px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.4px;color:#fff}
html body .casino-btn .cb-lbl small{font:800 9.5px system-ui;color:#1FD86B;letter-spacing:.3px}
html body #casinoModal .cs-sports{align-items:stretch!important;text-align:start}

/* ===== v2691 — Casino : tuiles plus grandes (2 colonnes sur téléphone), vignettes « univers », 3 jeux ça-monte, Pomme ===== */
html body #casinoModal .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
@media (min-width:600px){html body #casinoModal .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:900px){html body #casinoModal .cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body #casinoModal .cs-tile{border-radius:18px}
html body #casinoModal .cs-tile .cs-ti{aspect-ratio:1/0.78;position:relative;
  background:radial-gradient(1.2px 1.2px at 18% 22%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 78% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.3px 1.3px at 62% 74%,rgba(255,255,255,.75),transparent 60%),radial-gradient(1px 1px at 30% 80%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(70% 70% at 50% 40%,color-mix(in srgb,var(--tc) 60%,transparent),transparent 72%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 40%,#0f1923),#0b121a)!important}
html body #casinoModal .cs-tile .cs-ti::after{content:"";position:absolute;right:-14%;bottom:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),color-mix(in srgb,var(--tc) 80%,#000) 55%,transparent 72%);opacity:.45;pointer-events:none}
html body #casinoModal .cs-tile .cs-ti .cs-ico{width:54%;position:relative;z-index:1}
html body #casinoModal .cs-tt{padding:9px 11px 11px}
html body #casinoModal .cs-tt b{font-size:14.5px}
html body #casinoModal .cs-tt small{font-size:11.5px}
/* jeux ça-monte : thèmes */
html body #casinoModal .crash-stage.th-jet{background:radial-gradient(80% 70% at 20% 100%,rgba(168,85,247,.28),transparent 70%),linear-gradient(180deg,#120b24,#0a0814)}
html body #casinoModal .crash-stage.th-rocket{background:radial-gradient(80% 70% at 80% 0%,rgba(34,211,238,.22),transparent 70%),radial-gradient(60% 50% at 10% 100%,rgba(59,130,246,.25),transparent 70%),linear-gradient(180deg,#06121f,#03070d)}
html body #casinoModal .plane{transition:opacity .35s ease,filter .35s}
html body #casinoModal .plane.gone{opacity:0;filter:blur(3px)}
html body #casinoModal .th-jet .plane{filter:drop-shadow(0 0 12px rgba(168,85,247,.7))}
html body #casinoModal .th-rocket .plane{filter:drop-shadow(0 0 12px rgba(34,211,238,.7))}
#casinoModal .crash-n{letter-spacing:-1px}
/* Pomme de la fortune */
html body #casinoModal .ap-stage{min-height:auto;padding:10px;background:radial-gradient(70% 50% at 50% 0%,rgba(34,197,94,.18),transparent 70%),#0f1a14}
#casinoModal .ap{display:flex;flex-direction:column;gap:5px;width:100%;max-width:360px}
#casinoModal .ap-row{display:grid;grid-template-columns:52px repeat(5,1fr);gap:5px;align-items:center;opacity:.55}
#casinoModal .ap-row em{font-style:normal;font:800 11.5px system-ui;color:#86efac;text-align:center}
#casinoModal .ap-row button{height:34px;border:0;border-radius:10px;background:#1a2a20;box-shadow:inset 0 0 0 1px #24402e;padding:0;display:grid;place-items:center}
#casinoModal .ap-row button svg{width:24px;height:24px}
#casinoModal .ap-row.cur{opacity:1}
#casinoModal .ap-row.cur button{background:#1f3a29;box-shadow:inset 0 0 0 2px #22c55e;cursor:pointer}
#casinoModal .ap-row.cur em{color:#fff}
#casinoModal .ap-row.past{opacity:.9}
#casinoModal .ap-row button.good{background:#14532d}
#casinoModal .ap-row button.rot{background:#3f1d1d}
#casinoModal .ap-row button.boom{background:#991b1b;animation:ghPop .3s ease-out}
/* drapeau de langue dans le profil : bien centré à côté du titre */
html body #drawerProfile .drawer-head{display:flex;align-items:center;gap:10px}
html body #drawerProfile .drawer-head .lang-in-profile{margin-inline-start:auto;margin-inline-end:8px}
html body #drawerProfile .lang-in-profile .lang-dd-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
/* penalty : terrain */
html body #casinoModal .pen2{min-height:min(52vh,420px);padding:0;background:linear-gradient(180deg,#0b1d33 0%,#0b1d33 38%,#14532d 38%,#166534 100%)}
#casinoModal .pen2 svg.pitch{position:absolute;inset:0;width:100%;height:100%}
#casinoModal .pen2 .kp2{position:absolute;left:50%;top:26%;width:70px;height:90px;margin-left:-35px;transition:transform .45s cubic-bezier(.2,.8,.3,1);transform-origin:50% 90%}
#casinoModal .pen2 .ball2{position:absolute;left:50%;bottom:9%;width:34px;height:34px;margin-left:-17px;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
#casinoModal .pen2 .kp2 svg,#casinoModal .pen2 .ball2 svg{width:100%;height:100%;display:block}
#casinoModal .pen2 .pen-msg{position:absolute;left:0;right:0;top:8%;text-align:center;font:900 30px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.6);opacity:0;transition:opacity .3s}
#casinoModal .pen2 .pen-msg.on{opacity:1}
/* v2692 (URGENT, propriétaire) — bouton Casino COMPACT comme Cadeaux (icône + mot dessous) : la barre ne serre plus Recharger / Connexion */
html:root body #screenTrade .topbar-row #btnCasino#btnCasino,html:root body .topbar-row #btnCasino#btnCasino{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  width:auto!important;min-width:40px!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;flex:0 0 auto!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;padding:3px!important;box-sizing:border-box!important;
  background:linear-gradient(145deg,#2BEA7B,#0f7a3e)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 4px 12px -4px rgba(31,216,107,.8)!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico svg{width:100%!important;height:100%!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-lbl{display:block!important;line-height:1!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-lbl b{display:block!important;font:800 9px "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.1px!important;color:#E9ECF7!important;text-transform:none!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-lbl small{display:none!important}

/* ===== v2693 — CASINO : barre (retour · solde au milieu + « + » · ?), icônes sans cadre, écran de jeu SANS défilement ===== */
html:root body #casinoModal#casinoModal > .modal-box{background:
  radial-gradient(1.2px 1.2px at 12% 14%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 82% 10%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.3px 1.3px at 64% 46%,rgba(255,240,210,.8),transparent 60%),
  radial-gradient(1px 1px at 22% 70%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.2px 1.2px at 90% 84%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(70% 35% at 100% 0%,rgba(168,85,247,.35),transparent 70%),radial-gradient(60% 40% at 0% 50%,rgba(236,72,153,.18),transparent 70%),radial-gradient(70% 40% at 50% 100%,rgba(37,99,235,.28),transparent 70%),
  linear-gradient(180deg,#160b33 0%,#0f0a26 55%,#0b0719 100%)!important;color:#fff;padding-top:calc(env(safe-area-inset-top,0px) + 6px)!important}
#casinoModal .modal-box > .bp-grip{display:none!important}
html body #casinoModal .cs-bar{display:none!important}
#casinoModal .cs-top{position:sticky;top:-8px;z-index:8;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin:-6px -14px 10px;padding:6px 14px 8px;background:linear-gradient(180deg,rgba(18,10,44,.97) 70%,rgba(18,10,44,0))}
#casinoModal .cs-back,#casinoModal .cs-help{width:40px;height:40px;border:0;border-radius:14px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
#casinoModal .cs-back svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] #casinoModal .cs-back svg{transform:scaleX(-1)}
#casinoModal .cs-help{font:900 18px system-ui}
#casinoModal .cs-help[hidden]{visibility:hidden;display:grid!important}
#casinoModal .cs-wallet{justify-self:center;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px 4px 16px;border:0;border-radius:16px;color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 22px -12px rgba(0,0,0,.8)}
#casinoModal .cw-t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
#casinoModal .cw-t small{font:800 10px system-ui;letter-spacing:.4px;text-transform:uppercase;color:#C9CFE6}
#casinoModal .cw-t b{font:900 18px "Plus Jakarta Sans",system-ui,sans-serif;color:#2BEA7B}
#casinoModal .cs-wallet.demo .cw-t b{color:#7FD8FF}
#casinoModal .cw-plus{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font:900 20px system-ui;font-style:normal;color:#2a1a00;background:linear-gradient(180deg,#FFD24A,#F5A700)}
#casinoModal .cs-wallet .cs-join{border:0;border-radius:12px;padding:8px 14px;font:800 13px system-ui;color:#2a1a00;background:linear-gradient(180deg,#FFD24A,#F5A700)}
/* onglets Jeux / Paris en haut */
#casinoModal .cs-tabs2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
#casinoModal .cs-tabs2 button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:14px;color:#C9CFE6;font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#casinoModal .cs-tabs2 button .cs-ico{width:28px;height:28px}
#casinoModal .cs-tabs2 button.on{color:#fff;background:linear-gradient(135deg,rgba(168,85,247,.45),rgba(236,72,153,.3));box-shadow:inset 0 0 0 1px rgba(255,210,122,.55)}
/* grille : icônes « flottantes » (sans cadre), nom dessous */
html body #casinoModal #csView.cs-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 10px!important;padding:4px 0 10px}
@media (min-width:600px){html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:900px){html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
#casinoModal .cs-g{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0;color:#fff;min-width:0}
#casinoModal .cs-orb{position:relative;width:min(92px,26vw);aspect-ratio:1;display:grid;place-items:center}
#casinoModal .cs-orb::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 55%,transparent),transparent 70%);filter:blur(2px)}
#casinoModal .cs-orb .cs-ico{position:relative;width:78%;height:78%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}
#casinoModal .cs-g b{font:800 13px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;text-align:center;overflow-wrap:anywhere}
#casinoModal .cs-g:active .cs-orb{transform:scale(.94)}
/* écran de jeu : toute la hauteur, sans défilement */
@media (max-width:859px){
  html:root body #casinoModal#casinoModal.in-game > .modal-box{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important}
}
@media (min-width:860px){html:root body #casinoModal#casinoModal.in-game > .modal-box{display:flex!important;flex-direction:column!important;height:min(860px,92vh)!important;overflow:hidden!important}}
#casinoModal.in-game #csBody{flex:1;min-height:0;display:flex;flex-direction:column}
#casinoModal.in-game .cs-top{margin-bottom:6px;position:relative;top:0}
html body #casinoModal .cs-game{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}
html body #casinoModal .cs-game > .cs-stage{flex:1 1 auto;min-height:150px;position:relative;overflow:hidden;border-radius:20px;
  background:radial-gradient(1px 1px at 20% 20%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.2px 1.2px at 80% 30%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 60% 80%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(80% 70% at 50% 30%,color-mix(in srgb,var(--tc) 45%,transparent),transparent 72%),linear-gradient(170deg,color-mix(in srgb,var(--tc) 30%,#120a2c),#0c0820)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
#casinoModal .cs-gname{position:absolute;left:10px;top:10px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:12px;background:rgba(0,0,0,.28);backdrop-filter:none}
#casinoModal .cs-gname .cs-ico{width:22px;height:22px}
#casinoModal .cs-gname b{font:800 12px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html[dir="rtl"] #casinoModal .cs-gname{left:auto;right:10px}
/* résultat : bannière au-dessus de l'écran du jeu (ne prend pas de place) */
html body #casinoModal .cs-stage > .cs-res{position:absolute;left:50%;top:44px;z-index:6;min-height:0;min-width:150px;padding:10px 18px;border-radius:16px;transform:translate(-50%,-10px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;
  display:flex;flex-direction:column;align-items:center;background:rgba(10,8,24,.82)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;animation:none!important}
html body #casinoModal .cs-stage > .cs-res.win,html body #casinoModal .cs-stage > .cs-res.lose{opacity:1;transform:translate(-50%,0)}
html body #casinoModal .cs-stage > .cs-res.win{background:linear-gradient(135deg,rgba(22,163,74,.92),rgba(5,95,70,.92))!important;box-shadow:0 0 0 2px #FFD24A,0 12px 30px -8px rgba(34,197,94,.8)!important}
html body #casinoModal .cs-stage > .cs-res.win b{color:#fff;font:900 24px "Plus Jakarta Sans",system-ui,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.4)}
html body #casinoModal .cs-stage > .cs-res.lose{background:rgba(127,29,29,.85)!important}
html body #casinoModal .cs-stage > .cs-res.lose b{color:#fff;font:800 17px system-ui}
html body #casinoModal .cs-stage > .cs-res small{color:#E9ECF7;font-size:12px}
/* panneau de mise compact */
html body #casinoModal .cs-panel{flex:0 0 auto;gap:7px;padding:10px;border-radius:20px;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
#casinoModal .cs-extra{display:flex;flex-direction:column;gap:6px}
html body #casinoModal .cs-stake input{height:42px;background:rgba(0,0,0,.28)!important}
html body #casinoModal .cs-stake button{width:46px;height:42px;flex:0 0 46px;background:rgba(255,255,255,.12)!important}
html body #casinoModal .cs-chips button{height:30px;background:rgba(0,0,0,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;color:#FFE9C2}
html body #casinoModal .cs-go{min-height:52px;border-radius:16px}
@media (max-height:700px){html body #casinoModal .cs-chips{display:none!important}#casinoModal .cs-gname b{display:none}}
@media (max-height:600px){html body #casinoModal .cs-go{min-height:44px}html body #casinoModal .cs-stake input,html body #casinoModal .cs-stake button{height:36px}}
/* contenu des jeux : s'adapte à l'écran restant */
html body #casinoModal .cs-stage .whl2{width:min(300px,78vw,46vh)}
html body #casinoModal .cs-stage .coin3d{width:min(180px,44vw,30vh);height:min(180px,44vw,30vh)}
html body #casinoModal .cs-stage .slot span{width:min(76px,20vw);height:min(86px,12vh)}
html body #casinoModal .cs-stage .plk{max-height:100%}
html body #casinoModal .cs-stage .mn{max-width:min(330px,44vh)}
html body #casinoModal .cs-stage .keno{max-width:min(340px,50vh)}
html body #casinoModal .cs-stage .scr{max-width:min(280px,40vh)}
html body #casinoModal .ap-stage .ap-row button{height:min(34px,3.6vh)}
html body #casinoModal .whl-leg{gap:4px}
html body #casinoModal .whl-leg span{font-size:10px;padding:2px 6px}
/* page « ? » comment jouer */
#casinoModal .cs-sheet{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:rgba(5,3,15,.6)}
#casinoModal .cs-sheet[hidden]{display:none}
#casinoModal .cs-sheet-in{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:22px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:24px 24px 0 0;background:linear-gradient(180deg,#24124f,#140b30);box-shadow:0 -10px 40px rgba(0,0,0,.6)}
#casinoModal .cs-sheet-in .cs-orb{width:84px}
#casinoModal .cs-sheet-in b{font:900 22px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .cs-sheet-in p{margin:0;color:#E4E7F5;font-size:15px;line-height:1.5;max-width:420px}
#casinoModal .cs-sheet-in small{color:#9AA3C4;font-size:11.5px}
#casinoModal .cs-sheet-in .cs-go{width:100%;max-width:360px}
/* paris : page à part (onglet) */
html body #casinoModal #csView.cs-sports{display:flex!important;flex-direction:column;gap:10px}
html body #casinoModal .sp-ev{background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
html body #casinoModal .sp-none{background:rgba(255,255,255,.06)!important;padding:22px 16px!important;font-size:15px}
/* ===== v2693 — 6 nouveaux jeux ===== */
#casinoModal .pc{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:62px;border-radius:8px;background:#fff;color:#111827;box-shadow:0 6px 14px rgba(0,0,0,.45);font-family:"Plus Jakarta Sans",system-ui,sans-serif;animation:ghPop .3s ease-out}
#casinoModal .pc.big{width:min(86px,22vw);height:min(120px,16vh);border-radius:12px}
#casinoModal .pc b{font-weight:900;font-size:20px;line-height:1}
#casinoModal .pc.big b{font-size:34px}
#casinoModal .pc i{font-style:normal;font-size:16px}
#casinoModal .pc.big i{font-size:28px}
#casinoModal .pc.rd{color:#dc2626}
#casinoModal .pc.back{background:repeating-linear-gradient(45deg,#7c3aed 0 6px,#5b21b6 6px 12px);box-shadow:inset 0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.45);animation:none}
#casinoModal .dt{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}
#casinoModal .dt-side{display:flex;flex-direction:column;align-items:center;gap:6px}
#casinoModal .dt-side em{font-style:normal;font-size:30px}
#casinoModal .dt-side b{font:900 15px "Plus Jakarta Sans",system-ui,sans-serif}
#casinoModal .dt-vs{font:900 22px "Plus Jakarta Sans",system-ui,sans-serif;color:#FFD27A}
#casinoModal .bc{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}
#casinoModal .bc-h b{display:block;font:800 14px system-ui;margin-bottom:6px}
#casinoModal .bc-h b i{font-style:normal;color:#FFD27A;font-size:18px;margin-inline-start:6px}
#casinoModal .bc-cards{display:flex;gap:8px;min-height:62px}
#casinoModal .sb{display:flex;gap:12px}
#casinoModal .sb .die{width:min(70px,18vw);height:min(70px,18vw);display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));transition:transform .07s}
#casinoModal .sb .die.roll{transform:rotate(18deg) translateY(-6px)}
#casinoModal .sb .die svg{width:100%;height:100%}
#casinoModal .sb-sum{font:900 28px "Plus Jakarta Sans",system-ui,sans-serif;color:#FFD27A;min-height:34px}
#casinoModal .ch{display:flex;gap:10px}
#casinoModal .ch button{width:min(96px,26vw);aspect-ratio:64/56;border:0;border-radius:14px;padding:6px;background:rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .ch button.on{box-shadow:inset 0 0 0 3px #FFD27A;background:rgba(255,210,122,.12)}
#casinoModal .ch button svg{width:100%;height:100%;display:block}
html body #casinoModal .tw-stage,html body #casinoModal .ap-stage{padding:44px 10px 10px!important}
#casinoModal .tw{display:flex;flex-direction:column;gap:5px;width:100%;max-width:340px}
#casinoModal .tw-row{display:grid;grid-template-columns:54px repeat(3,1fr);gap:6px;align-items:center;opacity:.55}
#casinoModal .tw-row em{font-style:normal;font:800 11.5px system-ui;color:#FDBA74;text-align:center}
#casinoModal .tw-row button{height:min(34px,3.8vh);border:0;border-radius:10px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:16px}
#casinoModal .tw-row.cur{opacity:1}
#casinoModal .tw-row.cur button{background:rgba(253,186,116,.2);box-shadow:inset 0 0 0 2px #FDBA74}
#casinoModal .tw-row.past{opacity:.9}
#casinoModal .tw-row button.good{background:#14532d}
#casinoModal .tw-row button.trap{background:#3f1d1d}
#casinoModal .tw-row button.boom{background:#991b1b;animation:ghPop .3s ease-out}
#casinoModal .bl{width:min(150px,38vw);transition:transform .25s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 80%}
#casinoModal .bl svg{width:100%;display:block;filter:drop-shadow(0 12px 22px rgba(225,29,72,.45))}
#casinoModal .bl.pop{opacity:0;transform:scale(1.8)!important;transition:transform .2s,opacity .2s}
#casinoModal .bl-stage .crash-n{font-size:40px}
#casinoModal .cs-pump{min-height:46px;border:0;border-radius:14px;color:#fff;font:900 16px "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(135deg,#fb7185,#be123c)}
#casinoModal .cs-pump:disabled{opacity:.45}
/* v2693 — course : route, ligne d'arrivée ; personnages qui flottent ; grattage au doigt */
html body #casinoModal .race-stage{padding:44px 8px 10px!important;justify-content:center}
#casinoModal .road{position:relative;width:100%;border-radius:12px;padding:6px 0;background:linear-gradient(180deg,#2b2f36,#1f2329);box-shadow:inset 0 0 0 2px #e5e7eb}
html body #casinoModal .road .lane{height:min(38px,5vh);border-radius:0;background:none;border-bottom:2px dashed rgba(255,255,255,.35)}
html body #casinoModal .road .lane:last-of-type{border-bottom:0}
html body #casinoModal .road .lane em{left:4px;color:#9ca3af}
html body #casinoModal .road .lane .car{left:16px;width:min(64px,16vw);height:min(30px,4vh)}
#casinoModal .road .finish{position:absolute;right:10px;top:0;bottom:0;width:12px;background:conic-gradient(#fff 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/12px 12px}
#casinoModal .road .start{position:absolute;left:14px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.6)}
#casinoModal .plane svg{animation:csBob 1.4s ease-in-out infinite}
@keyframes csBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
html.oro-lite #casinoModal .plane svg{animation:none}
#casinoModal .scr-w{position:relative;width:100%;max-width:min(300px,42vh)}
html body #casinoModal .scr-w .scr{max-width:none}
html body #casinoModal .scr-w .scr span{height:auto;aspect-ratio:1;font-size:min(36px,5vh);background:#fff7ed}
#casinoModal .scr-cv{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;touch-action:none;cursor:grab;transition:opacity .45s}
/* v2693b — résultat en bas (ligne fine, devant le joueur) + Casino en couleurs vives (plus de fond noir) */
html body #casinoModal .cs-game > .cs-res{flex:0 0 auto;min-height:40px;margin:0;padding:6px 12px;border-radius:14px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;animation:none!important}
html body #casinoModal .cs-game > .cs-res:empty::before{content:"";}
html body #casinoModal .cs-game > .cs-res.win{background:linear-gradient(90deg,rgba(34,197,94,.35),rgba(250,204,21,.25))!important;box-shadow:inset 0 0 0 1.5px #FFD24A!important;animation:ghPop .35s ease-out!important}
html body #casinoModal .cs-game > .cs-res.win b{color:#fff;font:900 20px "Plus Jakarta Sans",system-ui,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.35)}
html body #casinoModal .cs-game > .cs-res.lose{background:rgba(244,63,94,.18)!important;box-shadow:inset 0 0 0 1px rgba(244,63,94,.5)!important}
html body #casinoModal .cs-game > .cs-res.lose b{color:#fecdd3;font:800 16px system-ui}
html body #casinoModal .cs-game > .cs-res small{color:#fff;opacity:.85;font-size:12.5px}
html:root body #casinoModal#casinoModal > .modal-box{background:
  radial-gradient(1.2px 1.2px at 12% 14%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 82% 10%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.3px 1.3px at 64% 46%,rgba(255,240,210,.85),transparent 60%),
  radial-gradient(1px 1px at 22% 70%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 90% 84%,rgba(255,255,255,.75),transparent 60%),
  radial-gradient(80% 45% at 100% 0%,rgba(236,72,153,.55),transparent 70%),radial-gradient(70% 45% at 0% 40%,rgba(124,58,237,.6),transparent 70%),radial-gradient(80% 45% at 50% 100%,rgba(59,130,246,.45),transparent 70%),
  linear-gradient(180deg,#3b1477 0%,#2a0f5c 50%,#1d0b45 100%)!important}
#casinoModal .cs-top{background:linear-gradient(180deg,rgba(59,20,119,.97) 70%,rgba(59,20,119,0))!important}
html body #casinoModal .cs-game > .cs-stage{background:radial-gradient(1px 1px at 20% 20%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1.2px 1.2px at 80% 30%,rgba(255,255,255,.75),transparent 60%),radial-gradient(1px 1px at 60% 80%,rgba(255,255,255,.65),transparent 60%),
  radial-gradient(90% 80% at 50% 25%,color-mix(in srgb,var(--tc) 65%,transparent),transparent 75%),linear-gradient(170deg,color-mix(in srgb,var(--tc) 45%,#3b1477),color-mix(in srgb,var(--tc) 20%,#22104f))!important}
html body #casinoModal .cs-panel{background:rgba(255,255,255,.1)!important}

/* ===== v2694 — CASINO « immergé » (propriétaire) : logos planète, écrans plein écran SANS cadre, chaque jeu sa couleur,
   une planète de la couleur du jeu en bas, la mise flotte dessus ; noms en anglais ; décors copiés des grands jeux ===== */
/* planète + objet (logos) */
#casinoModal .cs-pl{position:relative;display:block;width:min(100px,27vw);aspect-ratio:1;flex:0 0 auto}
#casinoModal .cs-pl > i{position:absolute;left:12%;right:12%;bottom:2%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 24%),repeating-linear-gradient(-22deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,.07) 3px 9px),radial-gradient(circle at 38% 34%,var(--p1) 0%,var(--p2) 58%,#07051a 100%);
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 1.5px rgba(255,200,120,.9),0 0 18px color-mix(in srgb,var(--p2) 75%,transparent)}
#casinoModal .cs-pl > svg{position:absolute;left:4%;top:0;width:92%;height:92%;filter:drop-shadow(0 5px 6px rgba(0,0,0,.5))}
#casinoModal .cs-pl.sm,#casinoModal .cs-pl.mini{width:34px}
#casinoModal .cs-pl.sm > i,#casinoModal .cs-pl.mini > i{box-shadow:inset -3px -4px 7px rgba(0,0,0,.5),0 0 0 1px rgba(255,200,120,.85)}
#casinoModal .cs-pl.big{width:120px}
/* accueil : planètes sans cadre, nom dessous */
html body #casinoModal #csView.cs-grid{gap:18px 6px!important}
#casinoModal .cs-g{gap:4px}
#casinoModal .cs-g b{font:900 13.5px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.1px;text-shadow:0 2px 6px rgba(0,0,0,.45)}
#casinoModal .cs-g:active .cs-pl{transform:scale(.93)}
html body #casinoModal #csView.cs-grid > .cs-g:last-child:nth-child(3n+1){grid-column:2}
@media (min-width:600px){html body #casinoModal #csView.cs-grid > .cs-g:last-child:nth-child(3n+1){grid-column:auto}html body #casinoModal #csView.cs-grid > .cs-g:last-child:nth-child(4n+1){grid-column:2/span 2}}
@media (min-width:900px){html body #casinoModal #csView.cs-grid > .cs-g:last-child:nth-child(4n+1){grid-column:auto}html body #casinoModal #csView.cs-grid > .cs-g:last-child:nth-child(6n+1){grid-column:3/span 2}}
#casinoModal .cs-tabs2 button .cs-pl{width:34px}
/* ---- écran de jeu immergé ---- */
#casinoModal.in-game .cs-top{background:none!important}
html body #casinoModal .cs-game{position:relative;isolation:isolate;margin:0 -14px;padding:0 14px;gap:6px}
html body #casinoModal .cs-game::after{content:"";position:absolute;z-index:-1;left:-35%;right:-35%;top:calc(100% - 210px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 6%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 14%),repeating-linear-gradient(-14deg,rgba(255,255,255,.06) 0 4px,rgba(0,0,0,.08) 4px 14px),radial-gradient(circle at 50% 4%,var(--p1) 0%,var(--p2) 18%,color-mix(in srgb,var(--p2) 35%,#05030f) 52%);
  box-shadow:0 0 0 2px rgba(255,210,140,.55),0 -18px 60px color-mix(in srgb,var(--p2) 80%,transparent)}
html body #casinoModal .cs-game > .cs-stage{flex:1 1 auto;min-height:150px;margin:0 -14px;padding:8px 14px!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:hidden}
#casinoModal .cs-game > .cs-gname{position:static;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;background:none;min-height:34px}
#casinoModal .cs-game > .cs-gname b{display:block!important;font:900 19px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.3px;text-shadow:0 2px 10px rgba(0,0,0,.45)}
html body #casinoModal .cs-panel{background:rgba(6,3,20,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;border-radius:22px}
html body #casinoModal .cs-game > .cs-res{background:rgba(6,3,20,.32)!important;box-shadow:none!important}
html body #casinoModal .cs-game > .cs-res:empty{background:none!important}
/* couleur de fond = la couleur du jeu (décors inspirés des grands jeux) */
html:root body #casinoModal#casinoModal.in-game > .modal-box{background:radial-gradient(90% 60% at 50% 20%,color-mix(in srgb,var(--p2) 70%,transparent),transparent 75%),linear-gradient(180deg,color-mix(in srgb,var(--p2) 70%,#0b0620),color-mix(in srgb,var(--p2) 35%,#06030f))!important}
html:root body #casinoModal#casinoModal[data-g="crash"] > .modal-box{background:radial-gradient(120% 70% at 0% 100%,rgba(229,51,75,.5),transparent 60%),linear-gradient(180deg,#14061f,#2a0a1e)!important}
html:root body #casinoModal#casinoModal[data-g="jet"] > .modal-box{background:radial-gradient(90% 60% at 80% 10%,rgba(192,132,252,.45),transparent 70%),linear-gradient(180deg,#1e0b4b,#4c1d95)!important}
html:root body #casinoModal#casinoModal[data-g="rocket"] > .modal-box{background:radial-gradient(60% 40% at 85% 12%,rgba(103,232,249,.35),transparent 70%),linear-gradient(180deg,#061433,#0e4a7a)!important}
html:root body #casinoModal#casinoModal[data-g="mines"] > .modal-box{background:radial-gradient(80% 50% at 50% 30%,rgba(96,165,250,.45),transparent 70%),linear-gradient(180deg,#0b3b9a,#0a2463)!important}
html:root body #casinoModal#casinoModal[data-g="apple"] > .modal-box{background:radial-gradient(80% 50% at 50% 20%,rgba(134,239,172,.35),transparent 70%),linear-gradient(180deg,#166534,#0f3d22)!important}
html:root body #casinoModal#casinoModal[data-g="tower"] > .modal-box{background:linear-gradient(180deg,#7dd3fc 0%,#38bdf8 40%,#0369a1 100%)!important}
html:root body #casinoModal#casinoModal[data-g="plinko"] > .modal-box{background:radial-gradient(80% 50% at 50% 30%,rgba(94,234,212,.4),transparent 70%),linear-gradient(180deg,#0f766e,#134e4a)!important}
html:root body #casinoModal#casinoModal[data-g="dice"] > .modal-box{background:radial-gradient(80% 50% at 50% 25%,rgba(167,139,250,.45),transparent 70%),linear-gradient(180deg,#4c1d95,#1e1b4b)!important}
html:root body #casinoModal#casinoModal[data-g="limbo"] > .modal-box{background:radial-gradient(80% 50% at 50% 30%,rgba(251,113,133,.45),transparent 70%),linear-gradient(180deg,#9f1239,#3b0718)!important}
html:root body #casinoModal#casinoModal[data-g="wheel"] > .modal-box{background:radial-gradient(80% 55% at 50% 35%,rgba(244,114,182,.5),transparent 70%),linear-gradient(180deg,#be185d,#581c87)!important}
html:root body #casinoModal#casinoModal[data-g="roulette"] > .modal-box{background:radial-gradient(90% 60% at 50% 30%,#16a34a,transparent 75%),linear-gradient(180deg,#065f46,#022c22)!important}
html:root body #casinoModal#casinoModal[data-g="slots"] > .modal-box{background:radial-gradient(80% 50% at 50% 30%,rgba(244,114,182,.5),transparent 70%),linear-gradient(180deg,#9d174d,#3b0764)!important}
html:root body #casinoModal#casinoModal[data-g="coin"] > .modal-box{background:radial-gradient(80% 55% at 50% 30%,rgba(253,224,71,.45),transparent 70%),linear-gradient(180deg,#b45309,#5b2208)!important}
html:root body #casinoModal#casinoModal[data-g="keno"] > .modal-box{background:radial-gradient(80% 50% at 50% 25%,rgba(129,140,248,.45),transparent 70%),linear-gradient(180deg,#3730a3,#1e1b4b)!important}
html:root body #casinoModal#casinoModal[data-g="scratch"] > .modal-box{background:radial-gradient(80% 50% at 50% 25%,rgba(196,181,253,.45),transparent 70%),linear-gradient(180deg,#6d28d9,#2e1065)!important}
html:root body #casinoModal#casinoModal[data-g="hilo"] > .modal-box{background:radial-gradient(80% 55% at 50% 30%,rgba(253,186,116,.5),transparent 70%),linear-gradient(180deg,#ea580c,#7c2d12)!important}
html:root body #casinoModal#casinoModal[data-g="dragon"] > .modal-box{background:radial-gradient(60% 50% at 20% 35%,rgba(59,130,246,.55),transparent 70%),radial-gradient(60% 50% at 80% 35%,rgba(249,115,22,.55),transparent 70%),linear-gradient(180deg,#1c1035,#0b0618)!important}
html:root body #casinoModal#casinoModal[data-g="baccarat"] > .modal-box{background:radial-gradient(90% 60% at 50% 30%,#1d4ed8,transparent 75%),linear-gradient(180deg,#172554,#0b1230)!important}
html:root body #casinoModal#casinoModal[data-g="sicbo"] > .modal-box{background:radial-gradient(80% 55% at 50% 35%,rgba(251,113,133,.5),transparent 70%),linear-gradient(180deg,#9f1239,#3b0718)!important}
html:root body #casinoModal#casinoModal[data-g="chests"] > .modal-box{background:linear-gradient(180deg,#22d3ee 0%,#0891b2 45%,#155e75 100%)!important}
html:root body #casinoModal#casinoModal[data-g="balloon"] > .modal-box{background:linear-gradient(180deg,#bae6fd 0%,#38bdf8 45%,#0284c7 100%)!important}
html:root body #casinoModal#casinoModal[data-g="penalty"] > .modal-box{background:linear-gradient(180deg,#0b1f4d,#14532d)!important}
html:root body #casinoModal#casinoModal[data-g="race"] > .modal-box{background:linear-gradient(180deg,#7dd3fc 0%,#0ea5e9 30%,#166534 30.2%,#14532d 100%)!important}
html:root body #casinoModal#casinoModal[data-g="colors"] > .modal-box{background:radial-gradient(80% 50% at 50% 30%,rgba(216,180,254,.45),transparent 70%),linear-gradient(180deg,#9333ea,#3b0764)!important}
html:root body #casinoModal#casinoModal[data-g="darts"] > .modal-box{background:radial-gradient(80% 55% at 50% 35%,rgba(251,191,36,.35),transparent 70%),linear-gradient(180deg,#78350f,#2a1204)!important}
/* ---- Sky Rush / Jet Man / Rocket : rayons, ligne des derniers tours ---- */
html body #casinoModal .crash-stage{background:none!important;padding-top:36px!important}
#casinoModal .crash-rays{position:absolute;left:-70%;bottom:-75%;width:240%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 62%);mask:radial-gradient(circle,#000 20%,transparent 62%)}
#casinoModal .crash-stage.flying .crash-rays{animation:csRays 24s linear infinite}
@keyframes csRays{to{transform:rotate(360deg)}}
html.oro-lite #casinoModal .crash-rays{animation:none!important}
#casinoModal .crash-hist{position:absolute;left:10px;right:10px;top:6px;z-index:3;display:flex;gap:5px;overflow:hidden;white-space:nowrap}
#casinoModal .crash-hist i{font:800 11px system-ui;font-style:normal;padding:3px 8px;border-radius:10px;background:rgba(0,0,0,.35)}
#casinoModal .crash-hist i.lo{color:#60a5fa}
#casinoModal .crash-hist i.mid{color:#c084fc}
#casinoModal .crash-hist i.hi{color:#f472b6}
html body #casinoModal .plane{filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
html body #casinoModal .plane svg{width:100%;height:100%}
html body #casinoModal .crash-n{font-size:clamp(46px,14vw,68px)}
/* ---- Penalty (vu de derrière le ballon) ---- */
html body #casinoModal .pen3{padding:0!important;margin:0 -14px;position:relative;min-height:240px}
#casinoModal .pen3 .pen-scene{position:absolute;inset:0;width:100%;height:100%}
#casinoModal .pen3.net-hit .pen-scene{animation:penNet .45s ease-out}
@keyframes penNet{30%{transform:translateY(-3px)}60%{transform:translateY(2px)}}
#casinoModal .pen-dots{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3;padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.35)}
#casinoModal .pen-dots i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.25)}
#casinoModal .pen-dots i.g{background:#22c55e;box-shadow:0 0 6px #22c55e}
#casinoModal .pen-dots i.m{background:#ef4444}
#casinoModal .pen-t{position:absolute;top:33%;width:38px;height:38px;margin-left:-19px;z-index:3;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:rgba(255,255,255,.12);padding:0;transition:transform .15s}
#casinoModal .pen-t::after{content:"";position:absolute;inset:9px;border-radius:50%;background:rgba(255,255,255,.7)}
#casinoModal .pen-t.on{border-color:#FACC15;background:rgba(250,204,21,.3);transform:scale(1.15)}
#casinoModal .pen-t.on::after{background:#FACC15}
#casinoModal .kp3{position:absolute;left:42%;width:16%;bottom:49.5%;aspect-ratio:70/90;z-index:2;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.3,.8,.4,1)}
#casinoModal .kp3 svg,#casinoModal .ball3 svg{width:100%;height:100%;display:block}
#casinoModal .ball3{position:absolute;left:44%;width:12%;bottom:7%;aspect-ratio:1;z-index:4;transition:transform .6s cubic-bezier(.2,.7,.3,1);filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}
html body #casinoModal .pen-msg,html body #casinoModal .pen2{display:none!important}
/* ---- Mines (bleu, cases en relief) ---- */
#casinoModal .mn-stage{justify-content:center}
#casinoModal .mn-info{display:flex;justify-content:space-between;width:100%;max-width:min(340px,44vh);font:800 13px system-ui;color:#dbeafe}
#casinoModal .mn-info b{color:#FACC15}
html body #casinoModal .mn{gap:8px;max-width:min(340px,44vh)}
html body #casinoModal .mn button{border-radius:12px;background:linear-gradient(160deg,#3b82f6,#1e40af);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 4px 0 #172554;display:grid;place-items:center;padding:0}
html body #casinoModal .mn button svg{width:72%;height:72%}
html body #casinoModal .mn button.ok{background:linear-gradient(160deg,#fef3c7,#f59e0b);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 4px 0 #92400e}
html body #casinoModal .mn button.mine{background:linear-gradient(160deg,#1e293b,#0f172a);opacity:.85}
html body #casinoModal .mn button.boom{background:radial-gradient(circle,#fb7185,#be123c)}
/* ---- Golden Orchard (pommes d'or, vers) ---- */
html body #casinoModal .ap-stage{background:none!important;padding:6px 14px!important}
html body #casinoModal .ap-row button{background:linear-gradient(160deg,#3f6212,#1a2e05);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #0b1402}
html body #casinoModal .ap-row.cur button{background:linear-gradient(160deg,#65a30d,#3f6212);box-shadow:inset 0 0 0 2px #FACC15,0 3px 0 #1a2e05}
html body #casinoModal .ap-row button.good{background:linear-gradient(160deg,#fef3c7,#fbbf24)}
html body #casinoModal .ap-row button.rot{background:linear-gradient(160deg,#4c0519,#1c0310)}
html body #casinoModal .ap-row button svg{width:78%;height:78%}
html body #casinoModal .ap-row em{color:#fef08a}
/* ---- Tower (immeuble dans la ville) ---- */
html body #casinoModal .tw-stage{background:none!important;padding:6px 14px 0!important;justify-content:flex-end}
#casinoModal .tw-city{position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;opacity:.55;
  background:linear-gradient(#1e3a8a,#1e3a8a) 4% 100%/12% 70% no-repeat,linear-gradient(#1e40af,#1e40af) 18% 100%/9% 45% no-repeat,linear-gradient(#1e3a8a,#1e3a8a) 80% 100%/13% 80% no-repeat,linear-gradient(#1e40af,#1e40af) 95% 100%/8% 55% no-repeat}
html body #casinoModal .tw{position:relative;z-index:1;gap:4px;padding:8px 8px 0;max-width:300px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#a8a29e,#e7e5e4 50%,#a8a29e);box-shadow:0 10px 30px rgba(0,0,0,.35)}
#casinoModal .tw-roof{display:block;height:20px;margin:-28px -14px 4px;background:#b91c1c;clip-path:polygon(6% 100%,50% 0,94% 100%)}
#casinoModal .tw-door{display:block;height:16px;width:34%;margin:2px auto 0;border-radius:8px 8px 0 0;background:#78350f}
html body #casinoModal .tw-row{opacity:.75}
html body #casinoModal .tw-row em{color:#1e293b;font-weight:900}
html body #casinoModal .tw-row button{background:linear-gradient(180deg,#1e3a5f,#0f2440);box-shadow:inset 0 0 0 2px #57534e;display:grid;place-items:center;padding:0}
html body #casinoModal .tw-row button svg{width:70%;height:70%}
html body #casinoModal .tw-row.cur{opacity:1}
html body #casinoModal .tw-row.cur button{background:linear-gradient(180deg,#fde68a,#f59e0b);box-shadow:inset 0 0 0 2px #fff,0 0 12px rgba(250,204,21,.7)}
html body #casinoModal .tw-row button.good{background:linear-gradient(180deg,#bbf7d0,#22c55e)}
html body #casinoModal .tw-row button.trap{background:#3f1d1d}
/* ---- Lucky 777 (machine + table des gains en pastilles) ---- */
#casinoModal .slot2{position:relative;width:min(320px,86vw);padding:10px 12px 14px;border-radius:24px;background:linear-gradient(180deg,#ef4444,#991b1b);box-shadow:inset 0 0 0 4px #FACC15,inset 0 0 0 7px #b45309,0 16px 34px rgba(0,0,0,.45)}
#casinoModal .slot2-top{text-align:center;font:900 20px "Plus Jakarta Sans",system-ui,sans-serif;color:#FDE047;letter-spacing:2px;text-shadow:0 2px 0 #92400e;margin-bottom:8px}
#casinoModal .slot2-win{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#casinoModal .slot2-win span{aspect-ratio:.9;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f1f5f9 50%,#cbd5e1);box-shadow:inset 0 6px 10px rgba(0,0,0,.18),inset 0 -6px 10px rgba(0,0,0,.12)}
#casinoModal .slot2-win span svg{width:72%;height:72%}
#casinoModal .slot2-line{position:absolute;left:8px;right:8px;top:58%;height:3px;background:rgba(250,204,21,.6);border-radius:2px}
#casinoModal .slot2.won{box-shadow:inset 0 0 0 4px #FDE047,inset 0 0 0 7px #b45309,0 0 40px rgba(250,204,21,.8)}
#casinoModal .pay2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:340px}
#casinoModal .pay2 span{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border-radius:12px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .pay2 em{width:22px;height:22px;display:block}
#casinoModal .pay2 em svg{width:100%;height:100%}
#casinoModal .pay2 small{font:800 10px system-ui;color:#e2e8f0}
#casinoModal .pay2 b{font:900 13px system-ui;color:#FDE047}
#casinoModal .pay2.kn{grid-template-columns:repeat(3,1fr)}
#casinoModal .pay2.kn small::after{content:" ✓"}
html body #casinoModal .slot-stage .pay,html body #casinoModal .scr-stage .pay{display:none}
/* ---- Scratch Card (ticket doré) ---- */
#casinoModal .scr-ticket{width:min(300px,80vw,40vh);padding:10px;border-radius:18px;background:linear-gradient(135deg,#fde68a,#f59e0b 50%,#fbbf24);box-shadow:0 14px 30px rgba(0,0,0,.4)}
#casinoModal .scr-head{text-align:center;font:900 14px system-ui;letter-spacing:2px;color:#7c2d12;margin-bottom:6px}
html body #casinoModal .scr-ticket .scr-w{max-width:none}
html body #casinoModal .scr-w .scr span{background:#fffbeb;display:grid;place-items:center;font-size:0}
html body #casinoModal .scr-w .scr span svg{width:70%;height:70%}
/* ---- Hi-Lo (table orange) ---- */
#casinoModal .hl{display:flex;align-items:center;justify-content:center;gap:16px}
#casinoModal .hl-deck .pc.back{width:min(86px,22vw);height:min(120px,16vh);border-radius:12px}
#casinoModal .hl-row{min-height:46px;display:flex;gap:4px;justify-content:center;flex-wrap:nowrap;overflow:hidden}
#casinoModal .hl-row .pc{width:30px;height:42px;border-radius:6px}
#casinoModal .hl-row .pc b{font-size:13px}
#casinoModal .hl-row .pc i{font-size:11px}
#casinoModal .hl-btns button{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important}
/* ---- Dragon Tiger ---- */
#casinoModal .dt-side{padding:12px 14px;border-radius:20px;transition:box-shadow .3s}
#casinoModal .dt-side.d{background:linear-gradient(180deg,rgba(37,99,235,.55),rgba(30,58,138,.4))}
#casinoModal .dt-side.t{background:linear-gradient(180deg,rgba(249,115,22,.55),rgba(154,52,18,.4))}
#casinoModal .dt-side.won{box-shadow:0 0 0 3px #FACC15,0 0 30px rgba(250,204,21,.6)}
#casinoModal .dt-side b{font:900 17px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.5px}
#casinoModal .dt-tie{margin-top:8px;font:800 12px system-ui;color:#FDE047;padding:4px 12px;border-radius:12px;background:rgba(0,0,0,.3)}
#casinoModal .cs-opts button.b-dragon.on{background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;box-shadow:inset 0 0 0 2px #93c5fd!important}
#casinoModal .cs-opts button.b-tiger.on{background:linear-gradient(180deg,#fb923c,#ea580c)!important;box-shadow:inset 0 0 0 2px #fed7aa!important}
#casinoModal .cs-opts button.b-tie.on{background:linear-gradient(180deg,#22c55e,#15803d)!important;box-shadow:inset 0 0 0 2px #bbf7d0!important}
/* ---- Baccarat (tapis bleu nuit) ---- */
#casinoModal .bc-h{padding:10px 12px;border-radius:18px;background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(250,204,21,.35)}
#casinoModal .bc-h.p b{color:#93c5fd}
#casinoModal .bc-h.b b{color:#fca5a5}
#casinoModal .cs-opts button.b-player.on{background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important}
#casinoModal .cs-opts button.b-banker.on{background:linear-gradient(180deg,#ef4444,#b91c1c)!important}
/* ---- Sic Bo (gobelet doré, dôme en verre) ---- */
#casinoModal .sb-shaker{position:relative;width:min(250px,64vw);aspect-ratio:1.25;display:flex;align-items:flex-end;justify-content:center}
#casinoModal .sb-base{position:absolute;left:4%;right:4%;bottom:0;height:24%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#065f46 0 48%,#FDE68A 50%,#F5B700 70%,#9A6A00 100%);box-shadow:0 12px 24px rgba(0,0,0,.45)}
#casinoModal .sb-shaker .sb{position:relative;z-index:1;margin-bottom:9%;gap:8px}
#casinoModal .sb-shaker .sb .die{width:min(52px,14vw);height:min(52px,14vw)}
#casinoModal .sb-dome{position:absolute;z-index:2;left:9%;right:9%;bottom:10%;height:84%;border-radius:50% 50% 12% 12%/62% 62% 12% 12%;background:linear-gradient(120deg,rgba(255,255,255,.4),rgba(186,230,253,.12) 40%,rgba(186,230,253,.22));box-shadow:inset 0 0 0 2px rgba(224,242,254,.65);transition:transform .45s ease,opacity .45s}
#casinoModal .sb-dome::before{content:"";position:absolute;left:50%;top:-12px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF6C8,#F5B700 60%,#9A6A00)}
#casinoModal .sb-shaker.open .sb-dome{transform:translateY(-58%);opacity:.55}
#casinoModal .sb-shaker.shake{animation:sbShake .16s linear infinite}
@keyframes sbShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
/* ---- Treasure (coffres sur la plage) ---- */
html body #casinoModal .ch button{background:none!important;box-shadow:none!important;width:min(104px,28vw);transition:transform .2s,filter .2s;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}
html body #casinoModal .ch button.on{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 0 16px rgba(253,224,71,.9))}
/* ---- Balloon (ciel bleu, nuages, bouton rond) ---- */
html body #casinoModal .bl-stage{background:none!important;justify-content:center;gap:4px}
#casinoModal .bl-cloud{position:absolute;width:110px;height:38px;border-radius:30px;background:#fff;opacity:.85;box-shadow:24px -14px 0 4px #fff,-20px -8px 0 0 #fff}
#casinoModal .bl-cloud.c1{left:6%;top:16%}
#casinoModal .bl-cloud.c2{right:4%;top:40%;transform:scale(.7)}
#casinoModal .bl-cloud.c3{left:12%;bottom:22%;transform:scale(.55);opacity:.6}
html body #casinoModal .bl{position:relative;z-index:1;width:min(150px,38vw,22vh)}
html body #casinoModal .bl-stage .crash-n{position:relative;z-index:1;font-size:40px;color:#fff;text-shadow:0 3px 12px rgba(2,132,199,.8)}
html body #casinoModal .cs-pump{position:relative;z-index:1;width:74px;height:74px;min-height:0;flex:0 0 auto;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f9a8d4,#db2777 70%);box-shadow:0 7px 0 #9d174d,0 14px 24px rgba(0,0,0,.3);transition:transform .08s,box-shadow .08s}
html body #casinoModal .cs-pump svg{width:36px;height:36px}
html body #casinoModal .cs-pump:active{transform:translateY(5px);box-shadow:0 2px 0 #9d174d}
html body #casinoModal .cs-pump:disabled{opacity:.5}
/* ---- Racing (ciel, herbe, route) ---- */
html body #casinoModal .race-stage{background:none!important;justify-content:center}
html body #casinoModal .road .lane .car{left:12px;width:min(78px,20vw);height:auto;display:block}
html body #casinoModal .road .lane .car svg{width:100%;height:auto;display:block}
html body #casinoModal .road .lane{display:flex;align-items:center}
/* ---- Cascade (plinko turquoise) ---- */
html body #casinoModal .plk-stage .plk{width:min(360px,94vw);max-height:100%}
/* ---- Keno (boules de loterie) ---- */
html body #casinoModal .keno{grid-template-columns:repeat(5,1fr);gap:7px;max-width:min(330px,46vh)}
html body #casinoModal .keno button{height:auto;aspect-ratio:1;border-radius:50%;color:#1e1b4b;font:900 15px system-ui;background:radial-gradient(circle at 35% 28%,#fff,#e0e7ff 35%,#818cf8);box-shadow:0 3px 6px rgba(0,0,0,.35)}
html body #casinoModal .keno button.pk{background:radial-gradient(circle at 35% 28%,#fff,#fde68a 35%,#f59e0b);color:#451a03}
html body #casinoModal .keno button.dr{background:radial-gradient(circle at 35% 28%,#fff,#fecaca 35%,#ef4444);color:#fff}
html body #casinoModal .keno button.hit{background:radial-gradient(circle at 35% 28%,#fff,#bbf7d0 35%,#16a34a);color:#fff;box-shadow:0 0 14px #22c55e}
/* ---- Colors / Roulette : boules brillantes ---- */
html body #casinoModal .clr-ball.g,html body #casinoModal .cs-nums .cn.g{background:radial-gradient(circle at 35% 28%,#bbf7d0,#22c55e 45%,#14532d)}
html body #casinoModal .clr-ball.r,html body #casinoModal .cs-nums .cn.r{background:radial-gradient(circle at 35% 28%,#fecaca,#ef4444 45%,#7f1d1d)}
html body #casinoModal .clr-ball.rv,html body #casinoModal .cs-nums .cn.rv{background:linear-gradient(90deg,#ef4444 50%,#8b5cf6 50%)}
html body #casinoModal .clr-ball.gv,html body #casinoModal .cs-nums .cn.gv{background:linear-gradient(90deg,#22c55e 50%,#8b5cf6 50%)}
html body #casinoModal .clr-ball{width:130px;height:130px;font-size:52px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);box-shadow:inset 0 0 0 6px rgba(255,255,255,.25),0 14px 30px rgba(0,0,0,.45)}
html body #casinoModal .rl-stage{position:relative}
#casinoModal .rl-wheel{width:min(230px,60vw,34vh);aspect-ratio:1;transition:transform 2.6s cubic-bezier(.15,.7,.2,1);filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}
#casinoModal .rl-wheel svg{width:100%;height:100%;display:block}
html body #casinoModal .rl-stage .rl-ball{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;font-size:26px;z-index:2;box-shadow:inset 0 0 0 3px rgba(255,255,255,.4),0 6px 16px rgba(0,0,0,.5)}
html body #casinoModal .rl-ball.r{background:radial-gradient(circle at 35% 30%,#f87171,#b91c1c)}
html body #casinoModal .rl-ball.k{background:radial-gradient(circle at 35% 30%,#4b5563,#030712)}
html body #casinoModal .rl-ball.z{background:radial-gradient(circle at 35% 30%,#4ade80,#15803d)}
/* ---- Dice / Target ---- */
#casinoModal .dice-hero{width:min(96px,24vw,13vh)}
#casinoModal .dice-hero svg,#casinoModal .lb-target svg{width:100%;height:100%;display:block}
#casinoModal .dice-scale{display:flex;justify-content:space-between;width:100%;max-width:340px;font:700 11px system-ui;color:rgba(255,255,255,.7)}
html body #casinoModal .dice-roll.w{color:#4ade80}
html body #casinoModal .dice-roll.l{color:#fda4af}
#casinoModal .lb-target{width:min(110px,28vw,14vh);filter:drop-shadow(0 10px 16px rgba(0,0,0,.4))}
#casinoModal .lb-t{font:800 14px system-ui;color:#fecdd3}
/* ---- Lucky Wheel : plus grande, légende fine sur une ligne ---- */
html body #casinoModal .cs-stage .whl2{width:min(330px,86vw,48vh)}
html body #casinoModal .whl-leg{flex-wrap:nowrap;gap:3px;font:900 11px system-ui;align-items:center}
html body #casinoModal .whl-leg span{font-size:10px;padding:1px 5px;border-radius:6px}
/* ---- Darts ---- */
#casinoModal .dr-board{position:relative;width:min(300px,80vw,44vh);aspect-ratio:1;filter:drop-shadow(0 16px 26px rgba(0,0,0,.5))}
#casinoModal .dr-board > svg{width:100%;height:100%;display:block}
#casinoModal .dr-dart{position:absolute;left:50%;top:50%;width:7%;aspect-ratio:20/60;opacity:0;z-index:2}
#casinoModal .dr-dart svg{width:100%;height:100%;display:block}
/* ---- page « ? » immergée ---- */
#casinoModal .cs-sheet{background:rgba(5,3,15,.55)}
#casinoModal .cs-sheet-in{position:relative;padding-top:72px;margin-top:60px;background:radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--p2,#7c3aed) 80%,transparent),transparent 75%),linear-gradient(180deg,color-mix(in srgb,var(--p2,#7c3aed) 55%,#0b0620),#0b0620)!important;box-shadow:0 -10px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2)!important}
#casinoModal .cs-sheet-in > .cs-pl.big{position:absolute;top:-60px;left:50%;margin-left:-60px}
@media (max-height:640px){#casinoModal .cs-game > .cs-gname{min-height:26px}#casinoModal .cs-game > .cs-gname b{font-size:16px}#casinoModal .cs-pl.mini{width:26px}}
/* v2694 — retouches après essai : solde lisible sur les fonds clairs, route plus grande, ballon plus grand, cartes Dragon plus grandes */
#casinoModal.in-game .cs-wallet{background:rgba(8,4,26,.5)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
#casinoModal.in-game .cs-back,#casinoModal.in-game .cs-help{background:rgba(8,4,26,.42)!important}
html body #casinoModal .road .lane{height:min(54px,6.6vh)!important}
html body #casinoModal .road .lane .car{width:min(92px,23vw)}
html body #casinoModal .bl{width:min(190px,48vw,26vh)}
#casinoModal .dt-card .pc.back{width:min(86px,22vw);height:min(120px,16vh);border-radius:12px}
html body #casinoModal .ap-stage .ap-row button{height:min(38px,4.2vh)}
#casinoModal .scr-stage .pay2{grid-template-columns:repeat(4,1fr)}
html body #casinoModal .ch button{width:min(118px,30vw)}
#casinoModal .dr-dart{width:9%}
/* ===== v2694 — CADEAUX « immergés » (propriétaire) : la roue entière en haut, planètes centrées au-dessus des titres, sans cadres ni petites phrases ===== */
.cs-pl{position:relative;display:block;aspect-ratio:1;flex:0 0 auto}
.cs-pl > i{position:absolute;left:12%;right:12%;bottom:2%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 24%),repeating-linear-gradient(-22deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,.07) 3px 9px),radial-gradient(circle at 38% 34%,var(--p1) 0%,var(--p2) 58%,#07051a 100%);
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 1.5px rgba(255,200,120,.9),0 0 18px color-mix(in srgb,var(--p2) 75%,transparent)}
.cs-pl > svg{position:absolute;left:4%;top:0;width:92%;height:92%;filter:drop-shadow(0 5px 6px rgba(0,0,0,.5))}
#portalModal .gh-grid.gh-imm{grid-template-columns:1fr 1fr;gap:22px 10px;margin-top:2px}
#portalModal .gh-imm .gh-hero,#portalModal .gh-imm .gh-p{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;padding:0;background:none!important;box-shadow:none!important;color:#fff;min-width:0}
#portalModal .gh-imm .gh-hero{grid-column:1/-1}
#portalModal .gh-imm .gh-p.wide{grid-column:1/-1}
#portalModal .gh-imm b{display:flex;align-items:center;gap:8px;font:900 16px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.5)}
#portalModal .gh-imm .gh-hero b{font-size:20px}
#portalModal .gh-imm .gh-p .cs-pl{width:min(112px,30vw)}
#portalModal .gh-imm .gh-p.wide .cs-pl{width:min(124px,33vw)}
#portalModal .gh-hero-w{position:relative;width:min(230px,62vw);aspect-ratio:1}
#portalModal .gh-hero-w > svg{position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}
#portalModal .gh-hero-glow{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(255,200,90,.45),transparent 65%)}
#portalModal .gh-hero-pin{position:absolute;left:50%;top:-6px;z-index:2;width:22px;height:30px;margin-left:-11px;background:linear-gradient(180deg,#fff,#F5B700);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
#portalModal .gh-imm .gh-pill{position:static;min-width:24px;height:24px;padding:0 7px;border-radius:12px;display:inline-grid;place-items:center;font:900 13px system-ui;font-style:normal;color:#2a1a00;background:linear-gradient(180deg,#FFE07A,#F5B700)}
#portalModal .gh-imm .gh-mini{width:min(110px,30vw);height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
#portalModal .gh-imm .gh-mini i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#7CE7FF,#9B6BFF,#FF7BD9)}
#portalModal .gh-imm .gh-p:active .cs-pl,#portalModal .gh-imm .gh-hero:active .gh-hero-w{transform:scale(.95)}
/* v2694b (propriétaire) — les dessins RENTRENT DANS la planète, bien au milieu ; fond « univers » derrière les logos ; mise plus légère */
.cs-pl > i,#casinoModal .cs-pl > i{left:4%;right:4%;top:4%;bottom:4%}
.cs-pl > svg,#casinoModal .cs-pl > svg{left:19%;top:19%;width:62%;height:62%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
html:root body #casinoModal#casinoModal:not(.in-game) > .modal-box{background:
  radial-gradient(1.2px 1.2px at 12% 14%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 82% 10%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.3px 1.3px at 64% 46%,rgba(255,240,210,.85),transparent 60%),radial-gradient(1px 1px at 30% 62%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 90% 70%,rgba(255,255,255,.75),transparent 60%),radial-gradient(1px 1px at 8% 86%,rgba(255,255,255,.6),transparent 60%),
  radial-gradient(150% 40% at 50% 106%,rgba(255,255,255,.35) 0,transparent 2%),
  radial-gradient(150% 40% at 50% 106%,#c4b5fd 0,#8b5cf6 24%,#5b21b6 44%,#2e1065 49.5%,rgba(196,181,253,.55) 50%,transparent 53%),
  radial-gradient(60% 30% at 92% 8%,rgba(236,72,153,.5),transparent 70%),radial-gradient(60% 35% at 0% 38%,rgba(59,130,246,.45),transparent 70%),radial-gradient(50% 25% at 100% 60%,rgba(168,85,247,.45),transparent 70%),
  linear-gradient(180deg,#24104f 0%,#1a0b3d 60%,#120830 100%)!important}
html body #casinoModal .cs-panel{background:rgba(6,3,20,.26)!important;padding:8px 10px!important;gap:6px!important}
html body #casinoModal .cs-chips button{background:rgba(255,255,255,.1)!important}
.cs-pl > svg,#casinoModal .cs-pl > svg{left:17%;top:17%;width:66%;height:66%}
#portalModal .whl-wrap{width:min(340px,88vw,46vh)}
#portalModal .whl-wrap .whl-svg{filter:drop-shadow(0 16px 30px rgba(0,0,0,.55))}

/* ===== v2694 — ENVOYER DE L'ARGENT comme les grandes applis (Wave, PayPal) : gros solde, amis en ronds, gros montant,
   0 % de frais, résumé, écran « Envoyé ! » animé, historique par jour, reçu à partager ===== */
.ls2{display:flex;flex-direction:column;gap:14px;color:#fff}
.ls2-hero{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.ls2-hero .cs-pl{width:96px;margin-bottom:4px}
.ls2-hero small{font:700 13px system-ui;color:#C9CFE6}
.ls2-hero b{font:900 38px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 18px rgba(16,185,129,.45)}
.ls2-hero b i{font-style:normal;font-size:24px;color:#6EE7B7}
.ls2-sec{display:flex;flex-direction:column;gap:8px}
.ls2-sec > label{font:800 14px system-ui;color:#E2E8F0}
.ls2-fr{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.ls2-fr::-webkit-scrollbar{display:none}
.ls2-fr button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;width:62px;border:0;background:none;color:#fff;padding:0}
.ls2-fr button i,.ls2-row > i,.ls2-who i{font-style:normal;display:grid;place-items:center;border-radius:50%;color:#fff;font:900 18px system-ui;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--av) 55%,#fff),var(--av) 60%,color-mix(in srgb,var(--av) 60%,#000));box-shadow:0 6px 14px rgba(0,0,0,.35)}
.ls2-fr button i{width:52px;height:52px}
.ls2-fr button span{font:700 11.5px system-ui;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls2-fr button.on i{box-shadow:0 0 0 3px #6EE7B7,0 6px 14px rgba(0,0,0,.35)}
.ls2-in{height:48px;border:0;border-radius:16px;padding:0 16px;color:#fff;font:700 15px system-ui;letter-spacing:.5px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ls2-amt{align-items:center}
.ls2-amt > label{align-self:flex-start}
.ls2-big{display:flex;align-items:baseline;justify-content:center;gap:6px;width:100%}
.ls2-big input{width:100%;max-width:240px;border:0;background:none;text-align:center;color:#fff;font:900 46px "Plus Jakarta Sans",system-ui,sans-serif;outline:0;border-bottom:2px solid rgba(110,231,183,.5);padding-bottom:4px}
.ls2-big i{font-style:normal;font:900 26px system-ui;color:#6EE7B7}
.ls2-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ls2-chips button{min-width:58px;height:36px;border:0;border-radius:18px;color:#fff;font:800 13px system-ui;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ls2-go{width:100%;min-height:54px;border:0;border-radius:18px;color:#04261b;font:900 17px "Plus Jakarta Sans",system-ui,sans-serif;background:linear-gradient(180deg,#6EE7B7,#10B981);box-shadow:0 12px 26px -10px rgba(16,185,129,.9)}
.ls2-go:disabled{opacity:.6}
.ls2-alt{width:100%;min-height:46px;border:0;border-radius:16px;color:#fff;font:800 15px system-ui;background:rgba(255,255,255,.1)}
.ls2-fee{margin:-6px 0 0;text-align:center;font:800 12px system-ui;color:#6EE7B7}
.ls2-nodep{text-align:center;color:#E2E8F0;font-size:14px;margin:0}
.ls2-h{display:block;margin:18px 0 6px;font:900 16px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
.ls2-hist{display:flex;flex-direction:column}
.ls2-day{margin:10px 0 4px;font:800 12px system-ui;color:#94A3B8;text-transform:uppercase;letter-spacing:.4px}
.ls2-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 4px;border:0;background:none;color:#fff;text-align:start;border-bottom:1px solid rgba(255,255,255,.07)}
.ls2-row > i{position:relative;width:44px;height:44px;flex:0 0 44px;font-size:16px}
.ls2-row > i em{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:900 11px system-ui;font-style:normal;color:#fff;background:#EF4444;box-shadow:0 0 0 2px #1b1240}
.ls2-row.in > i em{background:#10B981}
.ls2-row > span{flex:1;min-width:0;display:flex;flex-direction:column}
.ls2-row > span b{font:800 14px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls2-row > span small{font:600 12px system-ui;color:#94A3B8}
.ls2-row > strong{font:900 15px system-ui;white-space:nowrap}
.ls2-row.in > strong{color:#6EE7B7}
.ls2-sheet{position:fixed;inset:0;z-index:600;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,2,12,.6)}
.ls2-sheet[hidden]{display:none}
.ls2-sheet-in{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:26px 26px 0 0;color:#fff;background:linear-gradient(180deg,#1f1650,#120c32);box-shadow:0 -12px 40px rgba(0,0,0,.6);animation:ghPop .25s ease-out}
.ls2-st{font:900 18px "Plus Jakarta Sans",system-ui,sans-serif;text-align:center}
.ls2-who{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.07)}
.ls2-who i{width:48px;height:48px;flex:0 0 48px}
.ls2-who span{display:flex;flex-direction:column;min-width:0}
.ls2-who span b{font:900 16px system-ui}
.ls2-who span small{font:700 12px system-ui;color:#94A3B8;letter-spacing:.4px}
.ls2-lines p{display:flex;justify-content:space-between;margin:0;padding:8px 2px;font-size:14px;color:#CBD5E1;border-bottom:1px dashed rgba(255,255,255,.1)}
.ls2-lines p b{color:#fff}
.ls2-lines p b.g{color:#6EE7B7}
.ls2-lines p.t{border:0;font-size:16px}
.ls2-lines p.t b{font-size:20px}
.ls2-ok{position:fixed;inset:0;z-index:650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#fff;overflow:hidden;
  background:radial-gradient(80% 50% at 50% 30%,#34D399,transparent 70%),linear-gradient(180deg,#059669,#064E3B)}
.ls2-ok > b{font:900 30px "Plus Jakarta Sans",system-ui,sans-serif}
.ls2-ok > span{font:700 15px system-ui;opacity:.92}
.ls2-ok > strong{font:900 44px "Plus Jakarta Sans",system-ui,sans-serif;margin:6px 0}
.ls2-ok > small{font:800 12px system-ui;color:#D1FAE5;margin-bottom:18px}
.ls2-ok .ls2-go.w{max-width:360px;background:#fff;color:#065F46}
.ls2-ok .ls2-alt.w{max-width:360px;background:rgba(255,255,255,.18)}
.ls2-check{width:96px;height:96px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.ls2-check circle{stroke-dasharray:151;stroke-dashoffset:151;animation:lsDraw .6s ease-out forwards}
.ls2-check path{stroke-width:4.4;stroke-dasharray:36;stroke-dashoffset:36;animation:lsDraw .4s .5s ease-out forwards}
.ls2-check.sm{width:56px;height:56px;stroke:#10B981}
@keyframes lsDraw{to{stroke-dashoffset:0}}
.ls2-conf{position:absolute;inset:0;pointer-events:none}
.ls2-conf i{position:absolute;top:-20px;left:var(--x);width:9px;height:14px;border-radius:2px;background:var(--c);animation:lsFall 2.2s var(--d) ease-in forwards}
@keyframes lsFall{to{transform:translateY(110vh) rotate(540deg)}}
html.oro-lite .ls2-conf{display:none}
.ls2-rc{position:relative;border-radius:22px;background:#fff;color:#0f172a;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.ls2-rc-top{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 16px 14px;background:linear-gradient(180deg,#ECFDF5,#fff)}
.ls2-rc-top small{font:800 12px system-ui;color:#64748B;text-transform:uppercase;letter-spacing:.6px}
.ls2-rc-top b{font:900 34px "Plus Jakarta Sans",system-ui,sans-serif;color:#0f172a}
.ls2-rc-top b.in{color:#059669}
.ls2-rc-top span{font:900 12px system-ui;letter-spacing:3px;color:#7C3AED}
.ls2-rc-rows{padding:6px 16px 18px}
.ls2-rc-rows p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 0;border-bottom:1px dashed #E2E8F0;font-size:13.5px}
.ls2-rc-rows p span{color:#64748B}
.ls2-rc-rows p b{color:#0f172a;text-align:end;overflow-wrap:anywhere}

/* ===== v2694 — GROUPES comme WhatsApp : on touche le nom → page d'infos (grande photo, boutons ronds, membres, Admin, Quitter en rouge) ===== */
#liveModal .lg-head{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;color:#fff;padding:0;text-align:start}
#liveModal .lg-head .lf-who{display:flex;flex-direction:column;min-width:0}
#liveModal .lg-head .lf-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .lg-head .lf-who small{color:#A7B0D0;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .lg-emos{display:grid!important;grid-template-columns:repeat(6,1fr);gap:8px}
#liveModal .lg-emos button{width:auto;height:44px}
#liveModal .lg-info{position:fixed;inset:0;z-index:560;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px calc(env(safe-area-inset-bottom,0px) + 20px);color:#fff;
  background:radial-gradient(70% 35% at 50% 12%,rgba(124,58,237,.45),transparent 70%),linear-gradient(180deg,#1a1240,#0d0a24)}
#liveModal .lg-info[hidden]{display:none}
#liveModal .lgi-top{display:flex;height:44px;align-items:center}
#liveModal .lgi-hero{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-bottom:16px}
#liveModal .lgi-av{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;font-size:52px;background:radial-gradient(circle at 35% 30%,#8b5cf6,#4c1d95);box-shadow:0 0 0 3px rgba(255,210,140,.6),0 14px 30px rgba(0,0,0,.45);margin-bottom:8px}
#liveModal .lgi-hero b{font:900 22px "Plus Jakarta Sans",system-ui,sans-serif;overflow-wrap:anywhere}
#liveModal .lgi-hero small{font:700 13px system-ui;color:#A7B0D0}
#liveModal .lgi-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
#liveModal .lgi-acts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:0;border-radius:18px;color:#fff;background:rgba(255,255,255,.07);font:800 12.5px system-ui}
#liveModal .lgi-acts svg,#liveModal .lgi-row i svg,#liveModal .lgi-exit svg{width:24px;height:24px;fill:none;stroke:#6EE7B7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#liveModal .lgi-sec{border-radius:20px;background:rgba(255,255,255,.05);padding:6px 12px;margin-bottom:14px}
#liveModal .lgi-h{margin:8px 2px;font:800 13px system-ui;color:#A7B0D0}
#liveModal .lgi-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 2px;border:0;background:none;color:#fff;text-align:start;border-top:1px solid rgba(255,255,255,.06)}
#liveModal .lgi-row > i{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;font:900 16px system-ui;font-style:normal;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--av,#10B981) 55%,#fff),var(--av,#10B981) 60%,color-mix(in srgb,var(--av,#10B981) 60%,#000))}
#liveModal .lgi-row.add > i{background:#10B981}
#liveModal .lgi-row.add > i svg{stroke:#fff}
#liveModal .lgi-row > b{flex:1;min-width:0;font:800 14.5px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .lgi-row > em{font:800 11px system-ui;font-style:normal;color:#6EE7B7;padding:3px 8px;border-radius:8px;background:rgba(16,185,129,.15)}
#liveModal .lgi-kick{border:0;border-radius:10px;padding:6px 10px;font:800 12px system-ui;color:#fecaca;background:rgba(239,68,68,.15)}
#liveModal .lgi-exit{display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px;border:0;border-radius:18px;color:#F87171;font:900 15px system-ui;background:rgba(239,68,68,.1)}
#liveModal .lgi-exit svg{stroke:#F87171}

/* ===== v2695 (propriétaire) — Casino : accueil 5 × 5 SANS défilement dans un univers orangé (comme le Défi du jour), plus de grosse planète,
   bouton Miser transparent qui devient vert au toucher, flèche de roue qui « pique », Penalty en série avec la ligne des gains en haut ===== */
html:root body #casinoModal#casinoModal:not(.in-game) > .modal-box{background:
  radial-gradient(1.2px 1.2px at 12% 14%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 82% 10%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.3px 1.3px at 64% 46%,rgba(255,240,210,.85),transparent 60%),radial-gradient(1px 1px at 30% 62%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 90% 70%,rgba(255,255,255,.75),transparent 60%),radial-gradient(1px 1px at 8% 86%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 46% 92%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.1px 1.1px at 72% 28%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(70% 38% at 95% 6%,rgba(251,146,60,.55),transparent 70%),radial-gradient(60% 34% at 0% 45%,rgba(234,88,12,.4),transparent 70%),radial-gradient(70% 40% at 70% 100%,rgba(245,158,11,.38),transparent 70%),radial-gradient(50% 30% at 20% 90%,rgba(168,85,247,.35),transparent 70%),
  linear-gradient(180deg,#1c0f2c 0%,#2a1124 55%,#1a0b1c 100%)!important}
/* les 25 jeux tiennent sur un seul écran : 5 colonnes × 5 lignes */
html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:min(10px,1.2vh) 4px!important;padding:2px 0 6px}
@media (min-width:600px){html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (min-width:900px){html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:760px;margin:0 auto}}
html body #casinoModal #csView.cs-grid > .cs-g:last-child{grid-column:auto!important}
#casinoModal .cs-g .cs-pl{width:min(68px,17.5vw,9.4vh)}
#casinoModal .cs-g b{font:900 10.5px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;min-height:24px;display:flex;align-items:flex-start;justify-content:center}
@media (min-width:600px){#casinoModal .cs-g .cs-pl{width:min(96px,10vh)}#casinoModal .cs-g b{font-size:13px}}
html body #casinoModal .cs-tabs2{margin-bottom:10px}
/* écran de jeu : univers léger de la couleur du jeu, plus de grosse planète */
html body #casinoModal .cs-game::after{display:none!important}
/* bouton Miser : transparent et léger, devient vert plein quand on le touche */
html body #casinoModal .cs-go{color:#dcfce7;background:rgba(34,197,94,.2)!important;box-shadow:inset 0 0 0 1.5px rgba(74,222,128,.75),0 8px 22px -14px rgba(34,197,94,.9)!important;transition:background .12s,transform .08s}
html body #casinoModal .cs-go:active{color:#04261b;background:linear-gradient(180deg,#4ade80,#16a34a)!important;transform:scale(.985)}
html body #casinoModal .cs-go.cash{color:#2a1a00;background:linear-gradient(180deg,#FFE07A,#F5B700)!important;box-shadow:0 8px 22px -12px rgba(245,183,0,.9)!important}
html body #casinoModal .cs-sheet-in .cs-go{color:#04261b;background:linear-gradient(180deg,#4ade80,#16a34a)!important}
/* « ? » = petit livre (comment jouer) */
#casinoModal .cs-help svg{width:22px;height:22px;fill:rgba(255,255,255,.12);stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Mines : le titre n'est plus coupé */
#casinoModal .mn-info{flex-wrap:wrap;gap:4px 12px;font-size:13.5px}
#casinoModal .mn-info > span{white-space:nowrap}
/* roue : flèche dorée avec tête ronde qui « pique » sur les cases */
#casinoModal .whl2-pin,#portalModal .whl-pin{transform-origin:50% 0}
#casinoModal .whl2-pin::after,#portalModal .whl-pin::after{content:"";position:absolute;left:50%;top:-2px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#F5B700 60%,#92400E)}
#casinoModal .whl2-pin.tick,#portalModal .whl-pin.tick{animation:pinTick .085s ease-in-out infinite alternate}
#casinoModal .whl2-pin.tick.slow,#portalModal .whl-pin.tick.slow{animation-duration:.22s}
@keyframes pinTick{from{transform:rotate(-14deg)}to{transform:rotate(6deg)}}
html.oro-lite #casinoModal .whl2-pin.tick,html.oro-lite #portalModal .whl-pin.tick{animation:none}
/* Penalty : ligne des gains en haut + 6 zones dans le but */
#casinoModal .pen-lad{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:0 0 2px}
#casinoModal .pen-lad span{display:grid;place-items:center;height:26px;border-radius:8px;font:800 10.5px system-ui;color:#cbd5e1;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#casinoModal .pen-lad span.cur{color:#1a1200;background:linear-gradient(180deg,#FFE07A,#F5B700);box-shadow:0 0 12px rgba(245,183,0,.6)}
#casinoModal .pen-lad span.ok{color:#fff;background:linear-gradient(180deg,#4ade80,#16a34a)}
#casinoModal .pen-lad span.miss{color:#fff;background:#dc2626}
#casinoModal .pen-z{position:absolute;z-index:3;width:23.33%;height:14.5%;border:0;padding:0;background:none;display:grid;place-items:center;cursor:pointer}
#casinoModal .pen-z i{width:30px;height:30px;border-radius:50%;border:2px dashed rgba(255,255,255,.28);transition:transform .12s,border-color .12s}
#casinoModal .pen3.live .pen-z i{border-color:rgba(250,204,21,.75);animation:penPulse 1.4s ease-in-out infinite}
#casinoModal .pen-z:active i{transform:scale(1.25);border-style:solid;background:rgba(250,204,21,.35)}
@keyframes penPulse{50%{transform:scale(1.12)}}
html.oro-lite #casinoModal .pen3.live .pen-z i{animation:none}
#casinoModal .pen-tip{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);z-index:3;font:800 13px system-ui;color:#fff;padding:4px 12px;border-radius:12px;background:rgba(0,0,0,.35);white-space:nowrap;pointer-events:none}
#casinoModal .pen-tip:empty{display:none}
html body #casinoModal .pen-t{display:none!important}
/* v2695 (propriétaire) — pages Cadeaux : sans cadre, sans défilement ; l'image de la planète passe DERRIÈRE (décor d'univers) ; plus de titre en double */
html:root body #portalModal .defi-card,html:root body #portalModal .bon-card,html:root body #portalModal .top-card,html:root body #portalModal .aff-card{border:0!important;background:transparent!important;box-shadow:none!important;padding:2px 2px 8px!important;overflow:visible!important;position:relative;isolation:isolate}
html:root body #portalModal .defi-card > .gift-scene,html:root body #portalModal .bon-card > .gift-scene,html:root body #portalModal .aff-card > .gift-scene,html:root body #portalModal .top-card > .gift-scene{position:absolute!important;left:-14px;right:-14px;bottom:-14px;height:44%;margin:0!important;z-index:-1;opacity:.6;border:0!important;box-shadow:none!important;pointer-events:none;border-radius:0!important;-webkit-mask:linear-gradient(180deg,transparent,#000 45%);mask:linear-gradient(180deg,transparent,#000 45%)}
html:root body #portalModal.gh-sub .defi-top{display:none!important}
html:root body #portalModal#portalModal #defiCard#defiCard,html:root body #portalModal#portalModal #bonCard#bonCard,html:root body #portalModal#portalModal #topCard#topCard,html:root body #portalModal#portalModal #affCard#affCard{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html:root body #portalModal#portalModal #defiCard#defiCard::before,html:root body #portalModal#portalModal #bonCard#bonCard::before,html:root body #portalModal#portalModal #topCard#topCard::before,html:root body #portalModal#portalModal #affCard#affCard::before{display:none!important}
#portalModal .gh-imm .gh-p.wide .cs-pl{width:min(150px,40vw)}
#portalModal .gh-imm .gh-p.wide b{font-size:18px}
#casinoModal .pen-z{height:9.67%}
#casinoModal .pen-z i{width:24px;height:24px}

/* v2695b (propriétaire) — vrai fond « UNIVERS » : nébuleuses colorées + champ d'étoiles sur tout l'écran, transparent, sans grosses planètes.
   Les étoiles sont un calque fixe (aucune animation) placé SOUS le contenu. */
html:root body #casinoModal#casinoModal > .modal-box{isolation:isolate}
html:root body #casinoModal#casinoModal > .modal-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1px 1px at 18px 26px,rgba(255,255,255,.95) 50%,transparent 52%) 0 0/120px 130px,
    radial-gradient(1px 1px at 84px 70px,rgba(255,255,255,.7) 50%,transparent 52%) 0 0/120px 130px,
    radial-gradient(1.4px 1.4px at 46px 104px,rgba(255,236,210,.9) 50%,transparent 52%) 0 0/120px 130px,
    radial-gradient(1px 1px at 140px 30px,rgba(255,255,255,.55) 50%,transparent 52%) 0 0/190px 170px,
    radial-gradient(1.6px 1.6px at 30px 150px,rgba(200,220,255,.85) 50%,transparent 52%) 0 0/190px 170px,
    radial-gradient(1px 1px at 110px 120px,rgba(255,255,255,.5) 50%,transparent 52%) 0 0/190px 170px}
/* accueil : univers orangé OROLADO (nébuleuses orange, rose, violet), sans planète */
html:root body #casinoModal#casinoModal:not(.in-game) > .modal-box{background:
  radial-gradient(55% 30% at 88% 8%,rgba(251,146,60,.55),transparent 72%),
  radial-gradient(45% 26% at 8% 30%,rgba(236,72,153,.38),transparent 72%),
  radial-gradient(60% 32% at 62% 52%,rgba(124,58,237,.34),transparent 72%),
  radial-gradient(55% 28% at 18% 82%,rgba(245,158,11,.36),transparent 72%),
  radial-gradient(60% 30% at 90% 96%,rgba(219,39,119,.32),transparent 72%),
  linear-gradient(170deg,#1d0d2e 0%,#250f2a 45%,#1a0a22 100%)!important}
/* jeux : une nébuleuse douce de la couleur du jeu en bas, sous la mise (plus de planète) */
html body #casinoModal .cs-game::before{content:"";position:absolute;z-index:-1;left:-20%;right:-20%;bottom:-8%;height:46%;pointer-events:none;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 60%,color-mix(in srgb,var(--p2) 55%,transparent),transparent 72%),radial-gradient(30% 40% at 22% 40%,color-mix(in srgb,var(--p1) 22%,transparent),transparent 70%),radial-gradient(30% 40% at 80% 50%,color-mix(in srgb,var(--p2) 35%,transparent),transparent 70%)}
/* v2695c (propriétaire) — Cadeaux : flèche de retour en haut, sans titre à côté ; roue plus légère et plus haute ; moins de textes */
html:root body #portalModal .gh-bar{margin:-4px 0 2px;min-height:30px}
html:root body #portalModal #ghTitle{display:none!important}
html:root body #portalModal .gh-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:none}
html:root body #portalModal .gh-hero-w{width:min(190px,50vw)}
html:root body #portalModal .gh-imm .gh-hero b{font-size:18px}
html:root body #portalModal .gh-grid.gh-imm{gap:16px 10px;margin-top:-6px}
html:root body #portalModal .gh-imm .gh-p.wide .cs-pl{width:min(132px,36vw)}
html:root body #portalModal .defi-how .defi-ex,html:root body #portalModal .defi-how .defi-rl,html:root body #portalModal .bon-card .defi-rl,html:root body #portalModal .bon-ex{display:none!important}
html:root body #portalModal .gh-hero-w{width:min(180px,48vw,23vh)}
html:root body #portalModal .gh-imm .gh-p .cs-pl{width:min(100px,27vw,12.5vh)}
html:root body #portalModal .gh-imm .gh-p.wide .cs-pl{width:min(116px,31vw,14vh)}
html:root body #portalModal .gh-grid.gh-imm{gap:min(14px,1.6vh) 10px}
/* v2695 (propriétaire) — Recharger : drapeaux en GROS sur une ligne, numéro sur toute la largeur et bien lisible ; plus de bandeau qui fait défiler ; flèche ↓ au lieu de la croix */
html body #depositModal#depositModal .pay-wave .momo-phone{flex-wrap:wrap!important;height:auto!important;row-gap:8px!important;column-gap:8px!important}
html body #depositModal#depositModal .pay-wave .momo-phone::before{flex:0 0 46px!important;height:46px!important;border-radius:12px!important}
html body #depositModal#depositModal .wave-cc{flex:1 1 0!important;gap:8px!important}
html body #depositModal#depositModal .wcc{flex:1 1 0!important;height:46px!important;padding:0 8px!important;gap:8px!important;font-size:17px!important;font-weight:900!important;justify-content:center!important;border-radius:12px!important}
html body #depositModal#depositModal .wcc svg{width:30px!important;height:20px!important;border-radius:3px}
html body #depositModal#depositModal .pay-wave #momoPhone{flex:1 1 100%!important;width:100%!important;height:52px!important;font-size:21px!important;font-weight:800!important;letter-spacing:1.5px!important;padding:0 16px!important;border-radius:14px!important;text-align:center}
html body #depositModal#depositModal .dep-learn{display:none!important}
html body #depositModal#depositModal #closeDeposit{background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/22px no-repeat!important;box-shadow:none!important;border:0!important}
html body #depositModal#depositModal #closeDeposit::before,html body #depositModal#depositModal #closeDeposit::after{display:none!important}
html body #depositModal#depositModal .pay-crypto-wall > *:nth-child(n+9){display:none!important}
html:root body #depositModal#depositModal .pay-crypto-wall > .pay-crypto-cell:nth-child(n+9){display:none!important}
/* ===== v2696 — PARIS SPORTIFS comme les bookmakers : pastilles de sport, cartes de match (2 équipes + écussons), cotes 1 / N / 2 en gros ===== */
#casinoModal .sp-ico{width:18px;height:18px;flex:0 0 18px}
#casinoModal .sp-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
#casinoModal .sp-chips::-webkit-scrollbar{display:none}
#casinoModal .sp-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:18px;color:#E2E8F0;font:800 13px system-ui;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#casinoModal .sp-chips button.on{color:#04261b;background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:none}
html body #casinoModal .sp-ev{padding:12px 12px 10px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
html body #casinoModal .sp-top{align-items:center;color:#A7B4C8;font-size:11.5px;margin-bottom:8px}
html body #casinoModal .sp-top span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #casinoModal .sp-top em{font-style:normal;flex:0 0 auto;color:#FDE68A;font-weight:800}
#casinoModal .sp-teams{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
#casinoModal .sp-teams p{display:flex;align-items:center;gap:10px;margin:0;font:800 15px "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;min-width:0}
#casinoModal .sp-teams p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#casinoModal .sp-crest{width:28px;height:28px;flex:0 0 28px;border-radius:50% 50% 45% 45%/40% 40% 60% 60%;display:grid;place-items:center;font:900 13px system-ui;font-style:normal;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 75%,#fff),var(--cc));box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
html body #casinoModal .sp-o{flex-direction:column!important;justify-content:center!important;gap:1px!important;min-height:52px!important;border-radius:12px!important;background:rgba(0,0,0,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
html body #casinoModal .sp-o small{font:800 11px system-ui;color:#A7B4C8}
html body #casinoModal .sp-o b{font:900 17px "Plus Jakarta Sans",system-ui,sans-serif;color:#FDE68A}
html body #casinoModal .sp-o.on{background:linear-gradient(180deg,#4ade80,#16a34a)!important;box-shadow:none!important}
html body #casinoModal .sp-o.on small,html body #casinoModal .sp-o.on b{color:#04261b}
html body #casinoModal .sp-o.res{box-shadow:inset 0 0 0 2px #FACC15!important}
html body #casinoModal .sp-mine{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
html body #casinoModal .sp-mine svg{width:20px;height:20px;fill:none;stroke:#FDE68A;stroke-width:1.8;stroke-linejoin:round}
#casinoModal .sp-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 16px;text-align:center}
#casinoModal .sp-empty-ball{width:110px;height:110px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
#casinoModal .sp-empty-ball svg{width:100%;height:100%}
#casinoModal .sp-empty b{font:800 15px system-ui;color:#E2E8F0;max-width:300px}
html body #casinoModal .sp-slip{background:linear-gradient(180deg,#22164a,#160f33)!important;box-shadow:0 -12px 30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important}

/* ===== v2697 (propriétaire) — plus de carré noir au toucher ; livre « comment jouer » ; grande roulette + bille ; dés qui roulent ; fléchette ;
   Verger : la 1re rangée n'est plus coupée ; univers derrière les jeux ; Recharger un peu plus lumineux ===== */
#casinoModal,#casinoModal *,#portalModal,#portalModal *,#liveModal,#liveModal *{-webkit-tap-highlight-color:transparent}
#casinoModal button:focus,#casinoModal button:focus-visible,#portalModal button:focus,#liveModal button:focus{outline:none}
/* livre « comment jouer » */
html body #casinoModal .cs-help svg{width:26px;height:26px;fill:none;stroke:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
#casinoModal .cs-sheet-in p{font-size:16.5px!important;line-height:1.55}
#casinoModal .cs-sheet-in small{font-size:13px!important}
/* roulette : grande roue qui remplit l'écran, petite bille blanche, numéro petit au centre */
#casinoModal .rl-big{position:relative;width:min(340px,92vw,46vh);aspect-ratio:1;margin:auto}
html body #casinoModal .rl-big .rl-wheel{position:absolute;inset:0;width:100%;height:100%;transition:transform 2.6s cubic-bezier(.15,.7,.2,1);filter:drop-shadow(0 16px 26px rgba(0,0,0,.55))}
#casinoModal .rl-orbit{position:absolute;inset:0;pointer-events:none}
#casinoModal .rl-pearl{position:absolute;left:50%;top:5.5%;width:4.6%;aspect-ratio:1;margin-left:-2.3%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e2e8f0 55%,#94a3b8);box-shadow:0 2px 4px rgba(0,0,0,.6)}
html body #casinoModal .rl-big .rl-ball{width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important;font-size:17px!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 4px 10px rgba(0,0,0,.5)!important}
html body #casinoModal .rl-big .rl-ball.spin{background:radial-gradient(circle at 35% 30%,#FFF6C8,#F5B700 60%,#9A6A00)!important;color:#5a3500}
/* dés : ils tremblent et roulent pendant le tirage */
#casinoModal .dice-hero.rolling svg{animation:diceRoll .18s linear infinite}
@keyframes diceRoll{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-14deg) translateY(-6px)}50%{transform:rotate(10deg) translateY(2px)}75%{transform:rotate(-6deg) translateY(-4px)}100%{transform:rotate(0) translateY(0)}}
html.oro-lite #casinoModal .dice-hero.rolling svg{animation:none}
/* fléchette : la cible vibre quand elle est touchée */
#casinoModal .dr-board.hit > svg{animation:drHit .3s ease-out}
@keyframes drHit{30%{transform:translate(2px,-1px)}60%{transform:translate(-1px,1px)}}
#casinoModal .dr-dart{transform-origin:50% 0;width:10%}
/* Verger d'or et Tour : toutes les rangées tiennent dans l'écran (plus de 1re rangée coupée) */
html body #casinoModal .ap-stage{justify-content:center!important;overflow:visible!important}
html body #casinoModal .ap-stage .ap{gap:min(5px,.6vh)}
html body #casinoModal .ap-stage .ap-row button{height:min(34px,3.2vh)!important}
html body #casinoModal .ap-stage .ap-row button svg{width:70%;height:70%}
html body #casinoModal .tw-stage .tw-row button{height:min(34px,3.4vh)!important}
/* univers derrière les jeux : nébuleuses de la couleur du jeu + étoiles plus visibles */
html:root body #casinoModal#casinoModal.in-game > .modal-box::before{background:
    radial-gradient(1.2px 1.2px at 18px 26px,rgba(255,255,255,1) 50%,transparent 55%) 0 0/110px 120px,
    radial-gradient(1px 1px at 84px 70px,rgba(255,255,255,.85) 50%,transparent 55%) 0 0/110px 120px,
    radial-gradient(1.6px 1.6px at 46px 104px,rgba(255,236,210,1) 50%,transparent 55%) 0 0/110px 120px,
    radial-gradient(1px 1px at 140px 30px,rgba(255,255,255,.7) 50%,transparent 55%) 0 0/180px 160px,
    radial-gradient(1.8px 1.8px at 30px 150px,rgba(200,220,255,.95) 50%,transparent 55%) 0 0/180px 160px,
    radial-gradient(42% 26% at 12% 22%,color-mix(in srgb,var(--p1,#fff) 22%,transparent),transparent 72%),
    radial-gradient(50% 30% at 92% 48%,color-mix(in srgb,var(--p2,#7c3aed) 45%,transparent),transparent 72%),
    radial-gradient(45% 26% at 30% 78%,rgba(168,85,247,.22),transparent 72%)}
/* Recharger : un tout petit peu plus de couleur (même taille) */
html body #btnOpenDeposit{filter:saturate(1.18) brightness(1.06)}
/* v2697b (propriétaire) — LE MÊME UNIVERS que derrière le Défi du jour / le Tournoi (image galaxie des Cadeaux) derrière le Casino, les 25 jeux, les Paris et Live */
html:root body #casinoModal#casinoModal > .modal-box::before{display:none!important}
html:root body #casinoModal#casinoModal:not(.in-game) > .modal-box{background:
  radial-gradient(60% 38% at 12% 8%,rgba(255,104,124,.24),transparent 70%) 0 0/140% 140%,
  radial-gradient(55% 40% at 92% 30%,rgba(124,77,255,.22),transparent 70%) 0 0/140% 140%,
  radial-gradient(70% 45% at 30% 100%,rgba(0,190,255,.14),transparent 70%) 0 0/140% 140%,
  radial-gradient(40% 30% at 80% 90%,rgba(255,180,92,.18),transparent 70%) 0 0/140% 140%,
  url("galaxy-modal.svg?v=2427") 50% 50%/cover no-repeat,
  linear-gradient(180deg,#0a0b22 0%,#070818 60%,#05061a 100%)!important}
html:root body #casinoModal#casinoModal.in-game[data-g] > .modal-box{background:
  radial-gradient(75% 45% at 50% 28%,color-mix(in srgb,var(--p2) 42%,transparent),transparent 72%),
  radial-gradient(60% 38% at 12% 8%,rgba(255,104,124,.18),transparent 70%) 0 0/140% 140%,
  radial-gradient(55% 40% at 92% 30%,rgba(124,77,255,.18),transparent 70%) 0 0/140% 140%,
  url("galaxy-modal.svg?v=2427") 50% 50%/cover no-repeat,
  linear-gradient(180deg,color-mix(in srgb,var(--p2) 22%,#0a0b22) 0%,#070818 60%,#05061a 100%)!important}
html:root body #liveModal#liveModal .live-box{background:
  radial-gradient(60% 38% at 12% 8%,rgba(255,104,124,.24),transparent 70%) 0 0/140% 140%,
  radial-gradient(55% 40% at 92% 30%,rgba(124,77,255,.22),transparent 70%) 0 0/140% 140%,
  radial-gradient(70% 45% at 30% 100%,rgba(0,190,255,.14),transparent 70%) 0 0/140% 140%,
  url("galaxy-modal.svg?v=2427") 50% 50%/cover no-repeat,
  linear-gradient(180deg,#0a0b22 0%,#070818 60%,#05061a 100%)!important}
#casinoModal .rl-big{width:min(340px,92vw,35vh)}
@media (min-height:820px){#casinoModal .rl-big{width:min(360px,92vw,40vh)}}
/* la roue prend toute la hauteur libre de l'écran du jeu, sans jamais dépasser */
html body #casinoModal .rl-stage{container-type:size}
#casinoModal .rl-big{width:min(360px,92vw,94cqh)!important}
/* v2698 — les logos planète n'ont JAMAIS de carré derrière (une vieille règle « .mini » / « .big » / « .sm » du site en dessinait un) */
html body .cs-pl,html body .cs-pl.mini,html body .cs-pl.sm,html body .cs-pl.big{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;outline:0!important}
html:root body #casinoModal .rl-num input,html:root body #casinoModal .rl-num input:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;height:22px!important;min-height:0!important;-webkit-appearance:none;appearance:none}
html:root body #casinoModal .rl-num input::placeholder{color:#CBD5E1;opacity:1}
/* v2698 — les dés sont LANCÉS : ils sautent en l'air en tournant (Dice) / sautent dans le dôme (Sic Bo) */
html body #casinoModal .dice-hero.rolling svg{animation:diceToss .42s cubic-bezier(.3,.6,.4,1) infinite!important}
@keyframes diceToss{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-46px) rotate(190deg) scale(1.08)}100%{transform:translateY(0) rotate(360deg)}}
#casinoModal .sb-shaker.shake .sb .die{animation:dieJump .22s ease-in-out infinite alternate}
#casinoModal .sb-shaker.shake .sb .die:nth-child(2){animation-delay:.07s}
#casinoModal .sb-shaker.shake .sb .die:nth-child(3){animation-delay:.14s}
@keyframes dieJump{from{transform:translateY(0) rotate(0)}to{transform:translateY(-26px) rotate(160deg)}}
html.oro-lite #casinoModal .dice-hero.rolling svg,html.oro-lite #casinoModal .sb-shaker.shake .sb .die{animation:none!important}
/* v2698b (propriétaire) — les dés restent immobiles (pas de lancer animé) */
html body #casinoModal .dice-hero.rolling svg,html body #casinoModal .sb-shaker.shake .sb .die{animation:none!important;transform:none!important}
/* v2698 (propriétaire) — page de connexion / inscription : plus le mot « TRADING » sous OROLADO.COM (l'espace reste) */
html body #screenAuth .brand-sub{font-size:0!important;letter-spacing:0!important;margin:0 0 12px!important;min-height:0!important}
/* v2698 — téléphone COUCHÉ : les 25 jeux sur 3 lignes de 9, sans défilement */
@media (orientation:landscape) and (max-height:500px){
  html body #casinoModal #csView.cs-grid{grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:4px 4px!important;max-width:none!important}
  #casinoModal .cs-g .cs-pl{width:min(58px,15vh)!important}
  #casinoModal .cs-g b{font-size:9.5px!important;min-height:22px!important}
  html body #casinoModal .cs-tabs2{margin-bottom:4px!important}
  html body #casinoModal .cs-tabs2 button{min-height:36px!important}
  #casinoModal .cs-top{margin-bottom:2px!important;padding-top:2px!important;padding-bottom:4px!important}
}
/* v2698 — téléphone COUCHÉ, écran de jeu : le jeu à GAUCHE, la mise à DROITE (comme les grands sites), rien ne sort de l'écran */
@media (orientation:landscape) and (max-height:500px){
  html body #casinoModal.in-game .cs-game{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:start}
  html body #casinoModal.in-game .cs-game > *{grid-column:1;min-width:0}
  html body #casinoModal.in-game .cs-game > .cs-stage{min-height:0!important;height:calc(100dvh - 150px)!important;margin:0!important;padding:4px 8px!important}
  html body #casinoModal.in-game .cs-game > .pen-lad + .cs-stage{height:calc(100dvh - 180px)!important}
  html body #casinoModal.in-game .cs-game > .cs-panel,html body #casinoModal.in-game .cs-game > #csNeed{grid-column:2;grid-row:1 / span 8;align-self:start;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
  html body #casinoModal.in-game .cs-game > .cs-gname{min-height:24px}
  html body #casinoModal.in-game .cs-game > .cs-gname b{font-size:15px}
  html body #casinoModal.in-game .cs-game > .cs-res{min-height:32px}
  html body #casinoModal.in-game .cs-chips{display:none!important}
  html body #casinoModal.in-game .cs-go{min-height:44px!important}
  #casinoModal .rl-big{width:min(300px,94cqh)!important}
}
/* v2700 (propriétaire) — bouton Casino un peu plus large (forme horizontale), même hauteur */
html:root body .topbar-row #btnCasino#btnCasino .cb-ico{width:44px!important;height:34px!important;border-radius:12px!important}
/* v2700 — Recharger : les noms des moyens de paiement (Orange, M-PESA, Banque…) ne dépassent plus de leur case sur petit Android */
html body #depositModal#depositModal .pl-logos > *{padding-left:2px!important;padding-right:2px!important;letter-spacing:-.2px!important;overflow:hidden!important;min-width:0!important}
html body #depositModal#depositModal .pl-logos > * svg,html body #depositModal#depositModal .pl-logos > * img{flex-shrink:0;max-width:16px!important}
html body #depositModal#depositModal .pl-logos > .pl-logo{font-size:9.2px!important;gap:2px!important}
html body #depositModal#depositModal .pl-logos > .pl-logo img{width:13px!important;max-width:13px!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-logo{font-size:9.2px!important;padding:0 2px!important;gap:2px!important;letter-spacing:-.02em!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-logo img{width:13px!important;height:13px!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-logo.pl-logo.pl-logo.pl-logo.pl-logo.pl-logo:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay){font-size:9px!important;padding:0 2px!important;gap:2px!important;letter-spacing:-.02em!important}
html body #depositModal#depositModal #payMethodCard .pl-logos .pl-logo.pl-logo.pl-logo.pl-logo.pl-logo.pl-logo.pl-logo.pl-mpesa2:not(.pl-visa):not(.pl-mc):not(.pl-apple):not(.pl-gpay){font-size:8.3px!important;letter-spacing:-.04em!important}
/* v2701 — tour commun : barre de décompte « Départ dans X s » sous le multiplicateur */
#casinoModal .crash-wait{position:absolute;left:50%;top:62%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(260px,72%);pointer-events:none}
#casinoModal .crash-wait[hidden]{display:none}
#casinoModal .crash-wait small{font:800 13px system-ui;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center}
#casinoModal .crash-wait i{display:block;width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}
#casinoModal .crash-wait i b{display:block;width:100%;height:100%;border-radius:4px;background:linear-gradient(90deg,#f43f5e,#facc15);transform-origin:0 50%;transition:transform .2s linear}
html body #casinoModal .cs-go:disabled{opacity:.75}

/* v2706 (propriétaire) : plus de planète derrière les logos (jeux, cadeaux, défis, live) — le logo flotte seul dans l'univers.
   Seuls les 10 indices de trading gardent leur planète (ils n'utilisent pas .cs-pl). */
html body .cs-pl > i{display:none!important}
html body .cs-pl > svg,html body #casinoModal .cs-pl > svg{left:4%!important;top:4%!important;width:92%!important;height:92%!important;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--p2,#7C3AED) 70%,transparent)) drop-shadow(0 4px 5px rgba(0,0,0,.45))!important}
html.oro-lite body .cs-pl > svg{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))!important}
/* v2706 : Groupes — « Ajouter des membres » (liste de mes contacts à cocher) + ligne « X a ajouté Y » */
.lg-sys{align-self:center;margin:6px auto;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:12px;font-weight:600;text-align:center;max-width:90%}
.lgi-top .lga-t{font-size:17px;font-weight:800;color:#fff;margin-inline-start:8px}
.lga-q{display:block;width:calc(100% - 24px);margin:6px 12px 8px;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:15px;outline:0}
.lga-list{display:flex;flex-direction:column;padding:0 6px 90px}
.lga-r{width:100%;text-align:start;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.lga-r b small{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.5)}
.lga-r.in{opacity:.55;cursor:default}
.lga-ck{margin-inline-start:auto;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.35);flex:none;display:grid;place-items:center}
.lga-r.on .lga-ck{background:#22C55E;border-color:#22C55E}
.lga-r.on .lga-ck::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.lga-r.in .lga-ck{background:rgba(255,255,255,.25);border-color:transparent}
.lga-go{position:sticky;bottom:12px;display:block;width:calc(100% - 24px);margin:10px 12px;padding:14px;border:0;border-radius:16px;background:linear-gradient(135deg,#22C55E,#15803D);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.lga-go:disabled{opacity:.45}
/* v2706 (propriétaire) : la petite barre qu'on tire tout EN HAUT de la fenêtre, plus collée au contenu (roue de Cadeaux…) */
html body .modal-backdrop > .modal-box > i.bp-grip.bp-grip{position:absolute!important;top:calc(env(safe-area-inset-top,0px) + 9px)!important;margin:0 auto!important}
/* v2706 (propriétaire) : accueil du Live LIBRE — plus de carreaux : logos posés dans l'univers, centrés au-dessus du titre */
html body #liveModal #liveHomeGrid.lh-free{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px 4px!important;padding:4px 2px 10px!important;align-items:start}
html body #liveModal .lh-f{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 2px 4px;background:none;border:0;color:#fff;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #liveModal .lh-fi{position:relative;display:block;width:min(52px,13.5vw,7.4vh);aspect-ratio:1}
html body #liveModal .lh-f.feat .lh-fi{width:min(60px,15.5vw,8.4vh)}
html body #liveModal .lh-fi svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--tc) 65%,transparent)) drop-shadow(0 3px 4px rgba(0,0,0,.45))}
html.oro-lite body #liveModal .lh-fi svg{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
html body #liveModal .lh-f b{font-size:12.5px;font-weight:800;line-height:1.15;overflow-wrap:anywhere;text-shadow:0 1px 3px rgba(0,0,0,.6)}
html body #liveModal .lh-f.feat b{font-size:13.5px}
html body #liveModal .lh-f small{font-size:10.5px;line-height:1.2;color:rgba(230,234,255,.72);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #liveModal .lh-f:active .lh-fi{transform:scale(.92)}
html body #liveModal .lh-f .lh-b{position:absolute;top:-4px;inset-inline-end:-8px;z-index:2}
html body #liveModal .lh-f.feat{padding-bottom:8px}
html body #liveModal #liveHomeGrid.lh-free{gap:clamp(6px,1.8vh,16px) 4px!important;padding-top:clamp(4px,1.5vh,14px)!important}
html body #liveModal .lh-fi{width:min(64px,17vw,8.2vh)}
html body #liveModal .lh-f.feat .lh-fi{width:min(74px,19.5vw,9.4vh)}
/* v2706 : Paris — ÉVÉNEMENTS (questions) : chaque bouton montre la réponse en entier */
html body .sp-os.q{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}
html body .sp-os.q .sp-o{min-height:52px;height:auto;padding:6px 8px}
html body .sp-os.q .sp-o small{white-space:normal;line-height:1.15;font-size:12px;font-weight:700;overflow-wrap:anywhere}
html body .sp-ev .sp-t{display:block;font-size:15px;line-height:1.3;margin:6px 0 8px}
/* v2713 : vrai logo d'équipe (à la place de la pastille avec la lettre) */
html body #casinoModal .sp-teams img.sp-crest.sp-logo{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* v2714 (propriétaire) : langue du PROFIL — bouton large (drapeau + « FR » + flèche) ; liste claire, lisible, devant le profil, jamais hors écran (arabe compris) */
html:root body #drawerProfile #langBarTrade.lang-in-profile{width:auto!important;height:auto!important}
html:root body #drawerProfile #langBarTrade.lang-in-profile > .lang-dd-btn{width:auto!important;min-width:96px;height:38px!important;padding:0 12px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:7px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:none!important}
html:root body #drawerProfile #langBarTrade.lang-in-profile > .lang-dd-btn .lang-flag{order:1;width:24px!important;height:16px!important;border-radius:3px;overflow:hidden;flex:none}
html:root body #drawerProfile #langBarTrade.lang-in-profile > .lang-dd-btn .lang-code{order:2;display:inline!important;font-size:14px!important;font-weight:900!important;color:#fff!important;letter-spacing:.04em}
html:root body #drawerProfile #langBarTrade.lang-in-profile > .lang-dd-btn .lang-chev{order:3;display:inline!important;position:static!important;font-size:12px!important;color:#fff!important;opacity:.85}
html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"]{position:fixed!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;top:calc(env(safe-area-inset-top,0px) + 58px)!important;z-index:2147483000!important;
  background:rgba(255,255,255,.97)!important;border:0!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;padding:8px!important;gap:4px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:calc(100vh - 90px);overflow:auto}
html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn{color:#1E1B3A!important;background:transparent!important;border:0!important;border-radius:12px!important;min-height:44px;padding:8px 10px!important;display:flex!important;align-items:center;gap:8px;font-weight:700!important;text-align:start;overflow:hidden}
html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn *{color:#1E1B3A!important}
html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn.on,html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn[aria-selected="true"],html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn.active{background:#EEE9FF!important}
html:root body > .lang-dd-menu.lang-dd-menu.lang-dd-menu.lang-dd-menu[data-owner="langBarTrade"] .lang-btn .lang-flag{flex:none}
html:root body #drawerProfile #langBarTrade.lang-in-profile.lang-in-profile{max-width:none!important;min-width:0!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;overflow:visible!important;padding:0!important}
html:root body #drawerProfile #langBarTrade.lang-in-profile > .lang-dd-btn.lang-dd-btn{max-width:none!important;width:auto!important}
/* v2716 (propriétaire) : 90 / 500 / 1000 / 5000 % — la taille monte avec le gain (propriété « scale » : s'ajoute aux effets existants, ne déplace rien) */
#oddsRow .odds-chip,.odds-row .odds-chip{transform-origin:50% 60%}
#oddsRow .odds-chip[data-odds="1.9"],.odds-row .odds-chip[data-odds="1.9"]{scale:.84}
#oddsRow .odds-chip[data-odds="5"],.odds-row .odds-chip[data-odds="5"]{scale:.96}
#oddsRow .odds-chip[data-odds="10"],.odds-row .odds-chip[data-odds="10"]{scale:1.1}
#oddsRow .odds-chip[data-odds="50"],.odds-row .odds-chip[data-odds="50"]{scale:1.26}

/* ================= v2718 (propriétaire) : NOTIFICATIONS de résultat + JEUX EN DIRECT ================= */
/* plus de ligne « Perdu / Gagné » en bas : la place va au jeu */
html body #casinoModal .cs-game > .cs-res,html body #casinoModal .cs-stage > .cs-res{display:none!important}
html body #casinoModal .cs-stage{position:relative}
/* la notification (dans le jeu, en haut, ~2,8 s) */
html body #casinoModal .cs-toast{position:absolute;left:50%;top:10px;z-index:30;display:flex;align-items:center;gap:10px;min-width:150px;max-width:calc(100% - 24px);padding:9px 16px 9px 10px;border-radius:999px;
  transform:translate(-50%,-14px) scale(.92);opacity:0;transition:transform .32s cubic-bezier(.2,.9,.3,1.3),opacity .25s;pointer-events:none;white-space:nowrap}
html body #casinoModal .cs-toast.in{transform:translate(-50%,0) scale(1);opacity:1}
html body #casinoModal .cs-toast.out{transform:translate(-50%,-10px) scale(.96);opacity:0}
html body #casinoModal .cs-toast .ct-ico{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:15px}
html body #casinoModal .cs-toast span{display:flex;flex-direction:column;line-height:1.1;min-width:0}
html body #casinoModal .cs-toast b{font-size:19px;font-weight:900;letter-spacing:.01em}
html body #casinoModal .cs-toast small{font-size:11.5px;font-weight:700;opacity:.85;overflow:hidden;text-overflow:ellipsis}
html body #casinoModal .cs-toast.win{background:linear-gradient(135deg,rgba(16,185,129,.96),rgba(5,150,105,.96));color:#fff;box-shadow:0 10px 28px -8px rgba(16,185,129,.8),inset 0 0 0 1px rgba(255,255,255,.35)}
html body #casinoModal .cs-toast.win .ct-ico{background:#FDE68A;color:#92400E}
html body #casinoModal .cs-toast.lose{background:rgba(30,20,52,.92);color:#FFD1DA;box-shadow:0 10px 24px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,120,150,.35)}
html body #casinoModal .cs-toast.lose .ct-ico{background:rgba(255,90,120,.2);color:#FF7A95}
/* pastille LIVE sous le nom des jeux en direct (le point clignote : opacité seulement) */
html body #casinoModal .cs-g .cs-livetag{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:1px 6px;border-radius:999px;background:#E11D48;color:#fff;font:900 8.5px/1.4 system-ui;letter-spacing:.06em;font-style:normal}
html body #casinoModal .cs-livetag > i,html body #casinoModal .lv-live > i{width:5px;height:5px;border-radius:50%;background:#fff;animation:lvBlink 1s steps(2,start) infinite}
@keyframes lvBlink{to{opacity:.15}}
html.oro-lite body #casinoModal .cs-livetag > i,html.oro-lite body #casinoModal .lv-live > i{animation:none}
/* écran d'un jeu en direct */
html body #casinoModal .lv-stage{display:flex;flex-direction:column;gap:6px;padding:8px 10px 6px}
html body #casinoModal .lv-head{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff}
html body #casinoModal .lv-live{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#E11D48;font:900 10px/1.5 system-ui;letter-spacing:.08em;color:#fff}
html body #casinoModal .lv-head b{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #casinoModal .lv-head em{font-style:normal;font-weight:800;color:#FDE68A;white-space:nowrap}
html body #casinoModal .lv-bar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
html body #casinoModal .lv-bar b{display:block;height:100%;background:linear-gradient(90deg,#22C55E,#FACC15);transform-origin:left;transform:scaleX(0)}
html body #casinoModal .lv-scene{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
html body #casinoModal .lv-last{display:flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,.7);overflow:hidden}
html body #casinoModal .lv-last small{margin-inline-end:2px;font-weight:700}
/* pièces crypto */
html body #casinoModal .lv-coin{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--cc) 55%,#fff),var(--cc) 62%,color-mix(in srgb,var(--cc) 70%,#000));box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 3px 6px rgba(0,0,0,.35)}
html body #casinoModal .lv-coin b{color:#fff;font:900 15px/1 system-ui;text-shadow:0 1px 2px rgba(0,0,0,.4)}
html body #casinoModal .lv-coin.mini{width:20px;height:20px}
html body #casinoModal .lv-coin.mini b{font-size:10px}
html body #casinoModal .lv-coin.big{width:min(118px,30vw);height:min(118px,30vw)}
html body #casinoModal .lv-coin.big b{font-size:min(56px,14vw)}
html body #casinoModal .lv-reel{display:flex;flex-direction:column;align-items:center;gap:6px}
html body #casinoModal .lv-reel-win{padding:10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
html body #casinoModal .lv-reel-win.idle{opacity:.55}
html body #casinoModal .lv-reel-win.won .lv-coin{box-shadow:inset 0 0 0 3px #FDE68A,0 0 0 6px rgba(253,230,138,.25),0 8px 22px rgba(0,0,0,.5)}
html body #casinoModal .lv-reel-t{font:900 20px/1 system-ui;color:#fff;letter-spacing:.06em}
html body #casinoModal .lv-grid{display:grid;gap:5px;margin-bottom:2px}
html body #casinoModal .lv-grid.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
html body #casinoModal .lv-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font:inherit;cursor:pointer}
html body #casinoModal .lv-grid button small{font-size:9.5px;font-weight:800;letter-spacing:.02em}
html body #casinoModal .lv-grid button.on{border-color:#FACC15;background:rgba(250,204,21,.18);box-shadow:0 0 0 1px #FACC15}
/* chevaux */
html body #casinoModal .lv-track{position:relative;width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:4px 0;border-radius:12px;background:linear-gradient(180deg,#14532D,#166534 50%,#14532D);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}
html body #casinoModal .lv-lane{position:relative;flex:1;min-height:17px;max-height:26px;display:flex;align-items:center;border-bottom:1px dashed rgba(255,255,255,.12)}
html body #casinoModal .lv-lane:last-child{border-bottom:0}
html body #casinoModal .lv-no{position:absolute;left:3px;font:900 9px/1 system-ui;color:rgba(255,255,255,.55)}
html body #casinoModal .lv-horse{position:absolute;left:12px;top:50%;width:36px;height:22px;margin-top:-11px;will-change:transform}
html body #casinoModal .lv-horse svg{width:100%;height:100%;display:block}
html body #casinoModal .lv-horse.run svg{animation:lvGallop .32s ease-in-out infinite alternate}
html body #casinoModal .lv-horse.win svg{filter:drop-shadow(0 0 6px #FDE68A)}
@keyframes lvGallop{from{transform:translateY(-1.5px) rotate(-3deg)}to{transform:translateY(1.5px) rotate(2deg)}}
html.oro-lite body #casinoModal .lv-horse.run svg{animation:none}
html body #casinoModal .lv-finish{position:absolute;right:8px;top:0;bottom:0;width:4px;background:repeating-linear-gradient(180deg,#fff 0 5px,#111 5px 10px);opacity:.85}
html body #casinoModal .lv-silk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;font:900 13px/1 system-ui;font-style:normal;color:#fff;background:var(--hc);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
html body #casinoModal .lv-last .lv-silk{width:20px;height:20px;font-size:10px;border-radius:6px}
html body #casinoModal .lv-silk[style*="#E5E7EB"],html body #casinoModal .lv-silk[style*="#FACC15"]{color:#111}
/* roulette en direct : petits numéros de l'historique */
html body #casinoModal .lv-rn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 3px;border-radius:6px;font:900 10px/1 system-ui;font-style:normal;color:#fff}
html body #casinoModal .lv-rn.r{background:#DC2626}
html body #casinoModal .lv-rn.k{background:#111827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
html body #casinoModal .lv-rn.z{background:#16A34A}
html body #casinoModal .lv-roulette .rl-wheel,html body #casinoModal .lv-roulette .rl-orbit{transition:none!important}
/* bouton : pari placé (pas cliquable) */
html body #casinoModal .cs-go.placed{background:linear-gradient(135deg,#334155,#1E293B)!important;color:#A7F3D0!important;opacity:1!important}
html body #casinoModal .lv-stage > *{align-self:stretch;width:auto}
html body #casinoModal .lv-scene{width:100%}
/* v2720 : Roulette en direct — roue et bille centrées dans la scène (pas dans tout l écran du jeu) */
html body #casinoModal .lv-roulette.rl-stage{container-type:normal}
html body #casinoModal .lv-roulette .lv-scene{container-type:size}
html body #casinoModal .lv-roulette .rl-big{position:relative;width:min(330px,86vw,96cqh)!important}
html body #casinoModal .lv-roulette .rl-orbit{position:absolute;inset:0}
/* v2721 : la 8e case de la roulette (0-36 ×36) a son cadre, comme les autres */
html:root body #casinoModal .rl-opts .rl-num{min-height:50px;border-radius:13px;background:#0f1923;box-shadow:inset 0 0 0 1px #2b4256;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px}
html:root body #casinoModal .rl-opts .rl-num:focus-within{box-shadow:inset 0 0 0 2px #FACC15}
html:root body #casinoModal .rl-opts .rl-num input{width:100%!important;text-align:center;font:800 13px system-ui!important}
html body #casinoModal .lv-horse{width:44px;height:27px;margin-top:-14px}
html body #casinoModal .lv-lane{max-height:30px}

/* v2724 (propriétaire) : DICE en duel (dé rouge contre dé noir) */
html body #casinoModal .dd-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
html body #casinoModal .dd-row{display:flex;align-items:center;justify-content:center;gap:clamp(14px,6vw,34px)}
html body #casinoModal .dd-col{display:flex;flex-direction:column;align-items:center;gap:8px}
html body #casinoModal .dd-col b{font:900 14px/1 system-ui;letter-spacing:.04em}
html body #casinoModal .dd-col.r b{color:#FF8A9B}
html body #casinoModal .dd-col.k b{color:#CBD5E1}
html body #casinoModal .dd-die{display:block;width:min(108px,27vw,16vh);aspect-ratio:1;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));transition:transform .25s}
html body #casinoModal .dd-die svg{width:100%;height:100%;display:block}
html body #casinoModal .dd-die.roll{animation:ddRoll .3s linear infinite}
html body #casinoModal .dd-die.top{transform:scale(1.1);filter:drop-shadow(0 0 14px rgba(253,230,138,.75)) drop-shadow(0 10px 14px rgba(0,0,0,.5))}
@keyframes ddRoll{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}
html body #casinoModal .dd-vs{font:900 italic 22px/1 system-ui;color:#FDE68A;text-shadow:0 2px 10px rgba(0,0,0,.6)}
html body #casinoModal .dd-rule{text-align:center;opacity:.85}
html body #casinoModal .dd-pick .b-red.on{background:linear-gradient(135deg,#DC2626,#991B1B)!important;box-shadow:0 0 0 2px #FCA5A5!important}
html body #casinoModal .dd-pick .b-black.on{background:linear-gradient(135deg,#374151,#030712)!important;box-shadow:0 0 0 2px #9CA3AF!important}
/* v2724 : Coin Flip Dollar / Euro */
html body #casinoModal .coin-stage .coin-lbl span{font-weight:900;letter-spacing:.05em}

/* v2725 (propriétaire) : SIC BO — gobelet doré OPAQUE qui couvre les dés, secoue, puis se relève */
html body #casinoModal .sb-shaker .sb-dome{background:linear-gradient(100deg,#7A4A00 0%,#E9A100 22%,#FFE08A 38%,#F5B700 55%,#B7791F 78%,#6B3F00 100%)!important;opacity:1!important;
  box-shadow:inset 0 -10px 18px rgba(0,0,0,.35),0 14px 26px rgba(0,0,0,.45)!important;transition:transform .38s cubic-bezier(.3,.7,.3,1)!important;transform:translateY(0)}
html body #casinoModal .sb-shaker .sb-dome::after{content:"";position:absolute;left:14%;right:14%;top:18%;height:12%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(2px)}
html body #casinoModal .sb-shaker.open .sb-dome{transform:translateY(-74%)!important;opacity:1!important}
html body #casinoModal .sb-shaker.shake{animation:none!important}
html body #casinoModal .sb-shaker.shake .sb-dome{animation:sbCup .15s linear infinite!important}
@keyframes sbCup{0%{transform:translateX(0) rotate(0)}25%{transform:translateX(-5px) rotate(-3deg)}75%{transform:translateX(5px) rotate(3deg)}100%{transform:translateX(0) rotate(0)}}
html.oro-lite body #casinoModal .sb-shaker.shake .sb-dome{animation:none!important}
html body #casinoModal .sb-sum{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:999px;font:900 17px/1.2 system-ui;color:#fff}
html body #casinoModal .sb-sum:empty{display:none}
html body #casinoModal .sb-sum.sm{background:#2563EB}
html body #casinoModal .sb-sum.bg{background:#DC2626}
html body #casinoModal .sb-sum.tr{background:#7C3AED}
html body #casinoModal .sb-pick .sb-s.on{background:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;box-shadow:0 0 0 2px #93C5FD!important}
html body #casinoModal .sb-pick .sb-g.on{background:linear-gradient(135deg,#EF4444,#B91C1C)!important;box-shadow:0 0 0 2px #FCA5A5!important}
/* v2725 : TREASURE — coffre qui s'ouvre, or qui brille */
html body #casinoModal .ch button{position:relative;aspect-ratio:64/58!important;padding:0!important;overflow:visible}
html body #casinoModal .tch{position:relative;display:block;width:100%;height:100%}
html body #casinoModal .tch-body{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;aspect-ratio:64/34;display:block;z-index:2}
html body #casinoModal .tch-lid{position:absolute;left:0;right:0;bottom:calc(100% * 34 / 58 - 2px);width:100%;height:auto;aspect-ratio:64/24;display:block;z-index:3;transform-origin:8% 100%;transition:transform .45s cubic-bezier(.3,1.4,.4,1)}
html body #casinoModal .tch-gold{position:absolute;left:12%;right:12%;bottom:calc(100% * 34 / 58 - 6px);width:76%;height:auto;aspect-ratio:64/30;z-index:1;opacity:0;transform:translateY(12px) scale(.8);transition:transform .45s .15s cubic-bezier(.3,1.6,.4,1),opacity .2s .15s}
html body #casinoModal .tch-glow{position:absolute;left:-15%;right:-15%;top:-10%;bottom:20%;border-radius:50%;background:radial-gradient(circle,rgba(253,224,71,.85),rgba(253,224,71,0) 65%);opacity:0;transition:opacity .3s .1s;z-index:0}
html body #casinoModal .ch button.open .tch-lid{transform:translateY(-10%) rotate(-28deg)}
html body #casinoModal .ch button.gold .tch-gold{opacity:1;transform:translateY(-8px) scale(1)}
html body #casinoModal .ch button.gold .tch-glow{opacity:1;animation:tchShine 1.1s ease-in-out infinite alternate}
@keyframes tchShine{from{opacity:.65}to{opacity:1}}
html.oro-lite body #casinoModal .ch button.gold .tch-glow{animation:none}
html body #casinoModal .ch button.shake{animation:tchShake .12s linear infinite}
@keyframes tchShake{0%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}100%{transform:rotate(0)}}
html body #casinoModal .ch button.dim:not(.gold){opacity:.55}

/* v2726 (propriétaire) : Lucky 777 — tableau des gains clair (3 symboles = gain) */
html body #casinoModal .pay2 .pay3{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:4px;padding:4px 6px!important}
html body #casinoModal .pay2 .pay3 i{display:flex;gap:1px;font-style:normal}
html body #casinoModal .pay2 .pay3 em{width:17px;height:17px;display:block}
html body #casinoModal .pay2 .pay3 em svg{width:100%;height:100%;display:block}
html body #casinoModal .pay2 .pay3 u{text-decoration:none;color:rgba(255,255,255,.6);font-weight:800;font-size:11px}
html body #casinoModal .pay2 .pay3 b{font-size:13px;color:#FDE68A}
/* v2726 : Mines — gains case par case */
html body #casinoModal .mn-lad{display:flex;gap:5px;width:100%;max-width:min(340px,44vh);justify-content:space-between}
html body #casinoModal .mn-lad span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:3px 0;border-radius:9px;background:rgba(255,255,255,.07);font:800 12px/1.15 system-ui;color:#E0F2FE}
html body #casinoModal .mn-lad span small{font-size:9px;color:rgba(255,255,255,.55);font-weight:700}
html body #casinoModal .mn-lad span.nx{background:rgba(250,204,21,.18);box-shadow:inset 0 0 0 1px #FACC15;color:#FDE68A}
html body #casinoModal .mn-info{max-width:min(340px,44vh)!important;font-size:12.5px!important;flex-wrap:nowrap!important;white-space:nowrap}
html body #casinoModal .mn-info span{overflow:hidden;text-overflow:ellipsis}
/* v2726 : Balloon — plus de nuages ; cote petite, en haut à gauche (le ballon ne la cache plus) */
html body #casinoModal .bl-stage .bl-cloud{display:none!important}
html body #casinoModal .bl-stage .bl-m{position:absolute!important;top:8px!important;left:10px!important;right:auto!important;transform:none!important;margin:0!important;z-index:5;font-size:22px!important;padding:4px 10px;border-radius:12px;background:rgba(6,3,20,.45)}
html[dir="rtl"] body #casinoModal .bl-stage .bl-m{left:auto!important;right:10px!important}
html body #casinoModal .bl-stage .bl{transition:transform .14s ease-out!important}
html body #casinoModal .slot-stage .pay2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%;max-width:360px}
html body #casinoModal .pay2 .pay3{padding:7px 6px!important;border-radius:12px!important}
html body #casinoModal .pay2 .pay3 em{width:24px;height:24px}
html body #casinoModal .pay2 .pay3 b{font-size:16px}
html body #casinoModal .pay2 .pay3 u{font-size:13px}
html:root body #casinoModal#casinoModal .bl-stage .crash-n.bl-m{position:absolute!important;top:8px!important;left:10px!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;z-index:8!important;font-size:22px!important;line-height:1.1!important;padding:4px 10px!important;border-radius:12px!important;background:rgba(6,3,20,.5)!important;width:auto!important}
html[dir="rtl"]:root body #casinoModal#casinoModal .bl-stage .crash-n.bl-m{left:auto!important;right:10px!important}
/* v2730 : Golden Orchard — la pomme-bijou du logo dans les cases gagnées */
html body #casinoModal .ap-stage .ap-row button.good .cs-obj{width:auto;height:92%;max-height:100%;display:block;margin:auto;filter:drop-shadow(0 0 6px rgba(253,224,71,.6))}
html body #casinoModal .ap-stage .ap-row button{height:min(40px,4.7vh)!important}
html body #casinoModal .ap-stage .ap{gap:min(6px,.8vh)}

/* v2734 (propriétaire) : le solde du Casino = la MÊME carte verte « Compte réel » que le trading (même argent partout) */
html:root body #casinoModal .cs-wallet.real,html:root body #casinoModal.in-game .cs-wallet.real{border:1px solid rgba(60,245,166,.70)!important;
  background:linear-gradient(180deg,rgba(34,212,127,.16),rgba(70,90,200,.10))!important;
  box-shadow:inset 0 0 14px rgba(34,212,127,.14),0 0 18px rgba(34,212,127,.32)!important;padding:4px 5px 4px 14px!important}
html:root body #casinoModal .cs-wallet.real .cw-t small{color:#A7F3D0!important}
html:root body #casinoModal .cs-wallet.real .cw-t b{color:#fff!important}
html:root body #casinoModal .cs-wallet .cw-plus{width:32px;height:32px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#34D399,#059669);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35),0 4px 10px -4px rgba(5,150,105,.9)}
/* v2734 : flèches retour plus petites et légères (casino, cadeaux, social) */
html:root body #casinoModal .cs-back,html:root body #portalModal .gh-back,html:root body #liveModal .lf-back{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important;border:0!important}
html:root body #casinoModal .cs-back svg,html:root body #portalModal .gh-back svg,html:root body #liveModal .lf-back svg{width:18px!important;height:18px!important;stroke-width:2!important;opacity:.9}
html body #casinoModal .sp-t .sp-qimg{width:34px;height:34px;object-fit:contain;border-radius:8px;vertical-align:middle;margin-inline-end:8px;float:left}
html body #casinoModal .cs-sheet-in p{text-align:start!important;font-size:15.5px!important;line-height:1.6!important}
html body #casinoModal .ch-stage{overflow-x:clip}

/* v2738 (propriétaire) : 24 jeux bien rangés — 4 par ligne (6 lignes) sur téléphone, 6 par ligne sur PC, 8 par ligne couché */
html:root body #casinoModal #csView.cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 8px!important;padding:6px 2px 14px!important;align-items:start}
@media (min-width:600px){html:root body #casinoModal #csView.cs-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:820px;margin:0 auto}}
@media (orientation:landscape) and (max-height:500px){html:root body #casinoModal #csView.cs-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px 4px!important;max-width:none!important}}
html:root body #casinoModal .cs-g{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0}
html:root body #casinoModal .cs-g .cs-pl{width:min(76px,19vw,10.5vh)!important}
@media (orientation:landscape) and (max-height:500px){html:root body #casinoModal .cs-g .cs-pl{width:min(60px,16vh)!important}}
html:root body #casinoModal .cs-g b{font-size:12.5px;line-height:1.15;text-align:center;min-height:2.3em;display:flex;align-items:flex-start;justify-content:center}
/* le « + » du solde : orange, joli */
html:root body #casinoModal .cs-wallet .cw-plus{background:linear-gradient(180deg,#FFB547,#F97316)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4),0 4px 12px -4px rgba(249,115,22,.9)!important}
/* v2738 : Rock Paper Scissors */
html body #casinoModal .rps-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
html body #casinoModal .rps-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,5vw,30px)}
html body #casinoModal .rps-side{display:flex;flex-direction:column;align-items:center;gap:8px}
html body #casinoModal .rps-side b{font:900 13px/1 system-ui;color:#fff}
html body #casinoModal .rps-h{display:grid;place-items:center;width:min(112px,28vw,16vh);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.16),rgba(99,102,241,.18) 60%,transparent 72%);transition:transform .2s}
html body #casinoModal .rps-h svg{width:78%;height:78%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
html body #casinoModal .rps-side.bot .rps-h svg{transform:scaleX(-1)}
html body #casinoModal .rps-h.shake{animation:rpsShake .3s ease-in-out infinite}
@keyframes rpsShake{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
html.oro-lite body #casinoModal .rps-h.shake{animation:none}
html body #casinoModal .rps-h.top{transform:scale(1.1);box-shadow:0 0 0 3px #FDE68A,0 0 24px rgba(253,230,138,.55)}
html body #casinoModal .rps-pick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
html body #casinoModal .rps-pick button{min-height:66px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
html body #casinoModal .rps-pick button svg{width:36px;height:36px}
html body #casinoModal .rps-pick button.on{box-shadow:inset 0 0 0 2px #A5B4FC,0 0 14px rgba(99,102,241,.5)!important;background:rgba(99,102,241,.22)!important}
/* v2740 (propriétaire) : bouton « Jeux » = manette transparente violet-rose, dans le même cadre de verre que Cadeaux / Social */
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-pad{width:46px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;border:0!important;padding:2px 3px!important;box-sizing:border-box!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-pad svg{overflow:visible}
/* v2740 : petits téléphones (≤ 345 px) — Connexion / Inscription plus compacts, ne recouvrent plus le bouton Social */
@media (max-width:345px){html:root body .auth-quick{gap:4px!important}html:root body .auth-quick #btnGoLogin{padding-left:10px!important;padding-right:10px!important;font-size:12.5px!important}html:root body .auth-quick #btnGoRegister{padding-left:4px!important;padding-right:4px!important;font-size:12.5px!important}}

/* v2742 (propriétaire) : onglet « Jeux » du casino = la manette */
html body #casinoModal .cs-tabs2 button .cs-padico{width:38px;height:30px;flex:none;overflow:visible}
/* v2742 : Lucky Wheel — gains sous la roue en grandes pastilles lisibles (×50, ×10…) */
html:root body #casinoModal .whl-leg{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%;max-width:360px;margin:8px auto 0}
html:root body #casinoModal .whl-leg span{display:flex!important;align-items:center;justify-content:center;min-height:30px;padding:3px 4px!important;border-radius:10px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c))!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.6)}
html:root body #casinoModal .whl-leg span b{font:900 14px/1 system-ui!important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}
/* v2742 : Treasure — le couvercle S'ENVOLE, puis les pièces d'or jaillissent du coffre gagnant */
html body #casinoModal .ch button.open .tch-lid{transform:translate(-18%,-170%) rotate(-38deg)!important;opacity:0;transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .35s .3s}
html body #casinoModal .tch-burst{position:absolute;left:50%;bottom:45%;width:0;height:0;z-index:4;pointer-events:none}
html body #casinoModal .tch-burst b{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF7D1,#FACC15 55%,#B45309);box-shadow:0 0 6px rgba(253,224,71,.8);opacity:0}
html body #casinoModal .ch button.gold .tch-burst b{animation:tchCoin 1.1s cubic-bezier(.2,.7,.3,1) forwards}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(1){--x:-46px;--y:-70px;animation-delay:.05s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(2){--x:-22px;--y:-92px;animation-delay:.1s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(3){--x:0px;--y:-104px;animation-delay:0s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(4){--x:24px;--y:-90px;animation-delay:.12s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(5){--x:48px;--y:-68px;animation-delay:.07s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(6){--x:-34px;--y:-40px;animation-delay:.16s}
html body #casinoModal .ch button.gold .tch-burst b:nth-child(7){--x:36px;--y:-42px;animation-delay:.18s}
@keyframes tchCoin{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:1}70%{transform:translate(var(--x),var(--y)) scale(1) rotate(200deg);opacity:1}100%{transform:translate(calc(var(--x) * 1.1),calc(var(--y) + 24px)) scale(.9) rotate(260deg);opacity:0}}
html body #casinoModal .tch-star{position:absolute;left:50%;top:-12%;z-index:5;font-style:normal;font-size:30px;color:#FFF7D1;text-shadow:0 0 12px #FDE047,0 0 24px #F59E0B;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none}
html body #casinoModal .ch button.gold .tch-star{animation:tchStar .9s .15s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes tchStar{0%{transform:translateX(-50%) scale(0) rotate(0);opacity:0}60%{transform:translateX(-50%) scale(1.5) rotate(90deg);opacity:1}100%{transform:translateX(-50%) scale(1.15) rotate(120deg);opacity:1}}
html body #casinoModal .ch button.gold{transform:translateY(-6px) scale(1.08)!important;filter:drop-shadow(0 0 18px rgba(253,224,71,.85))!important}
html.oro-lite body #casinoModal .ch button.gold .tch-burst b{animation-duration:.6s}
/* v2743 (propriétaire) : 9 gains = 3 lignes de 3, bien droites (plus de case vide) */
html:root body #casinoModal .whl-leg{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:300px!important}
html:root body #casinoModal .whl2{width:min(250px,66vw,38vh)!important;height:auto!important;aspect-ratio:1}
html:root body #casinoModal .whl-leg{margin-bottom:6px!important}
html:root body #casinoModal .whl-leg span{min-height:28px}

/* v2745 (propriétaire) : le solde des jeux = la MÊME carte que « Compte réel » du trading (même argent, même dessin) */
html:root body #casinoModal .cs-wallet.cw-same,html:root body #casinoModal.in-game .cs-wallet.cw-same{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:4px 5px 4px 8px!important;border-radius:16px!important;
  border:1px solid rgba(60,245,166,.70)!important;background:linear-gradient(180deg,rgba(34,212,127,.12),rgba(70,90,200,.10))!important;
  box-shadow:inset 0 0 14px rgba(34,212,127,.14),0 0 18px rgba(34,212,127,.32)!important}
html:root body #casinoModal .cs-wallet.cw-same .cw-wal{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:rgba(34,212,127,.22);color:#5CF7B5}
html:root body #casinoModal .cs-wallet.cw-same .cw-wal svg{width:16px;height:16px;fill:none;stroke:#5CF7B5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:root body #casinoModal .cs-wallet.cw-same .cw-t small{font:800 10px/1.15 system-ui!important;letter-spacing:.3px!important;text-transform:uppercase;color:#5CF7B5!important}
html:root body #casinoModal .cs-wallet.cw-same .cw-t b{font:800 17px/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#D6E0FF!important;letter-spacing:-.15px}
/* v2745 : la ligne des filtres de Paris ne peut plus élargir la fenêtre (téléphone couché) : elle défile dans la largeur */
html:root body #casinoModal #csView,html:root body #casinoModal #csBody{min-width:0!important;max-width:100%!important}
html:root body #casinoModal .sp-chips{max-width:100%!important;min-width:0!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
html:root body #casinoModal .sp-chips::-webkit-scrollbar{display:none}
html:root body #casinoModal .modal-box{max-width:100vw!important}
/* v2747 (propriétaire) : jeux en direct = point rouge qui émet des ondes, au coin du logo (plus de badge écrit « LIVE ») */
html:root body #casinoModal .cs-g{position:relative}
html:root body #casinoModal .cs-g .cs-live{position:absolute;top:2px;right:calc(50% - min(38px,9.5vw,5.25vh) - 2px);width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF8A9B,#E11D48 60%,#9F1239);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 10px rgba(225,29,72,.9);z-index:3;pointer-events:none}
html:root body #casinoModal .cs-g .cs-live::before,html:root body #casinoModal .cs-g .cs-live::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(255,77,109,.85);animation:csLiveWave 1.8s ease-out infinite}
html:root body #casinoModal .cs-g .cs-live::after{animation-delay:.9s}
@keyframes csLiveWave{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
html.oro-lite body #casinoModal .cs-g .cs-live::before,html.oro-lite body #casinoModal .cs-g .cs-live::after{animation:none;opacity:0}
html:root body #casinoModal .cs-g .cs-livetag{display:none!important}

/* v2749 (propriétaire) : notification de résultat PETITE et élégante (une pilule fine en haut, ne cache plus le jeu) */
html:root body #casinoModal .cs-toast{top:6px!important;min-width:0!important;max-width:78%!important;gap:7px!important;padding:5px 12px 5px 5px!important;border-radius:999px!important;backdrop-filter:none!important}
html:root body #casinoModal .cs-toast .ct-ico{width:22px!important;height:22px!important;font-size:11px!important}
html:root body #casinoModal .cs-toast span{flex-direction:row!important;align-items:baseline;gap:7px}
html:root body #casinoModal .cs-toast b{font-size:14.5px!important}
html:root body #casinoModal .cs-toast small{font-size:11px!important;opacity:.8}
html:root body #casinoModal .cs-toast.win{background:linear-gradient(135deg,#10B981,#059669)!important;box-shadow:0 6px 16px -6px rgba(16,185,129,.75),inset 0 0 0 1px rgba(255,255,255,.3)!important}
html:root body #casinoModal .cs-toast.lose{background:rgba(24,16,42,.94)!important;color:#FFC2CF!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,120,150,.3)!important}
/* « + » de recharge : carré arrondi orange, « + » net (plus de rond) */
html:root body #casinoModal .cs-wallet .cw-plus{width:30px!important;height:30px!important;border-radius:9px!important;font:800 22px/1 system-ui!important;padding-bottom:2px;box-sizing:border-box;display:grid!important;place-items:center;background:linear-gradient(180deg,#FDBA4D,#F97316)!important;color:#fff!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),0 3px 8px -3px rgba(249,115,22,.8)!important}
/* Tower : immeuble plus grand (cases plus hautes et plus larges) */
html:root body #casinoModal .tw-stage .tw{max-width:330px!important;width:100%;gap:5px!important}
html:root body #casinoModal .tw-stage .tw-row button{height:min(44px,5.2vh)!important}
html:root body #casinoModal .tw-stage .tw-row em{font-size:12px!important}
/* signal « en direct » : plus fin et discret (petit point rouge, une seule onde légère) */
html:root body #casinoModal .cs-g .cs-live{width:8px!important;height:8px!important;top:4px!important;box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 0 6px rgba(225,29,72,.8)!important}
html:root body #casinoModal .cs-g .cs-live::before{border-width:1.5px!important;inset:-1px!important;animation-duration:2.2s!important}
html:root body #casinoModal .cs-g .cs-live::after{display:none!important}
/* v2749 : vrais logos des cryptos */
html:root body #casinoModal .lv-coin.lv-logo{background:none!important;box-shadow:0 3px 8px rgba(0,0,0,.4)!important;border-radius:50%;overflow:hidden}
html:root body #casinoModal .lv-coin.lv-logo svg{width:100%;height:100%;display:block}
/* v2749 : chevaux — galop des jambes (transform seulement), pastille de choix avec la robe */
html:root body #casinoModal .lv-horse{width:50px!important;height:33px!important;margin-top:-17px!important}
html:root body #casinoModal .lv-horse.run svg{animation:lvGallop .42s ease-in-out infinite alternate!important}
html:root body #casinoModal .lv-horse.run .lg-f{transform-origin:31px 27px;animation:lvLeg .42s ease-in-out infinite alternate}
html:root body #casinoModal .lv-horse.run .lg-b{transform-origin:31px 26px;animation:lvLeg .42s ease-in-out infinite alternate-reverse}
@keyframes lvLeg{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
html.oro-lite body #casinoModal .lv-horse.run .lg-f,html.oro-lite body #casinoModal .lv-horse.run .lg-b{animation:none}
html:root body #casinoModal .lv-silk{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 0 0 3px var(--coat)!important}
html:root body #casinoModal .lv-horses .lv-grid button small{font-size:8.5px;opacity:.85;white-space:nowrap}
html:root body #casinoModal .cs-horses .lv-grid button small{font-size:8.5px;opacity:.85;white-space:nowrap}
html:root body #casinoModal .lv-coin.lv-logo{display:inline-block!important;flex:none}
html:root body #casinoModal .cs-toast small{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:block}
html:root body #casinoModal .cs-toast span{min-width:0;flex-wrap:nowrap!important}
html:root body #casinoModal .cs-toast b{white-space:nowrap}
html:root body #casinoModal .bl-stage .bl{transform-origin:50% 96%!important}
html body #casinoModal .sp-t .sp-qsvg{display:inline-block;width:34px;height:34px;float:left;margin-inline-end:8px;border-radius:8px;overflow:hidden}
html body #casinoModal .sp-t .sp-qsvg svg{width:100%;height:100%;display:block}
html body #casinoModal .sp-predictions .sp-t .sp-qsvg{width:40px;height:40px}

/* ================= v2756 (propriétaire) : NOUVELLE BARRE DU HAUT =================
   [Cadeaux][Prédictions]  ·  [ grande manette JEUX ]  ·  [Social][Profil]   (visiteur : un seul « S'inscrire » à côté de Jeux)
   Plus de cadres carrés lumineux autour des icônes : tout est léger. Recharger = le « + » au milieu de la carte des comptes. */
html:root body .topbar-row #topbarCta{display:none!important}
html:root body .topbar-row #btnPortal svg,html:root body .topbar-row #btnHelp svg,html:root body .topbar-row #btnProfile svg{background:none!important;box-shadow:none!important;border:0!important}
html:root body .topbar-row #btnPortal,html:root body .topbar-row #btnHelp,html:root body .topbar-row #btnProfile{background:none!important;box-shadow:none!important;border:0!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball{width:40px!important;height:34px!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball svg{width:100%!important;height:100%!important;overflow:visible;filter:drop-shadow(0 0 6px rgba(240,171,252,.45))}
html:root body .topbar-row #btnCasino .cb-lbl b{font-size:10.5px!important;white-space:nowrap}
/* la grande manette « Jeux » au centre */
html:root body .topbar-row #btnGames{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 6px;border:0;background:none;color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none}
html:root body .topbar-row #btnGames .gb-ico{display:block;width:62px;height:40px;filter:drop-shadow(0 0 8px rgba(244,114,182,.45)) drop-shadow(0 0 2px rgba(167,139,250,.6))}
html:root body .topbar-row #btnGames .gb-ico svg{width:100%;height:100%;overflow:visible}
html:root body .topbar-row #btnGames b{font:800 11.5px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.02em}
html:root body .topbar-row #btnGames:active .gb-ico{transform:scale(.94)}
html.oro-lite body .topbar-row #btnGames .gb-ico,html.oro-lite body .topbar-row #btnCasino .cb-ico.cb-ball svg{filter:none}
/* visiteur : un seul bouton « Inscription » (la connexion est dans la même page) */
html:root body .topbar-row #authQuick #btnGoLogin{display:none!important}
html:root body .topbar-row #authQuick{margin:0!important}
html:root body .topbar-row #authQuick #btnGoRegister{padding:8px 12px!important;border-radius:12px!important;font-size:13px!important;white-space:nowrap}
/* « + » au milieu de la carte Compte réel / Démo → Recharger */
html:root body #modeSwitcher{position:relative!important}
html:root body #modeSwitcher .ms-plus{position:absolute;left:50%;top:50%;z-index:5;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;border-radius:9px;display:grid;place-items:center;cursor:pointer;
  background:linear-gradient(180deg,#FDBA4D,#F97316);color:#fff;box-shadow:0 0 0 3px rgba(12,8,30,.9),inset 0 -2px 0 rgba(0,0,0,.18),0 4px 10px -3px rgba(249,115,22,.85)}
html:root body #modeSwitcher .ms-plus span{font:800 22px/1 system-ui;margin-top:-2px}
html:root body #modeSwitcher .ms-plus:active{transform:scale(.92)}
html:root body.oro-guest #modeSwitcher .ms-plus,html.oro-guest body #modeSwitcher .ms-plus{display:none}
/* page « Prédictions » seule (sans les onglets Jeux / Prédictions) */
html:root body #casinoModal.pred-only .cs-tabs2{display:none!important}
html:root body .topbar .topbar-row #btnPortal#btnPortal#btnPortal svg,html:root body .topbar .topbar-row #btnHelp#btnHelp#btnHelp svg,html:root body .topbar .topbar-row #btnProfile#btnProfile#btnProfile svg{background:none!important;box-shadow:none!important;border:0!important}

/* ================= v2757 (propriétaire) : barre du haut SOBRE — seule la manette « Jeux » est en couleur =================
   Cadeaux / Prédictions / Social / Profil : icônes blanches fines, sans carré ni lueur. Le « + » est rangé au bout de « Compte réel ». */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal#btnPortal > svg,
html.portal-on:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal#btnPortal > svg,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp#btnHelp > svg,
html.portal-on:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp#btnHelp > svg{background:none!important;box-shadow:none!important;border:0!important;filter:none!important;width:30px!important;height:30px!important;padding:2px!important;border-radius:0!important;animation:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal#btnPortal > svg *{fill:none!important;stroke:#EDEBFF!important;stroke-width:1.7!important;stroke-linecap:round;stroke-linejoin:round;filter:none!important;animation:none!important;opacity:1!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal#btnPortal > svg .ph-glow{display:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp#btnHelp > svg .lv-w{stroke:#EDEBFF!important;stroke-width:1.8!important;fill:none!important;animation:none!important;opacity:1!important}
/* le point du milieu de « Social » : une petite touche verte (en ligne) */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp#btnHelp > svg .lv-c{fill:#34D399!important;stroke:none!important;animation:none!important}
/* les mots : tous pareils, blancs, sobres */
html:root body #screenTrade .topbar-row #btnPortal .pw-lbl,html:root body #screenTrade .topbar-row #btnHelp .hb-txt,html:root body #screenTrade .topbar-row #btnCasino .cb-lbl b{font:700 10px/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(237,235,255,.88)!important;letter-spacing:0!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball{width:34px!important;height:30px!important}
html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball svg{filter:none!important}
/* la grande manette « Jeux » : plus large, plus belle, le seul élément en couleur */
html:root body .topbar-row #btnGames .gb-ico{width:80px!important;height:46px!important;filter:drop-shadow(0 4px 10px rgba(192,38,211,.45))!important}
html:root body .topbar-row #btnGames b{font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.04em!important;color:#fff!important;margin-top:1px}
html.oro-lite body .topbar-row #btnGames .gb-ico{filter:none!important}
/* « + » : petit carré orange au bout de « Compte réel », sans cercle noir */
html:root body #modeSwitcher .ms-plus{width:28px!important;height:28px!important;margin:-14px 0 0 0!important;border-radius:9px!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),0 3px 8px -3px rgba(249,115,22,.75)!important}
html:root body #modeSwitcher .ms-plus span{font:700 21px/1 system-ui!important}
/* visiteur : « Connexion » léger + « Inscription » plein, petits et propres (comme les grandes plateformes) */
html:root body .topbar-row #authQuick #btnGoLogin{display:inline-flex!important}
html:root body .topbar-row #authQuick{display:flex!important;flex-direction:column;gap:5px!important;align-items:stretch}
html:root body .topbar-row #authQuick .btn-auth-link{padding:5px 10px!important;min-height:0!important;height:auto!important;border-radius:9px!important;font:700 11.5px/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;white-space:nowrap;justify-content:center;box-shadow:none!important;text-shadow:none!important}
html:root body .topbar-row #authQuick #btnGoLogin{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
html:root body .topbar-row #authQuick #btnGoRegister{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;color:#fff!important;border:0!important}

html:root body .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball{width:30px!important;height:34px!important;margin-bottom:1px}

/* v2757 (propriétaire) : grille des 24 jeux SANS défiler — taille des logos calculée par fitGrid() (js/casino.js) */
html:root body #casinoModal #csView.cs-grid{row-gap:8px!important;padding-bottom:4px!important}
html:root body #casinoModal #csView.cs-grid .cs-g .cs-pl{width:var(--cs-pl,min(76px,19vw,10.5vh))!important}
html:root body #casinoModal #csView.cs-grid .cs-g{gap:3px!important}
html:root body #casinoModal #csView.cs-grid .cs-g b{font-size:11.5px!important;line-height:1.12!important;min-height:2.24em!important;display:block!important;text-align:center!important}
@media (min-width:600px){html:root body #casinoModal #csView.cs-grid .cs-g b{font-size:13px!important}}
@media (orientation:landscape) and (max-height:500px){html:root body #casinoModal #csView.cs-grid .cs-g b{font-size:10px!important;min-height:2.24em!important}}
html:root body #casinoModal .modal-box{overscroll-behavior:contain}
/* signe « en direct » : petite antenne rouge juste devant le nom (comme les grandes plateformes), sans texte */
html:root body #casinoModal .cs-g .cs-live{display:none!important}
html:root body #casinoModal .cs-g .cs-onair{display:inline-block;width:1.25em;height:.95em;margin:0 .22em -.08em 0;vertical-align:baseline;font-style:normal}
html[dir=rtl]:root body #casinoModal .cs-g .cs-onair{margin:0 0 -.08em .22em}
html:root body #casinoModal .cs-g .cs-onair svg{display:block;width:100%;height:100%;overflow:visible}
html:root body #casinoModal .cs-g .cs-onair circle{fill:#FF3B5C}
html:root body #casinoModal .cs-g .cs-onair path{fill:none;stroke:#FF3B5C;stroke-width:1.6;stroke-linecap:round;animation:csOnAir 1.6s ease-in-out infinite}
@keyframes csOnAir{0%,100%{opacity:1}50%{opacity:.25}}
html.oro-lite body #casinoModal .cs-g .cs-onair path{animation:none}
/* v2757 (propriétaire) : visiteur dans les jeux — « Connexion » léger + « Inscription » orange, sans cadre autour */
html:root body #casinoModal .cs-top #csBal.cs-guestw{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;outline:0}
html:root body #casinoModal .cs-top #csBal.cs-guestw::before,html:root body #casinoModal .cs-top #csBal.cs-guestw::after{display:none!important}
html:root body #casinoModal .cs-guestw .cs-auth{display:flex;gap:8px;align-items:center}
html:root body #casinoModal .cs-guestw .cs-in,html:root body #casinoModal .cs-guestw .cs-join{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 15px!important;border-radius:11px!important;font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;text-shadow:none!important;-webkit-tap-highlight-color:transparent}
html:root body #casinoModal .cs-guestw .cs-in{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
html:root body #casinoModal .cs-guestw .cs-join{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;border:0!important;color:#fff!important}
html:root body #casinoModal .cs-guestw .cs-in:active,html:root body #casinoModal .cs-guestw .cs-join:active{transform:scale(.95)}
/* v2757 (propriétaire) : barre du VISITEUR sur une seule ligne — [Cadeaux Paris] · [grande manette Jeux] · [Connexion / Inscription] · [Social] */
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-rows:auto!important;grid-template-areas:none!important;align-items:center!important;column-gap:4px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left{grid-column:1!important;grid-row:1!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #btnGames{grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick#authQuick{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:5px!important;width:auto!important;margin:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:4!important;grid-row:1!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick .btn-auth-link{width:auto!important;min-width:84px!important;height:26px!important;min-height:0!important;padding:0 10px!important;border-radius:9px!important;font:800 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;display:inline-flex!important;align-items:center;justify-content:center;gap:0!important;box-shadow:none!important;text-shadow:none!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick .btn-auth-link::before,html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick .btn-auth-link svg{display:none!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoLogin{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoRegister{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;border:0!important;color:#fff!important}
@media (max-width:340px){html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick .btn-auth-link{min-width:74px!important;font-size:10.5px!important;padding:0 7px!important}html.oro-guest body .topbar-row #btnGames .gb-ico{width:66px!important;height:40px!important}}
/* v2757b : visiteur — tout sur UNE ligne, rien l'un sur l'autre : [Cadeaux][Paris] · [Jeux] · [Connexion][Inscription] · [Social] */
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick#authQuick#authQuick{flex-direction:row!important;gap:5px!important;align-items:center!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{height:32px!important;min-height:0!important;min-width:0!important;width:auto!important;padding:0 9px!important;border-radius:10px!important;font:800 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:0!important;background-image:none!important;opacity:1!important;filter:none!important;animation:none!important;box-shadow:none!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;border:0!important;color:#fff!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row .tb-left{gap:2px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:62px!important;height:38px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames b{font-size:12px!important}
@media (max-width:370px){
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{padding:0 7px!important;font-size:10.5px!important;height:30px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:54px!important;height:34px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row{column-gap:2px!important;padding-left:4px!important;padding-right:4px!important}}
/* page des JEUX : plus d'onglet « Paris » (Paris a son propre bouton en haut) */
html:root body #casinoModal .cs-tabs2{display:none!important}
/* v2757c (propriétaire) : VISITEUR — la ligne du haut = celle du joueur connecté (Cadeaux · Paris · grande manette Jeux · Social) ;
   « Connexion » + « Inscription » prennent la place de « Compte réel » dans la carte (js/casino.js les y range). Rien l'un sur l'autre. */
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;column-gap:4px!important;padding-left:revert-layer;padding-right:revert-layer}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left{grid-column:1!important;justify-self:start!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #btnGames{grid-column:2!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:3!important;justify-self:end!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:80px!important;height:46px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames b{font-size:13px!important}
html:root body #modeSwitcher#modeSwitcher > #authQuick#authQuick{position:absolute!important;top:0!important;bottom:0!important;z-index:6!important;margin:0!important;padding:0 6px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:none!important;border:0!important;box-shadow:none!important}
html:root body #modeSwitcher#modeSwitcher > #authQuick#authQuick.hidden{display:none!important}
html.oro-guest body #modeSwitcher#modeSwitcher > #modeReal{visibility:hidden!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:32px!important;min-height:0!important;margin:0!important;padding:0 6px!important;border-radius:10px!important;font:800 12px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;background-image:none!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important;filter:none!important;animation:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.38)!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;border:0!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick .btn-auth-link::before,html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick .btn-auth-link::after{display:none!important;content:none!important}
/* v2757d : le « + » aussi pour le VISITEUR (il voit les moyens de recharge ; toucher un moyen = inscription) */
html.oro-guest body #modeSwitcher#modeSwitcher .ms-plus,html:root body.oro-guest #modeSwitcher#modeSwitcher .ms-plus{display:grid!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick{padding:0 2px 0 6px!important;gap:5px!important}
@media (max-width:350px){html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{font-size:10px!important;padding:0 2px!important;letter-spacing:-.2px!important;height:30px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) #modeSwitcher#modeSwitcher > #authQuick{padding:0 1px 0 4px!important;gap:3px!important}}
/* v2757e : « Profil » sans carré (comme Cadeaux / Social) + manette « Jeux » pile au milieu pour le joueur connecté (téléphone debout) */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile#btnProfile > svg,
html.portal-on:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile#btnProfile > svg{background:none!important;box-shadow:none!important;border:0!important;filter:none!important;border-radius:0!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade .topbar-row #btnProfile#btnProfile#btnProfile > svg *{stroke:#EDEBFF!important}
@media (orientation:portrait),(min-height:501px){
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important;align-items:center!important;column-gap:4px!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left{grid-column:1!important;grid-row:1!important;justify-self:start!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #btnGames{grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick,html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #topbarCta,html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #brandLockup{display:none!important}}
/* v2757f : téléphone COUCHÉ — manette « Jeux » compacte (mot à côté), rien ne dépasse de la barre */
@media (orientation:landscape) and (max-height:500px){
html:root body #screenTrade .topbar-row #btnGames#btnGames{flex-direction:row!important;gap:5px!important;padding:0 4px!important;height:36px!important;align-self:center!important}
html:root body #screenTrade .topbar-row #btnGames#btnGames .gb-ico{width:46px!important;height:28px!important}
html:root body #screenTrade .topbar-row #btnGames#btnGames b{font-size:12px!important}
html:root body #screenTrade .topbar-row #btnCasino#btnCasino .cb-ico.cb-ball{width:22px!important;height:24px!important}}

/* ================= v2758 (propriétaire) : PROFIL =================
   « Recharger » lumineux et compact (à la place de « Dépôt Express Crypto ») ; la langue au milieu, drapeau rond + le mot « Langue » dessous. */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:38px!important;min-height:0!important;margin:8px 0 8px!important;padding:0 14px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(180deg,#FDBA4D,#F97316)!important;color:#fff!important;font:800 15px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.02em!important;text-shadow:0 1px 2px rgba(120,40,0,.35)!important;
  box-shadow:0 0 16px rgba(249,115,22,.5),inset 0 -2px 0 rgba(0,0,0,.14)!important;animation:wxGlow 2.6s ease-in-out infinite}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge .wx-plus{width:17px;height:17px;flex:none}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge:active{transform:scale(.97)}
@keyframes wxGlow{0%,100%{opacity:1}50%{opacity:.86}}
html.oro-lite body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge,html body #drawerProfile:not(.on) #btnExpressCrypto.wx-recharge{animation:none}
/* la langue au milieu de l'en-tête du profil, sans cadre */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .drawer-head{position:relative!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .drawer-head > #langBarTrade#langBarTrade{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:3}
html[dir=rtl]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .drawer-head > #langBarTrade#langBarTrade{left:auto!important;right:50%!important;transform:translate(50%,-50%)!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:2px 6px!important;min-height:0!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-chev,html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-code{display:none!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-flag{width:28px!important;height:28px!important;border-radius:50%!important;overflow:hidden!important;display:block!important;box-shadow:0 0 0 1.5px rgba(255,255,255,.55)!important;background:none!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-flag svg,html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-flag img{width:100%!important;height:100%!important;display:block;object-fit:cover}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Language";font:700 10px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(237,235,255,.88)}
html[lang=fr]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Langue"}
html[lang=es]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after,html[lang=pt]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Idioma"}
html[lang=ar]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"اللغة"}
html[lang=tr]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Dil"}
html[lang=vi]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Ngôn ngữ"}
html[lang=id]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Bahasa"}
html[lang=ru]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Язык"}
html[lang=de]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Sprache"}
html[lang=hi]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"भाषा"}
html[lang=zh]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after,html[lang^=zh]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"语言"}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-menu{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-flag{order:1!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{order:2!important}
/* v2758 : plus de mot « TRADING » sous OROLADO.com sur la page de connexion / inscription */
html:root body #screenAuth .brand-sub{display:none!important}
/* v2758 : croix « × » des champs de recherche (cryptos, amis) */
html:root body .srch-wrap{position:relative;display:block;width:100%;flex:1 1 auto;min-width:0}
html:root body .srch-wrap > input{width:100%!important;padding-right:38px!important}
html[dir=rtl]:root body .srch-wrap > input{padding-right:revert!important;padding-left:38px!important}
html:root body .srch-wrap > input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
html:root body .srch-wrap > .srch-x{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:24px;height:24px;padding:0;border:0;border-radius:50%;display:none;place-items:center;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;z-index:2}
html[dir=rtl]:root body .srch-wrap > .srch-x{right:auto;left:7px}
html:root body .srch-wrap.has-v > .srch-x{display:grid}
html:root body .srch-wrap > .srch-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
/* v2758 (propriétaire) : notifications de gain / perte plus jolies, petites et douces (style grandes plateformes) */
html:root body #casinoModal .cs-toast.cs-toast{gap:8px!important;padding:4px 13px 4px 4px!important;border-radius:999px!important;background:rgba(16,11,34,.9)!important;color:#fff!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important}
html:root body #casinoModal .cs-toast.cs-toast.win{box-shadow:0 6px 18px -8px rgba(52,211,153,.7),inset 0 0 0 1px rgba(52,211,153,.55)!important}
html:root body #casinoModal .cs-toast.cs-toast.lose{box-shadow:0 6px 16px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.12)!important;color:#fff!important}
html:root body #casinoModal .cs-toast.cs-toast .ct-ico{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:12px!important;font-weight:900!important}
html:root body #casinoModal .cs-toast.cs-toast.win .ct-ico{background:radial-gradient(circle at 35% 30%,#FEF3C7,#FBBF24 55%,#D97706)!important;color:#7C2D12!important;box-shadow:0 0 8px rgba(251,191,36,.55)!important}
html:root body #casinoModal .cs-toast.cs-toast.lose .ct-ico{background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.65)!important;box-shadow:none!important}
html:root body #casinoModal .cs-toast.cs-toast.win b{color:#34D399!important;font-weight:800!important}
html:root body #casinoModal .cs-toast.cs-toast.lose b{color:#FDA4AF!important;font-weight:800!important}
html:root body #casinoModal .cs-toast.cs-toast small{color:rgba(237,235,255,.7)!important;font-weight:700!important;opacity:1!important}

/* ================= v2759 (propriétaire) : VISITEUR — tout aligné en HAUT sur une ligne :
   [Cadeaux][Paris] [Jeux] [Connexion][Inscription] [Social] ; la carte Compte réel / Démo revient normale. ================= */
html.oro-guest body #modeSwitcher#modeSwitcher > #modeReal{visibility:visible!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row.topbar-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;grid-template-columns:none!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .tb-left{flex:none!important;gap:0!important;order:1}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #btnGames{flex:none!important;order:2;margin:0!important;padding:0 2px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick#authQuick#authQuick{order:3;flex:none!important;position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;width:auto!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > .topbar-actions{order:4;flex:none!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal{width:auto!important;min-width:44px!important;padding:0 2px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:58px!important;height:36px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames b{font-size:11.5px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;min-height:0!important;min-width:0!important;width:auto!important;margin:0!important;padding:0 9px!important;border-radius:10px!important;font:800 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important;filter:none!important;animation:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.4)!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{background:linear-gradient(180deg,#FDBA4D,#F97316)!important;border:0!important;box-shadow:0 3px 10px -4px rgba(249,115,22,.8)!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick .btn-auth-link::before,html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick .btn-auth-link::after{display:none!important;content:none!important}
@media (max-width:374px){
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row.topbar-row{gap:1px!important;padding-left:3px!important;padding-right:3px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{padding:0 6px!important;font-size:10.5px!important;height:28px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:48px!important;height:30px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal{min-width:38px!important}}
@media (max-width:340px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{padding:0 4px!important;font-size:9.5px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:42px!important;height:27px!important}}

/* ================= v2759 : boule « Paris » plus petite, simple et transparente (même taille que Cadeaux) ================= */
html:root body .topbar-row #btnCasino#btnCasino#btnCasino .cb-ico.cb-ball{width:24px!important;height:26px!important;margin:2px 0 1px!important}
@media (orientation:landscape) and (max-height:500px){html:root body .topbar-row #btnCasino#btnCasino#btnCasino .cb-ico.cb-ball{width:20px!important;height:22px!important}}
/* v2759 (propriétaire) : langue = drapeau (sans rond autour) + abréviation juste à côté (FR, EN, 中文…) */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn{flex-direction:row!important;gap:6px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:none!important;display:none!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-flag{width:26px!important;height:18px!important;border-radius:3px!important;box-shadow:none!important;order:1!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-code{display:inline!important;order:2!important;font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#fff!important;background:none!important;padding:0!important}
/* v2759 (propriétaire) : le profil reprend sa taille d'avant — « Recharger » plus fin, la place est prise sur les cases USDT / BTC / ETH / TRX */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge{height:32px!important;margin:6px 0 6px!important;font-size:14px!important;position:relative!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge .wx-go{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:900 20px/1 system-ui;opacity:.9}
html[dir=rtl]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge .wx-go{right:auto;left:12px;transform:translateY(-50%) scaleX(-1)}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-tabs{gap:5px!important;margin-bottom:6px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-tab{min-height:0!important;height:38px!important;padding:3px 2px!important;gap:1px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-tab .wallet-tab-ico{width:14px!important;height:14px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-tab .wallet-tab-stack > span{font-size:10px!important;line-height:1.1!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile .wallet-tab .wallet-tab-stack > small{font-size:6.5px!important;line-height:1.05!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge > .wx-go{position:absolute!important;right:12px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-52%)!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font:900 20px/1 system-ui!important;display:block!important}
html[dir=rtl]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge > .wx-go{right:auto!important;left:12px!important;transform:translateY(-52%) scaleX(-1)!important}
/* v2759 (propriétaire) : dans les jeux, la carte du joueur connecté a EXACTEMENT la lueur verte de « Compte réel » du trading (aussi la carte TEST de l'admin) */
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same,html:root body #casinoModal#casinoModal.in-game .cs-top #csBal.cs-wallet.cw-same{
  border:1px solid rgba(60,245,166,.7)!important;border-radius:14px!important;
  background:linear-gradient(135deg,rgba(14,159,94,.62),rgba(34,212,127,.38) 60%,rgba(60,245,166,.22))!important;
  box-shadow:inset 0 -3px 0 #22D47F,inset 0 0 14px rgba(34,212,127,.14),0 0 18px rgba(34,212,127,.38)!important}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same .cw-t b{color:#fff!important}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same .cw-t small{color:#A7F3D0!important}
/* ================= v2759 (propriétaire) : JEUX — univers simple, plus clair et léger : AUCUNE planète, peu d'étoiles ================= */
html:root body #casinoModal#casinoModal#casinoModal > .modal-box::before,html:root body #casinoModal#casinoModal#casinoModal > .modal-box::after{display:none!important}
html:root body #casinoModal#casinoModal#casinoModal:not(.in-game) > .modal-box{background:
  radial-gradient(1.2px 1.2px at 30px 40px,rgba(255,255,255,.75),transparent 60%) 0 0/190px 210px,
  radial-gradient(1px 1px at 120px 150px,rgba(255,255,255,.55),transparent 60%) 0 0/260px 240px,
  radial-gradient(1.4px 1.4px at 70px 90px,rgba(200,210,255,.6),transparent 60%) 0 0/330px 370px,
  radial-gradient(70% 45% at 15% 0%,rgba(167,139,250,.32),transparent 70%),
  radial-gradient(60% 40% at 100% 35%,rgba(236,72,153,.16),transparent 70%),
  radial-gradient(80% 50% at 40% 100%,rgba(56,189,248,.16),transparent 70%),
  linear-gradient(180deg,#2B1E5E 0%,#211A4C 55%,#1A1640 100%)!important}
html:root body #casinoModal#casinoModal#casinoModal.in-game[data-g] > .modal-box{background:
  radial-gradient(1.2px 1.2px at 30px 40px,rgba(255,255,255,.7),transparent 60%) 0 0/190px 210px,
  radial-gradient(1px 1px at 120px 150px,rgba(255,255,255,.5),transparent 60%) 0 0/260px 240px,
  radial-gradient(75% 45% at 50% 28%,color-mix(in srgb,var(--p2) 40%,transparent),transparent 72%),
  radial-gradient(70% 45% at 15% 0%,rgba(167,139,250,.26),transparent 70%),
  linear-gradient(180deg,color-mix(in srgb,var(--p2) 26%,#2B1E5E) 0%,#211A4C 60%,#1A1640 100%)!important}
html:root body #casinoModal#casinoModal#casinoModal .cs-top{background:linear-gradient(#2B1E5E 70%,rgba(43,30,94,0))!important}
html:root body #casinoModal#casinoModal#casinoModal.in-game[data-g] .cs-top{background:linear-gradient(color-mix(in srgb,var(--p2) 26%,#2B1E5E) 70%,transparent)!important}

/* ================= v2759 (propriétaire) : page PARIS = fond CLAIR, sans planète, léger (comme les grandes plateformes) ================= */
html:root body #casinoModal#casinoModal#casinoModal.pred-only > .modal-box{background:radial-gradient(90% 40% at 50% 0%,rgba(167,139,250,.16),transparent 70%),linear-gradient(180deg,#F7F6FD 0%,#F1F2F8 100%)!important;color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-top{background:linear-gradient(#F7F6FD 75%,rgba(247,246,253,0))!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-back{background:#fff!important;color:#141530!important;box-shadow:0 1px 4px rgba(20,21,48,.12),inset 0 0 0 1px rgba(20,21,48,.08)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-back svg{stroke:#141530!important;color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-guestw .cs-in{background:#fff!important;color:#141530!important;-webkit-text-fill-color:#141530!important;border:1px solid rgba(20,21,48,.18)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-ev{background:#fff!important;border:0!important;box-shadow:0 2px 10px -4px rgba(20,21,48,.16),inset 0 0 0 1px rgba(20,21,48,.06)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-top span{color:#6B6F86!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-top em{color:#EA580C!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-teams p,html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-teams span,html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-t{color:#141530!important;text-shadow:none!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-o{background:#F3F3F9!important;box-shadow:inset 0 0 0 1px rgba(20,21,48,.08)!important;color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-o small{color:#6B6F86!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-o b{color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-o.on{background:#FFF1E6!important;box-shadow:inset 0 0 0 2px #F97316!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-o.on b{color:#C2410C!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-empty b{color:#141530!important;text-shadow:none!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-empty-ball svg{width:96px;height:90px;display:block;margin:0 auto}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-mine{background:#fff!important;color:#141530!important;border:0!important;box-shadow:0 2px 10px -4px rgba(20,21,48,.16),inset 0 0 0 1px rgba(20,21,48,.08)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-bt{background:#fff!important;box-shadow:0 2px 10px -4px rgba(20,21,48,.16),inset 0 0 0 1px rgba(20,21,48,.08)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-bt-h b{color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-bt-s,html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-sl{color:#3F4259!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-bt-s em,html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-sl em{color:#6B6F86!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip{background:#fff!important;box-shadow:0 -8px 24px rgba(20,21,48,.14),inset 0 0 0 1px rgba(20,21,48,.08)!important;color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-h b{color:#141530!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-h span,html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-r{color:#6B6F86!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-r b{color:#EA580C!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip input{background:#F3F3F9!important;color:#141530!important;border:1px solid rgba(20,21,48,.12)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-crest:not(img){color:#fff!important}
/* v2759 (propriétaire) : les noms des tuiles Cadeaux (« Invite tes amis »…) ne débordent jamais, même si Android grossit les textes */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html:root body .gh-p > b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:min(18px,4.8vw)!important;text-align:center}
@media (max-width:374px){
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal,html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp{width:42px!important;flex:0 0 42px!important;min-width:0!important;max-width:none!important;padding:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnCasino#btnCasino{width:36px!important;flex:0 0 36px!important;min-width:0!important;padding:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal .pw-lbl,html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp .hb-txt,html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnCasino .cb-lbl b{font-size:9px!important}}

/* ================= v2760 (propriétaire) : MON NIVEAU — 12 médailles, page qui ne défile pas ================= */
html:root body #liveFun .lv2{display:flex;flex-direction:column;gap:10px}
html:root body #liveFun .lv2-head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--lc2) 55%,transparent),color-mix(in srgb,var(--lc1) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lc1) 60%,transparent),0 6px 18px -8px var(--lc2)}
html:root body #liveFun .lv2-head .lv-md{width:62px;height:62px;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
html:root body #liveFun .lv2-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html:root body #liveFun .lv2-t small{font:700 11px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.8)}
html:root body #liveFun .lv2-t b{font:900 20px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #liveFun .lv2-t .lv-bar{height:7px;border-radius:9px;background:rgba(0,0,0,.3);overflow:hidden}
html:root body #liveFun .lv2-t .lv-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--lc1),#fff)}
html:root body #liveFun .lv2-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html:root body #liveFun .lv2-c{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;border-radius:13px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
html:root body #liveFun .lv2-c .lv-md{width:min(40px,6vh);height:min(40px,6vh);flex:none}
html:root body #liveFun .lv2-c span{display:flex;flex-direction:column;min-width:0}
html:root body #liveFun .lv2-c b{font:800 12.5px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body #liveFun .lv2-c small{font:700 10px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(237,235,255,.6)}
html:root body #liveFun .lv2-c.next{opacity:.5}
html:root body #liveFun .lv2-c.next .lv-md{filter:grayscale(.7)}
html:root body #liveFun .lv2-c.cur{background:linear-gradient(135deg,color-mix(in srgb,var(--lc2) 45%,transparent),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1.5px var(--lc1),0 0 14px -4px var(--lc1)}
html:root body #liveFun .lv2-c.cur small{color:var(--lc1);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
@media (orientation:landscape) and (max-height:500px){html:root body #liveFun .lv2-grid{grid-template-columns:repeat(4,1fr)}html:root body #liveFun .lv2-head .lv-md{width:44px;height:44px}}

/* ================= v2760 : MISSIONS — chaque mission a sa couleur, anneau de progression ================= */
html:root body #liveFun .ms2{display:flex;flex-direction:column;gap:8px}
html:root body #liveFun .ms2-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(249,115,22,.22),rgba(236,72,153,.16));box-shadow:inset 0 0 0 1px rgba(251,146,60,.35)}
html:root body #liveFun .ms2-head > div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
html:root body #liveFun .ms2-head b{font:900 16px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #liveFun .ms2-head small{font:700 11px/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.75)}
html:root body #liveFun .ms2-head em{font:800 11px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;color:#FDBA74}
html:root body #liveFun .ms2-ring{--p:0;width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#FB923C calc(var(--p)*1%),rgba(255,255,255,.12) 0)}
html:root body #liveFun .ms2-ring b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#211A4C;font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif!important}
html:root body #liveFun .ms2-row{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 3px 0 0 var(--mc),inset 0 0 0 1px rgba(255,255,255,.07)}
html:root body #liveFun .ms2-i{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--mc) 22%,transparent);color:var(--mc)}
html:root body #liveFun .ms2-i svg{width:22px;height:22px}
html:root body #liveFun .ms2-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
html:root body #liveFun .ms2-t b{font:800 13px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #liveFun .ms2-bar{height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
html:root body #liveFun .ms2-bar i{display:block;height:100%;border-radius:9px;background:var(--mc)}
html:root body #liveFun .ms2-row em{font:900 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;color:var(--mc);min-width:38px;text-align:end}
html:root body #liveFun .ms2-row.done{background:color-mix(in srgb,var(--mc) 14%,transparent)}
html:root body #liveFun .ms2-row.done em{font-size:18px}
html[dir=rtl]:root body #liveFun .ms2-row{box-shadow:inset -3px 0 0 var(--mc),inset 0 0 0 1px rgba(255,255,255,.07);padding:9px 9px 9px 12px}
html:root body #liveFun .lv2-c.next{opacity:.78}
html:root body #liveFun .lv2-c.next .lv-md{filter:grayscale(.25)}
html:root body #liveFun .lv2-grid{gap:8px}
html:root body #liveFun .lv2-c{padding:8px 10px}
html:root body #liveFun .lv2-c .lv-md{width:min(46px,6.4vh)!important;height:min(46px,6.4vh)!important}
html:root body #liveFun .lv2-c b{font-size:13.5px}
/* v2760 : Social — même univers simple que les jeux (aucune planète, peu d'étoiles) */
html:root body #liveModal#liveModal#liveModal .live-box{background:
  radial-gradient(1.2px 1.2px at 30px 40px,rgba(255,255,255,.75),transparent 60%) 0 0/190px 210px,
  radial-gradient(1px 1px at 120px 150px,rgba(255,255,255,.55),transparent 60%) 0 0/260px 240px,
  radial-gradient(70% 45% at 15% 0%,rgba(167,139,250,.32),transparent 70%),
  radial-gradient(60% 40% at 100% 35%,rgba(236,72,153,.16),transparent 70%),
  radial-gradient(80% 50% at 40% 100%,rgba(56,189,248,.16),transparent 70%),
  linear-gradient(180deg,#2B1E5E 0%,#211A4C 55%,#1A1640 100%)!important}
html:root body #liveModal#liveModal#liveModal .live-box::before,html:root body #liveModal#liveModal#liveModal .live-box::after{display:none!important}

/* ================= v2760 (propriétaire) : Social — chaque page a SON visage ================= */
html:root body #livePaneFriends[data-v="duel"] #lfMe,html:root body #livePaneFriends[data-v="record"] #lfMe,html:root body #livePaneFriends[data-v="myid"] #lfMe{display:none!important}
html:root body #livePaneFriends[data-v="myid"] #lfFind,html:root body #livePaneFriends[data-v="myid"] #lfFindMsg,html:root body #livePaneFriends[data-v="myid"] #lfConvs,
html:root body #livePaneFriends[data-v="record"] #lfFind,html:root body #livePaneFriends[data-v="record"] #lfFindMsg{display:none!important}
html:root body #livePaneFriends[data-v="friends"] #lfHero{display:none!important}
html:root body #livePaneFriends[data-v="duel"] #lfFindMsg{display:none!important}
html:root body #lfHero.lfh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 14px 12px;margin-bottom:10px;border-radius:20px}
html:root body #lfHero.lfh > b{font:900 19px/1.15 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #lfHero.lfh > p{margin:0;font:600 12.5px/1.35 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.8)}
html:root body #lfHero .lfh-ico svg{width:64px;height:64px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
html:root body #lfHero ol{list-style:none;margin:4px 0 0;padding:0;display:flex;gap:6px;width:100%}
html:root body #lfHero ol li{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:rgba(0,0,0,.18);font:700 10.5px/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #lfHero ol li em{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:900 12px/1 system-ui;font-style:normal;background:#fff;color:#1E1B3A}
/* l'arène (rouge / orange) */
html:root body #lfHero.lfh-duel{background:radial-gradient(80% 60% at 50% 0%,rgba(251,146,60,.45),transparent 70%),linear-gradient(160deg,#9F1239,#7C2D12);box-shadow:inset 0 0 0 1px rgba(253,186,116,.45),0 10px 24px -12px rgba(225,29,72,.8)}
html:root body #lfHero.lfh-duel ol li em{background:#FDBA74;color:#7C2D12}
/* le tableau des scores (or) */
html:root body #lfHero.lfh-rec{background:radial-gradient(80% 60% at 50% 0%,rgba(253,224,71,.32),transparent 70%),linear-gradient(160deg,#713F12,#3B2A12);box-shadow:inset 0 0 0 1px rgba(253,224,71,.45),0 10px 24px -12px rgba(234,179,8,.7)}
html:root body #lfHero .lfh-score{display:flex;gap:8px;width:100%}
html:root body #lfHero .lfh-score > div{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:rgba(0,0,0,.25)}
html:root body #lfHero .lfh-score b{font:900 26px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#fff}
html:root body #lfHero .lfh-score small{font:800 10.5px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.7)}
html:root body #lfHero .lfh-score .w b{color:#4ADE80}
html:root body #lfHero .lfh-score .l b{color:#FB7185}
html:root body #lfHero .lfh-score .r b{color:#FDE047}
html:root body #lfHero .lfh-go{margin-top:4px;height:40px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(180deg,#FDE047,#EAB308);color:#422006;font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
/* la carte d'identité (bleue) */
html:root body #lfHero.lfh-id{background:transparent;padding:4px 2px 10px}
html:root body #lfHero .lfh-card{position:relative;width:100%;aspect-ratio:1.6;max-height:200px;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;text-align:start;overflow:hidden;
  background:radial-gradient(70% 90% at 100% 0%,rgba(125,211,252,.55),transparent 60%),linear-gradient(135deg,#1E40AF,#4C1D95);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 14px 30px -14px rgba(37,99,235,.9)}
html:root body #lfHero .lfh-card::after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;border:24px solid rgba(255,255,255,.06)}
html:root body #lfHero .lfh-chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#FDE68A,#D97706);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
html:root body #lfHero .lfh-card small{font:800 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.8)}
html:root body #lfHero .lfh-num{font:800 clamp(20px,7vw,28px)/1.1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.08em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35)}
html:root body #lfHero .lfh-brand{position:absolute;right:16px;bottom:12px;font:900 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.55)}
html[dir=rtl]:root body #lfHero .lfh-brand{right:auto;left:16px}
html:root body #lfHero .lfh-btns{display:flex;gap:8px;width:100%}
html:root body #lfHero .lfh-btns button{flex:1;height:42px;border:0;border-radius:12px;font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
html:root body #lfHero .lfh-btns button.on{background:linear-gradient(180deg,#60A5FA,#2563EB);box-shadow:none}
html:root body #lfHero.lfh-id ol li{background:rgba(59,130,246,.14);box-shadow:inset 0 0 0 1px rgba(96,165,250,.25)}
html:root body #lfHero.lfh-id ol li em{background:#60A5FA;color:#fff}
html:root body #lfHero.lfh-id > p{color:rgba(237,235,255,.8)}
/* v2762 (propriétaire) : « Dépôt crypto » montre 16 cryptos acceptées sur 2 lignes de 8 (plus ADA / AVAX / LINK, non acceptées) */
html:root body #payMethodUsdt#payMethodUsdt .pay-crypto-wall .pay-crypto-cell{display:flex!important}
html:root body #payMethodUsdt#payMethodUsdt .pay-crypto-wall{grid-template-columns:repeat(8,minmax(0,1fr))!important;row-gap:6px!important}
/* v2762 (propriétaire) : sortie douce des fenêtres (fondu court) */
html body .modal-backdrop.oro-out{display:block!important;visibility:visible!important;pointer-events:none!important;animation:oroOut .18s ease forwards!important}
@keyframes oroOut{from{opacity:1}to{opacity:0}}
/* v2762 (propriétaire) : page Recharger — la croix « × » bien visible, Wave un peu plus serré, 2 lignes de cryptos */
html:root body #depositModal#depositModal .btn-close#closeDeposit{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}
html:root body #depositModal#depositModal .btn-close#closeDeposit::before,html:root body #depositModal#depositModal .btn-close#closeDeposit::after{display:none!important}
html:root body #depositModal#depositModal .btn-close#closeDeposit .x-ico{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:#fff!important;stroke-width:2.6!important;stroke-linecap:round}
html:root body #depositModal#depositModal .btn-close#closeDeposit .x-ico path{stroke:#fff!important;stroke-width:2.6!important}
html:root body #depositModal#depositModal #payMethodUsdt .pay-crypto-wall > .pay-crypto-cell:nth-child(n){display:flex!important}
html:root body #depositModal#depositModal #payMomoBox .wave-cc .wcc{height:42px!important;min-height:0!important}
html:root body #depositModal#depositModal #payMomoBox #momoPhone{height:46px!important;min-height:0!important}
html:root body #depositModal#depositModal #payMomoBox #momoPhoneRow{gap:8px!important}
html:root body #depositModal#depositModal#depositModal #payMomoBox .wave-cc .wcc{height:40px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
html:root body #depositModal#depositModal#depositModal #payMomoBox #momoPhone{height:42px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;font-size:20px!important}
html:root body #depositModal#depositModal#depositModal #depositAmt{height:44px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
/* v2762 (propriétaire) : connexion / inscription — plus large et plus haute, on utilise la place libre (téléphone debout) */
@media (orientation:portrait),(min-height:560px){
html:root body #screenAuth#screenAuth .auth-wrap{width:min(calc(100% - 14px),480px)!important;max-width:480px!important}
html:root body #screenAuth#screenAuth .auth-card{padding-left:clamp(12px,3.4vw,20px)!important;padding-right:clamp(12px,3.4vw,20px)!important;padding-top:clamp(12px,1.8vh,20px)!important;padding-bottom:clamp(12px,1.8vh,20px)!important}
html:root body #screenAuth#screenAuth .auth-tabs .auth-tab{height:clamp(44px,5.8vh,54px)!important;font-size:clamp(14px,1.9vh,16px)!important}
html:root body #screenAuth#screenAuth form .field{margin-bottom:clamp(8px,1.7vh,16px)!important}
html:root body #screenAuth#screenAuth form .field input,html:root body #screenAuth#screenAuth form .pass-wrap{height:clamp(44px,6.1vh,56px)!important;min-height:0!important}
html:root body #screenAuth#screenAuth form .pass-wrap input{height:100%!important}
html:root body #screenAuth#screenAuth form .field input{font-size:16px!important}
html:root body #screenAuth#screenAuth form .btn-gold{height:clamp(52px,7.2vh,64px)!important;font-size:clamp(16px,2.2vh,19px)!important;margin-top:clamp(6px,1.4vh,14px)!important}
html:root body #screenAuth#screenAuth .brand-lockup{margin-bottom:clamp(4px,1.4vh,14px)!important}}
/* v2763 (propriétaire) : visiteur — dans les jeux en 1 étape, la mise et « Miser » laissent la place à « Créer mon compte » */
html:root body #casinoModal .cs-panel.cs-guestpanel > .cs-stake,html:root body #casinoModal .cs-panel.cs-guestpanel > .cs-chips,html:root body #casinoModal .cs-panel.cs-guestpanel > #csGo{display:none!important}
html:root body #casinoModal .cs-panel.cs-guestpanel > #csNeed{margin-top:8px}
/* v2763 (propriétaire) : Connexion / Inscription de la barre du haut — plus grands et un peu plus espacés dès qu'il y a de la place (≥ 375 px) */
@media (min-width:375px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{
  height:min(35px,calc(30px + (100vw - 360px) * .1))!important;padding:0 min(11px,calc(9px + (100vw - 360px) * .05))!important;font-size:min(12.8px,calc(11.5px + (100vw - 360px) * .03))!important;border-radius:11px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row > #authQuick#authQuick#authQuick{gap:min(7px,calc(4px + (100vw - 360px) * .05))!important}}
@media (min-width:375px) and (max-width:400px){
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnPortal#btnPortal,html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnHelp#btnHelp{width:44px!important;flex:0 0 44px!important;min-width:0!important;max-width:none!important;padding:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnCasino#btnCasino{width:38px!important;flex:0 0 38px!important;min-width:0!important;padding:0!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row #btnGames .gb-ico{width:54px!important;height:34px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar-row.topbar-row.topbar-row.topbar-row{gap:2px!important;padding-left:4px!important;padding-right:4px!important}}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{flex:0 0 auto!important;overflow:visible!important}
/* v2764 (propriétaire) : les EXPLICATIONS du Défi du jour et du Bonus dépôt reviennent (exemples + règles), pour tous */
html:root body #portalModal#portalModal .defi-how .defi-ex,html:root body #portalModal#portalModal .bon-ex{display:block!important;margin-top:8px!important;padding:9px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;box-shadow:inset 3px 0 0 #FBBF24!important;font:600 12.5px/1.4 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(255,255,255,.88)!important;text-align:start!important}
html:root body #portalModal#portalModal .defi-how .defi-rl,html:root body #portalModal#portalModal .bon-card .defi-rl{display:flex!important;flex-direction:column!important;gap:6px!important;margin:12px 0 0!important;padding:0!important;list-style:none!important}
html:root body #portalModal#portalModal .defi-rl li{display:flex!important;align-items:flex-start;gap:8px;font:600 12.5px/1.4 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(255,255,255,.85)!important;text-align:start}
/* v2764 (propriétaire) : Cadeaux — le bouton « Retour » tout en haut à gauche, sur la ligne de la barre (plus collé aux titres) */
html:root body #portalModal#portalModal .portal-box{position:fixed}
html:root body #portalModal#portalModal .gh-bar{min-height:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
html:root body #portalModal#portalModal .gh-back{position:absolute!important;top:calc(env(safe-area-inset-top,0px) + 6px)!important;left:12px!important;z-index:30!important;margin:0!important}
html[dir=rtl]:root body #portalModal#portalModal .gh-back{left:auto!important;right:12px!important}
html:root body #portalModal#portalModal .gh-bar{position:static!important}
html:root body #portalModal#portalModal .gh-back{z-index:60!important}

/* ================= v2764 (propriétaire) : LIGNE DU HAUT — UNE SEULE RÈGLE pour tout le monde (connecté ou visiteur)
   Cadeaux · Paris · Social · Profil : même case (46 px), même icône (30 px), même mot (10,5 px), tout aligné.
   Seule la manette « Jeux » est plus grande, au milieu. (téléphone debout ; le paysage garde ses réglages) ================= */
@media (orientation:portrait),(min-height:561px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp,#btnProfile){
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  width:46px!important;min-width:0!important;max-width:none!important;flex:0 0 46px!important;height:48px!important;min-height:0!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;position:relative!important;transform:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnProfile.hidden{display:none!important}
/* les icônes : toutes 30 × 30 */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnPortal > svg,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnHelp > svg,
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnProfile > svg{
  order:1!important;display:block!important;width:30px!important;height:30px!important;padding:2px!important;margin:0!important;flex:none!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnCasino .cb-ico.cb-ball{
  order:1!important;display:block!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;flex:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnCasino .cb-ico.cb-ball svg{width:100%!important;height:100%!important}
/* les mots : tous pareils, sous l'icône */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal .pw-lbl,#btnHelp .hb-txt,#btnProfile .pf-txt,#btnCasino .cb-lbl){
  order:2!important;display:block!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;max-width:58px!important;height:auto!important;
  font:700 10.5px/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(237,235,255,.9)!important;white-space:nowrap!important;overflow:visible!important;text-align:center!important;transform:none!important;opacity:1!important;letter-spacing:0!important;text-shadow:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnCasino .cb-lbl b{font:inherit!important;color:inherit!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnProfile .pf-emo{display:none!important}
/* la manette « Jeux » : la seule plus grande */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:52px!important;padding:0 2px!important;margin:0!important;flex:0 0 auto!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{width:62px!important;height:38px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames b{font:800 12px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#fff!important}
/* rangement : connecté = [Cadeaux Paris] · [Jeux] · [Social Profil] ; visiteur = Cadeaux Paris · Jeux · Connexion Inscription · Social */
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;padding-left:8px!important;padding-right:8px!important;grid-template-columns:none!important;min-height:56px!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .tb-left{display:flex!important;gap:4px!important;flex:0 0 auto!important;order:1!important;margin:0!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #btnGames{order:2!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick{order:3!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .topbar-actions{display:flex!important;gap:4px!important;flex:0 0 auto!important;order:4!important;margin:0!important;width:auto!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .tb-left,
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .topbar-actions{flex:1 1 0!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .topbar-actions{justify-content:flex-end!important}
/* visiteur : Connexion / Inscription à la même hauteur que les autres */
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;margin:0!important;flex:0 0 auto!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick.hidden{display:none!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick .btn-auth-link{height:32px!important;padding:0 10px!important;font-size:12px!important;flex:0 0 auto!important}
}
/* petits téléphones */
@media (orientation:portrait) and (max-width:374px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp,#btnProfile){width:40px!important;flex:0 0 40px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal .pw-lbl,#btnHelp .hb-txt,#btnProfile .pf-txt,#btnCasino .cb-lbl){font-size:9.5px!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{gap:2px!important;padding-left:4px!important;padding-right:4px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{width:52px!important;height:32px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick{gap:3px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick .btn-auth-link{padding:0 6px!important;font-size:10.5px!important;height:30px!important}}
@media (orientation:portrait) and (max-width:340px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp,#btnProfile){width:36px!important;flex:0 0 36px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > :is(.tb-left,.topbar-actions){gap:2px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{width:44px!important;height:28px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick .btn-auth-link{padding:0 4px!important;font-size:9.5px!important}}
/* v2764b : les éléments de la ligne du haut répartis à ESPACES ÉGAUX (comme les grandes applis) */
@media (orientation:portrait),(min-height:561px){
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .tb-left,
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > .topbar-actions{display:contents!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnPortal{order:1!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnCasino{order:2!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #btnGames{order:3!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row > #authQuick{order:4!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnHelp{order:5!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnProfile{order:6!important}
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{justify-content:space-between!important}}
@media (orientation:portrait),(min-height:561px){
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{padding-left:12px!important;padding-right:12px!important}}
@media (orientation:portrait),(min-height:561px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnCasino .cb-lbl{margin-top:2px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames{height:48px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{height:34px!important;width:58px!important}}
@media (orientation:portrait) and (max-width:374px){html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{width:52px!important;height:32px!important}}
@media (orientation:portrait) and (max-width:340px){html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row #btnGames .gb-ico{width:44px!important;height:28px!important}}
@media (orientation:portrait),(min-height:561px){
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp){width:42px!important;flex:0 0 42px!important}
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{height:34px!important;padding:0 clamp(6px,2.3vw,11px)!important;font-size:clamp(10.5px,3.15vw,13px)!important;border-radius:11px!important}
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{padding-left:6px!important;padding-right:6px!important;gap:3px!important}}
@media (orientation:portrait) and (max-width:374px){
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp){width:40px!important;flex:0 0 40px!important}
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{height:30px!important}}
@media (orientation:portrait) and (max-width:340px){
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp){width:35px!important;flex:0 0 35px!important}
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoLogin#btnGoLogin#btnGoLogin,
html.oro-guest body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #authQuick #btnGoRegister#btnGoRegister#btnGoRegister{padding:0 4px!important;font-size:9.5px!important}}
/* v2764 (propriétaire) : Cadeaux — une petite phrase sous chaque tuile pour comprendre (visiteurs compris) */
html:root body #portalModal .gh-p > .gh-sub{display:block;max-width:150px;margin:1px auto 0;font:600 11px/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(237,235,255,.68);text-align:center;white-space:normal}
html:root body #portalModal .gh-p.wide > .gh-sub{max-width:240px}
@media (max-height:680px){html:root body #portalModal .gh-p > .gh-sub{font-size:10px}}
/* v2764 : sur ordinateur / tablette, la ligne du haut reste groupée au centre (pas étalée d'un bord à l'autre) */
@media (min-width:700px){
html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{justify-content:center!important;gap:clamp(14px,2.4vw,30px)!important}}
@media (min-width:700px){
html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row,
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3) .topbar-row.topbar-row{justify-content:center!important;gap:clamp(14px,2.4vw,30px)!important}}

/* ================= v2765 (propriétaire) : NOTIFICATIONS nettes partout — pastille sombre PLEINE (plus de flou ni de transparence),
   texte court et blanc, une petite pastille de couleur selon le message (rouge = erreur, vert = réussi, violet = info) ================= */
html body #toast#toast.toast.lux-msg:not(.micro){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#1A1533!important;background-image:none!important;color:#fff!important;
  box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14)!important;max-width:min(92vw,420px)!important;font:700 13px/1.25 "Plus Jakarta Sans",system-ui,sans-serif!important;text-shadow:none!important}
html body #toast#toast.toast.lux-msg:not(.micro) .lux-msg-txt{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important}
html body #toast#toast.toast.lux-msg:not(.micro).err{box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(251,113,133,.55)!important}
html body #toast#toast.toast.lux-msg:not(.micro).ok{box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(52,211,153,.55)!important}
html body #toast#toast.toast.lux-msg:not(.micro) .lux-msg-ico{filter:none!important;opacity:1!important}
html body #casinoModal .cs-toast.cs-toast{background:#1A1533!important}

/* ================= v2765 : PARIS (fond clair) — bandeau du haut sombre : la carte « Compte réel » garde EXACTEMENT son aspect ================= */
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-top{background:linear-gradient(180deg,#2B1E5E,#211A4C)!important;margin:0 -16px 10px!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:8px!important;border-radius:0 0 18px 18px!important;box-shadow:0 6px 18px -10px rgba(20,21,48,.5)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-back{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-back svg{stroke:#fff!important;color:#fff!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-guestw .cs-in{background:rgba(255,255,255,.06)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
/* onglets « Paris » | « Mes paris » */
html:root body #casinoModal .sp-tabs{display:flex;gap:4px;padding:4px;margin:2px 0 12px;border-radius:14px;background:#E9E8F3;box-shadow:inset 0 0 0 1px rgba(20,21,48,.06)}
html:root body #casinoModal .sp-tabs button{flex:1;height:38px;border:0;border-radius:11px;background:transparent;color:#5B5E78;font:800 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
html:root body #casinoModal .sp-tabs button.on{background:#fff;color:#141530;box-shadow:0 2px 8px -3px rgba(20,21,48,.25)}
/* bouton « Parier » bien net */
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-go,html:root body #casinoModal#casinoModal#casinoModal.pred-only #spGo{background:linear-gradient(180deg,#22C55E,#16A34A)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;border:0!important;box-shadow:0 6px 16px -8px rgba(22,163,74,.8)!important;font:900 15px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;text-shadow:none!important;height:50px!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-r label{color:#5B5E78!important;font-weight:700}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-r span{color:#5B5E78!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-slip-h button{color:#E11D48!important}
/* « Mes paris » : vrais reçus */
html:root body #casinoModal .sp-rcs{display:flex;flex-direction:column;gap:10px}
html:root body #casinoModal .sp-rc{position:relative;padding:12px 14px 10px;border-radius:16px;background:#fff;box-shadow:0 2px 10px -4px rgba(20,21,48,.16),inset 0 0 0 1px rgba(20,21,48,.06);color:#141530}
html:root body #casinoModal .sp-rc-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
html:root body #casinoModal .sp-rc-h i{font:900 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.05em;padding:5px 9px;border-radius:999px;background:#FFF1E6;color:#C2410C}
html:root body #casinoModal .sp-rc.won .sp-rc-h i{background:#DCFCE7;color:#15803D}
html:root body #casinoModal .sp-rc.lost .sp-rc-h i{background:#FFE4E6;color:#BE123C}
html:root body #casinoModal .sp-rc.void .sp-rc-h i{background:#F1F5F9;color:#475569}
html:root body #casinoModal .sp-rc-h small{font:700 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86}
html:root body #casinoModal .sp-rc-s{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px dashed rgba(20,21,48,.12);font:700 13px/1.3 "Plus Jakarta Sans",system-ui,sans-serif}
html:root body #casinoModal .sp-rc-s em{font-style:normal;color:#6B6F86;white-space:nowrap}
html:root body #casinoModal .sp-rc-s.won em{color:#15803D}
html:root body #casinoModal .sp-rc-s.lost em{color:#BE123C}
html:root body #casinoModal .sp-rc-f{display:flex;align-items:flex-end;gap:14px;padding-top:8px;border-top:1px solid rgba(20,21,48,.1);font:600 12px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86}
html:root body #casinoModal .sp-rc-f b{color:#141530;font-weight:800}
html:root body #casinoModal .sp-rc-big{margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
html:root body #casinoModal .sp-rc-big b{font:900 18px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#EA580C!important}
html:root body #casinoModal .sp-rc.won .sp-rc-big b{color:#16A34A!important}
html:root body #casinoModal .sp-rc.lost .sp-rc-big b{color:#BE123C!important}
html:root body #casinoModal .sp-rc-id{margin-top:6px;font:700 10px/1 ui-monospace,Menlo,Consolas,monospace;color:#A3A6BA;text-align:end}
html:root body #casinoModal .sp-mine-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 10px;text-align:center}
html:root body #casinoModal .sp-cta{height:44px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(180deg,#FDBA4D,#F97316);color:#fff;font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
html:root body #casinoModal .sp-none{text-align:center;color:#6B6F86;font-weight:700;padding:20px 0}
html body #toast#toast.toast.lux-msg:not(.micro) .lux-msg-ico{background:#8B5CF6!important;color:#fff!important;box-shadow:none!important}
html body #toast#toast.toast.lux-msg.err:not(.micro) .lux-msg-ico{background:#F43F5E!important}
html body #toast#toast.toast.lux-msg.ok:not(.micro) .lux-msg-ico{background:#22C55E!important}
/* v2765 (propriétaire) : joueur CONNECTÉ — retour à la disposition d'avant : [Cadeaux Paris] à gauche · grande manette « Jeux » au milieu · [Social Profil] à droite, symétriques */
@media (orientation:portrait),(min-height:561px){
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row.topbar-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;column-gap:6px!important;justify-content:stretch!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > .tb-left{display:flex!important;justify-self:start!important;grid-column:1!important;grid-row:1!important;gap:clamp(4px,2.6vw,14px)!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > #btnGames{grid-column:2!important;grid-row:1!important;justify-self:center!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > .topbar-actions{display:flex!important;justify-self:end!important;grid-column:3!important;grid-row:1!important;gap:clamp(4px,2.6vw,14px)!important}
html:not(.oro-guest) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row #btnGames{height:56px!important}
html:not(.oro-guest) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row #btnGames .gb-ico{width:78px!important;height:44px!important}
html:not(.oro-guest) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row #btnGames b{font-size:13px!important}}
@media (orientation:portrait) and (max-width:340px){
html:not(.oro-guest) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row #btnGames .gb-ico{width:62px!important;height:36px!important}}
@media (min-width:700px){
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row.topbar-row{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}}
/* v2765 (propriétaire) : dans les jeux en direct, plus de mot rouge « LIVE » — la même petite antenne que dans la liste des jeux */
html:root body #casinoModal .lv-head .lv-live.lv-onair{display:inline-flex!important;align-items:center;justify-content:center;width:26px;height:22px;padding:0!important;margin:0!important;background:rgba(255,59,92,.14)!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
html:root body #casinoModal .lv-head .lv-live.lv-onair > svg{width:18px;height:14px;overflow:visible}
html:root body #casinoModal .lv-head .lv-live.lv-onair circle{fill:#FF3B5C}
html:root body #casinoModal .lv-head .lv-live.lv-onair path{fill:none;stroke:#FF3B5C;stroke-width:1.6;stroke-linecap:round;animation:csOnAir 1.6s ease-in-out infinite}
html.oro-lite body #casinoModal .lv-head .lv-live.lv-onair path{animation:none}
/* v2765b (propriétaire) : le petit « LIVE » bien écrit — pastille rouge pleine, texte blanc net, point qui clignote */
html:root body #casinoModal .lv-head .lv-live.lv-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;height:22px!important;padding:0 9px 0 8px!important;border-radius:999px!important;background:#E11D48!important;border:0!important;box-shadow:0 2px 8px -2px rgba(225,29,72,.7)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font:900 11px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:.08em!important;text-shadow:none!important;opacity:1!important;filter:none!important}
html:root body #casinoModal .lv-head .lv-live.lv-pill > i{width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important;animation:lvBlink 1s steps(2,start) infinite}
html.oro-lite body #casinoModal .lv-head .lv-live.lv-pill > i{animation:none}
/* v2765 (propriétaire) : « Derniers » résultats bien visibles dans les jeux en direct (logos entiers, plus grands) */
html:root body #casinoModal .lv-last{display:flex!important;align-items:center!important;gap:6px!important;height:auto!important;min-height:34px!important;flex-wrap:nowrap!important;overflow:hidden}
html:root body #casinoModal .lv-last > small{font:800 11px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(255,255,255,.75)!important;margin-inline-end:2px}
html:root body #casinoModal .lv-last .lv-coin.mini{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;background:none!important;box-shadow:0 0 0 2px rgba(255,255,255,.18)!important;font-size:0!important}
html:root body #casinoModal .lv-last .lv-coin.mini > svg{width:30px!important;height:30px!important;display:block!important}
html:root body #casinoModal .lv-last .lv-coin.mini:first-of-type{box-shadow:0 0 0 2px #FBBF24!important}
html:root body #casinoModal .lv-last .lv-rn,html:root body #casinoModal .lv-last .lv-silk{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;font:900 12.5px/28px "Plus Jakarta Sans",system-ui,sans-serif!important;text-align:center}
html:root body #casinoModal .lv-last .lv-rn:nth-child(2),html:root body #casinoModal .lv-last .lv-silk:nth-child(2){box-shadow:0 0 0 2px #FBBF24!important}
html:root body #casinoModal .lv-last .lv-silk svg{width:100%!important;height:100%!important}
html:root body #casinoModal .sp-rc-big small{color:#6B6F86!important;font:700 11px/1 "Plus Jakarta Sans",system-ui,sans-serif!important}

/* ================= v2766 (propriétaire) : COUPON de Paris comme les grands sites ================= */
/* barre en bas « Coupon · n choix · cote totale · Voir » */
html:root body #casinoModal .sp-sbar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:8;display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px 14px;border:0;border-radius:16px;cursor:pointer;
  background:linear-gradient(135deg,#1E1A40,#2B1E5E);color:#fff;box-shadow:0 12px 28px -12px rgba(20,21,48,.75);text-align:start;-webkit-tap-highlight-color:transparent}
html:root body #casinoModal .sp-sbar-n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#FDBA4D,#F97316);font:900 14px/1 "Plus Jakarta Sans",system-ui,sans-serif}
html:root body #casinoModal .sp-sbar-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
html:root body #casinoModal .sp-sbar-t b{font:900 15px/1 "Plus Jakarta Sans",system-ui,sans-serif}
html:root body #casinoModal .sp-sbar-t small,html:root body #casinoModal .sp-sbar-o small{font:700 11px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(255,255,255,.65)}
html:root body #casinoModal .sp-sbar-o{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
html:root body #casinoModal .sp-sbar-o b{font:900 17px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#FDBA74}
html:root body #casinoModal .sp-sbar em{font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;color:#fff;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.12)}
/* la grande page du coupon */
html:root body #casinoModal .sp-cp-h{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
html:root body #casinoModal .sp-cp-h > b{flex:1;font:900 19px/1.1 "Plus Jakarta Sans",system-ui,sans-serif;color:#141530}
html:root body #casinoModal .sp-cp-h > b i{font-style:normal;display:inline-grid;place-items:center;min-width:24px;height:24px;margin-inline-start:4px;border-radius:999px;background:#F97316;color:#fff;font-size:13px;vertical-align:2px}
html:root body #casinoModal .sp-cp-back{width:38px;height:38px;border:0;border-radius:12px;background:#E9E8F3;color:#141530;font:900 22px/1 system-ui;cursor:pointer}
html:root body #casinoModal .sp-cp-clear{height:34px;padding:0 12px;border:1px solid rgba(225,29,72,.35);border-radius:10px;background:#fff;color:#E11D48;font:800 12.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
html:root body #casinoModal .sp-cp-clear.arm{background:#E11D48;color:#fff;border-color:#E11D48}
html:root body #casinoModal .sp-cp-type{margin:0 0 10px;padding:10px 12px;border-radius:12px;font:600 12.5px/1.35 "Plus Jakarta Sans",system-ui,sans-serif;color:#3F4259;background:#EEF2FF;box-shadow:inset 3px 0 0 #6366F1}
html:root body #casinoModal .sp-cp-type.combo{background:#FFF7ED;box-shadow:inset 3px 0 0 #F97316}
html:root body #casinoModal .sp-cp-type b{color:#141530}
html:root body #casinoModal .sp-cp-list{display:flex;flex-direction:column;gap:8px}
html:root body #casinoModal .sp-cp-s{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 2px 10px -4px rgba(20,21,48,.16),inset 0 0 0 1px rgba(20,21,48,.06)}
html:root body #casinoModal .sp-cp-s > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html:root body #casinoModal .sp-cp-s small{font:600 12px/1.25 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86}
html:root body #casinoModal .sp-cp-s b{font:800 15px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#141530}
html:root body #casinoModal .sp-cp-s em{font:900 16px/1 "Plus Jakarta Sans",system-ui,sans-serif;font-style:normal;color:#EA580C}
html:root body #casinoModal .sp-cp-x{width:30px;height:30px;flex:none;border:0;border-radius:50%;background:#F1F1F7;color:#6B6F86;font:700 18px/1 system-ui;cursor:pointer}
html:root body #casinoModal .sp-cp-tot{display:flex;justify-content:space-between;align-items:center;margin:12px 2px 8px;font:700 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#3F4259}
html:root body #casinoModal .sp-cp-tot b{font:900 20px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#141530}
html:root body #casinoModal .sp-cp-stake{padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,21,48,.08)}
html:root body #casinoModal .sp-cp-stake label{display:block;margin-bottom:6px;font:800 12px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86;text-transform:uppercase;letter-spacing:.04em}
html:root body #casinoModal .sp-cp-in{display:flex;align-items:center;height:50px;padding:0 14px;border-radius:12px;background:#F3F3F9;box-shadow:inset 0 0 0 1.5px rgba(20,21,48,.12)}
html:root body #casinoModal .sp-cp-in input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:900 22px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#141530;outline:0;padding:0}
html:root body #casinoModal .sp-cp-in span{font:900 18px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86}
html:root body #casinoModal .sp-cp-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
html:root body #casinoModal .sp-cp-chips button{height:38px;border:0;border-radius:10px;background:#F3F3F9;color:#141530;font:800 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(20,21,48,.08)}
html:root body #casinoModal .sp-cp-chips button.on{background:#FFF1E6;color:#C2410C;box-shadow:inset 0 0 0 2px #F97316}
html:root body #casinoModal .sp-cp-min{display:block;margin-top:8px;font:600 11.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#8B8EA3}
html:root body #casinoModal .sp-cp-pot{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 10px;font:700 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#3F4259}
html:root body #casinoModal .sp-cp-pot b{font:900 26px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#16A34A}
html:root body #casinoModal .sp-cp-go{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff;font:900 17px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 22px -10px rgba(22,163,74,.9)}
html:root body #casinoModal .sp-cp-go:disabled{opacity:.6}
/* reçu juste après le pari */
html:root body #casinoModal .sp-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border-radius:18px;background:#fff;box-shadow:0 2px 12px -4px rgba(20,21,48,.18);text-align:center}
html:root body #casinoModal .sp-done-ok{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#DCFCE7;color:#16A34A;font:900 28px/1 system-ui}
html:root body #casinoModal .sp-done > b{font:900 20px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:#141530}
html:root body #casinoModal .sp-done-r{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font:600 12.5px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;color:#6B6F86}
html:root body #casinoModal .sp-done-r b{color:#141530;font-weight:900}
html:root body #casinoModal .sp-done-id{font:700 11px/1 ui-monospace,Menlo,Consolas,monospace;color:#A3A6BA}
html:root body #casinoModal .sp-cta2{height:42px;padding:0 20px;border:0;border-radius:12px;background:#F1F1F7;color:#141530;font:800 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer}
html:root body #casinoModal .sp-done .sp-cta,html:root body #casinoModal .sp-done .sp-cta2{width:100%}
html:root body #casinoModal .sp-cp-type b{display:inline!important}
html:root body #casinoModal .sp-cp-go{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:6;margin-top:4px}
html[dir=rtl] body #casinoModal .sp-cp-back{transform:scaleX(-1)}
html[dir=rtl] body #casinoModal .sp-cp-type{box-shadow:inset -3px 0 0 #6366F1}
html[dir=rtl] body #casinoModal .sp-cp-type.combo{box-shadow:inset -3px 0 0 #F97316}
/* v2767 (propriétaire) : profil — drapeau + abréviation, et le petit mot « Langue » juste en dessous (traduit) */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn{flex-wrap:wrap!important;justify-content:center!important;row-gap:2px!important;column-gap:6px!important;max-width:110px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Language"!important;display:block!important;flex:0 0 100%!important;order:3!important;text-align:center!important;font:700 9.5px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:rgba(237,235,255,.7)!important}
html[lang=fr]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Langue"!important}
html[lang=es]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after,html[lang=pt]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Idioma"!important}
html[lang=ar]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"اللغة"!important}
html[lang=tr]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Dil"!important}
html[lang=vi]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Ngôn ngữ"!important}
html[lang=id]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Bahasa"!important}
html[lang=ru]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Язык"!important}
html[lang=de]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"Sprache"!important}
html[lang=hi]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"भाषा"!important}
html[lang^=zh]:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{content:"语言"!important}
/* v2767 (propriétaire) : connecté — Paris et Social se rapprochent de la manette (Cadeaux et Profil restent aux bords) */
@media (orientation:portrait),(min-height:561px){
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > .tb-left{justify-self:stretch!important;justify-content:space-between!important;padding-inline-end:clamp(4px,2vw,12px)!important}
html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row > .topbar-actions{justify-self:stretch!important;justify-content:space-between!important;padding-inline-start:clamp(4px,2vw,12px)!important}}
/* les mots de la ligne du haut ne débordent jamais de leur case (le site les rétrécit si besoin) */
html:root body #screenTrade .topbar-row :is(#btnPortal .pw-lbl,#btnHelp .hb-txt,#btnProfile .pf-txt,#btnCasino .cb-lbl){max-width:100%!important;overflow:hidden!important}
/* v2767 : alignement au pixel — l'icône en haut, le mot dans une ligne de hauteur fixe (même ligne pour tous, même rétréci) */
@media (orientation:portrait),(min-height:561px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row :is(#btnPortal,#btnCasino,#btnHelp,#btnProfile){justify-content:flex-start!important;padding-top:3px!important;gap:3px!important}
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row :is(#btnPortal .pw-lbl,#btnHelp .hb-txt,#btnProfile .pf-txt,#btnCasino .cb-lbl){height:12px!important;line-height:12px!important;margin-top:0!important;display:flex!important;align-items:center!important;justify-content:center!important}}
@media (orientation:portrait),(min-height:561px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row :is(#btnPortal,#btnHelp,#btnProfile) > svg{box-sizing:border-box!important;width:30px!important;height:30px!important}}
@media (orientation:portrait),(min-height:561px){
html:root body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4) .topbar-row :is(#btnPortal,#btnHelp,#btnProfile) > svg{min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}}

/* v2767 (propriétaire) : page Connexion / Inscription — la langue tout en haut à DROITE (drapeau + abréviation + « Langue »), comme dans le profil */
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth{display:block!important;position:absolute!important;top:calc(env(safe-area-inset-top,0px) + 8px)!important;right:12px!important;left:auto!important;z-index:30!important;margin:0!important}
html[dir=rtl]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth{right:auto!important;left:12px!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;column-gap:6px!important;row-gap:2px!important;max-width:110px!important;padding:2px 4px!important;height:auto!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-chev{display:none!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-flag{order:1!important;width:26px!important;height:18px!important;border-radius:3px!important;overflow:hidden!important;display:block!important;box-shadow:none!important;background:none!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-flag svg,html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-flag img{width:100%!important;height:100%!important;display:block;object-fit:cover}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-code{display:inline!important;order:2!important;font:800 13px/1 "Plus Jakarta Sans",system-ui,sans-serif!important;color:#fff!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Language";display:block;flex:0 0 100%;order:3;text-align:center;font:700 9.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:rgba(237,235,255,.7)}
html[lang=fr]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Langue"}
html[lang=es]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Idioma"}
html[lang=pt]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Idioma"}
html[lang=ar]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"اللغة"}
html[lang=tr]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Dil"}
html[lang=vi]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Ngôn ngữ"}
html[lang=id]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Bahasa"}
html[lang=ru]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Язык"}
html[lang=de]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"Sprache"}
html[lang=hi]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"भाषा"}
html[lang^=zh]:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after{content:"语言"}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-menu{right:0!important;left:auto!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth{width:auto!important;min-width:64px!important;max-width:none!important;height:auto!important;overflow:visible!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn{width:auto!important;min-width:64px!important;overflow:visible!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:84px!important;backdrop-filter:none!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn{min-width:84px!important;flex-wrap:wrap!important}
/* v2767b : langue de l'inscription IDENTIQUE au profil — drapeau puis « FR » sur la même ligne, « Langue » dessous */
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-code{display:inline-block!important}
/* Jeux / Paris / Social / Cadeaux : derrière la feuille, un fond PLEIN (on ne voit plus ACHETER / Recharger en faisant défiler) */
html body #casinoModal.modal-backdrop.active,html body #liveModal.modal-backdrop.active,html body #portalModal.modal-backdrop.active{background:#120F2A!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #casinoModal .modal-box,html body #liveModal .modal-box,html body #portalModal .modal-box,html body #liveModal .live-box{overscroll-behavior:contain!important}
html.oro-modal-lock,html.oro-modal-lock body{overflow:hidden!important;overscroll-behavior:none!important}
/* v2768 (propriétaire) : case du logo Wave plus petite dans Recharger */
html:root body #depositModal#depositModal #payMomoBox #momoPhoneRow::before{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;background-size:cover!important}
/* v2768 (propriétaire) : PARIS — en-tête DROIT et FIXE comme les grands sites (pleine largeur, sans arrondi), onglets fixés dessous :
   rien ne bouge quand on fait défiler les matchs */
html:root body #casinoModal#casinoModal#casinoModal.pred-only .cs-top{position:sticky!important;top:-6px!important;z-index:20!important;margin:-6px -14px 0!important;padding:8px 14px 8px!important;border-radius:0!important;
  background:#1E1946!important;box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 14px -10px rgba(20,21,48,.6)!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs{position:sticky;top:46px;z-index:19;margin:0 -14px 10px;padding:8px 14px;border-radius:0;background:#F4F3FA;box-shadow:0 1px 0 rgba(20,21,48,.06)}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs button{background:transparent}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs button.on{background:#fff}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs{gap:4px}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs{background:linear-gradient(#F4F3FA,#F4F3FA) padding-box,#E9E8F3}
html:root body #casinoModal .sp-tabs button{position:relative}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs{top:54px!important}
html:root body #casinoModal#casinoModal#casinoModal.pred-only .sp-tabs{top:var(--sp-top,54px)!important}
/* v2768 (propriétaire) : dans les Jeux / Paris, le « + » de Recharger est DEVANT (à gauche) sur la carte du joueur connecté */
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same .cw-plus{order:-1!important}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same{padding:4px 12px 4px 5px!important}
html[dir=rtl]:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same{padding:4px 5px 4px 12px!important}
/* v2769b (propriétaire) : profil — le « + » DEVANT « Recharger », bien visible (plus de flèche au bout) */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge .wx-plus{display:block!important;width:18px!important;height:18px!important;flex:none!important;order:-1!important;color:#fff!important;stroke:#fff!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto.wx-recharge .wx-plus path{stroke:#fff!important;stroke-width:3.4!important}

/* ===== v2779 (propriétaire) — REÇU D'UN PARI : un vrai ticket chic OROLADO.com ===== */
.sp-rc[data-rc] { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sp-rc-id em { float: right; font-style: normal; font-weight: 800; color: #6D28D9; letter-spacing: .02em; }
.sp-rcpt { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(8, 6, 24, .72); opacity: 0; transition: opacity .2s ease; }
.sp-rcpt.on { opacity: 1; }
.sp-rcpt-card { width: min(380px, 100%); max-height: calc(100dvh - 32px); overflow: auto; background: #fff; color: #0F172A; border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45); transform: translateY(14px) scale(.98); transition: transform .22s ease; font-family: inherit; }
.sp-rcpt.on .sp-rcpt-card { transform: none; }
.sp-rcpt-top { display: flex; align-items: center; gap: 10px; padding: 16px 18px; color: #fff; border-radius: 20px 20px 0 0;
  background: linear-gradient(135deg, #1E1B4B 0%, #4C1D95 60%, #7C3AED 100%); }
.sp-rcpt-top img { width: 34px; height: 34px; }
.sp-rcpt-top div { display: flex; flex-direction: column; line-height: 1.1; }
.sp-rcpt-top b { font-size: 16px; letter-spacing: .14em; }
.sp-rcpt-top small { font-size: 11px; opacity: .75; }
.sp-rcpt-top span { margin-inline-start: auto; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; padding: 5px 9px; border-radius: 99px; background: rgba(255, 255, 255, .14); }
.sp-rcpt-st { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 16px 14px; }
.sp-rcpt-st em { font-style: normal; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; padding: 5px 12px; border-radius: 99px; background: #EDE9FE; color: #5B21B6; }
.sp-rcpt-st em.won { background: #DCFCE7; color: #15803D; }
.sp-rcpt-st em.lost { background: #FEE2E2; color: #B91C1C; }
.sp-rcpt-st em.void { background: #E0F2FE; color: #0369A1; }
.sp-rcpt-st small { font-size: 12px; color: #64748B; margin-top: 4px; }
.sp-rcpt-st strong { font-size: 34px; font-weight: 900; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.sp-rcpt-card.won .sp-rcpt-st strong { color: #16A34A; }
.sp-rcpt-card.lost .sp-rcpt-st strong { color: #94A3B8; }
.sp-rcpt-cut { position: relative; height: 0; border-top: 2px dashed #E2E8F0; margin: 2px 18px; }
.sp-rcpt-cut::before, .sp-rcpt-cut::after { content: ''; position: absolute; top: -11px; width: 20px; height: 20px; border-radius: 50%; background: rgba(8, 6, 24, .72); }
.sp-rcpt-cut::before { left: -29px; } .sp-rcpt-cut::after { right: -29px; }
.sp-rcpt-sels { padding: 12px 18px 4px; }
.sp-rcpt-k { margin: 0 0 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #64748B; }
.sp-rcpt-s { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #F1F5F9; }
.sp-rcpt-s:last-child { border-bottom: 0; }
.sp-rcpt-s i { flex: 0 0 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 900; color: #fff; background: #A78BFA; }
.sp-rcpt-s i.ok { background: #22C55E; } .sp-rcpt-s i.ko { background: #EF4444; } .sp-rcpt-s i.vd { background: #0EA5E9; }
.sp-rcpt-s span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sp-rcpt-s small { font-size: 11.5px; color: #64748B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-rcpt-s b { font-size: 14px; }
.sp-rcpt-s em { font-style: normal; font-weight: 800; font-size: 14px; color: #4C1D95; }
.sp-rcpt-rows { margin: 8px 18px 0; padding: 10px 12px; border-radius: 14px; background: #F8FAFC; }
.sp-rcpt-rows p { display: flex; justify-content: space-between; gap: 10px; margin: 0; padding: 5px 0; font-size: 13px; }
.sp-rcpt-rows span { color: #64748B; }
.sp-rcpt-rows b { font-weight: 800; font-variant-numeric: tabular-nums; }
.sp-rcpt-rows b.mono { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: .04em; }
.sp-rcpt-bars { display: flex; justify-content: center; align-items: stretch; gap: 2px; height: 30px; margin: 14px 18px 2px; }
.sp-rcpt-bars b { display: block; background: #1E1B4B; border-radius: 1px; }
.sp-rcpt-foot { margin: 0; text-align: center; font-size: 11px; letter-spacing: .2em; color: #94A3B8; }
.sp-rcpt-btns { display: flex; gap: 10px; padding: 14px 18px 18px; }
.sp-rcpt-btns button { flex: 1; height: 46px; border-radius: 14px; border: 0; font: inherit; font-weight: 800; font-size: 15px; cursor: pointer; }
.sp-rcpt-share { background: linear-gradient(135deg, #7C3AED, #4F46E5); color: #fff; }
.sp-rcpt-close { background: #F1F5F9; color: #0F172A; }
html[dir="rtl"] .sp-rcpt-rows p, html[dir="rtl"] .sp-rcpt-s { direction: rtl; }
.sp-rcpt-card { overflow-x: hidden; scrollbar-width: none; }
.sp-rcpt-card::-webkit-scrollbar { display: none; }
.sp-rcpt-cut { margin: 2px 0; } .sp-rcpt-cut::before { left: -10px; } .sp-rcpt-cut::after { right: -10px; }
.sp-rcpt-top span { white-space: nowrap; font-size: 10px; }
.sp-rcpt-top b { font-size: 15px; }
.sp-rcpt-st { padding: 14px 16px 10px; }
.sp-rcpt-st strong { font-size: 30px; }
.sp-rcpt-s { padding: 7px 0; }
.sp-rcpt-rows p { padding: 3px 0; }
.sp-rcpt-bars { height: 24px; margin-top: 10px; }
.sp-rcpt-btns { padding: 12px 18px 16px; }

/* ===== v2782 (propriétaire) — logos « VERRE » transparents et légers (Social + Cadeaux) ===== */
html body #portalModal .gh-p .cs-pl.gh-glass { background: none !important; box-shadow: none !important; aspect-ratio: 1; display: grid; place-items: center; }
html body #portalModal .gh-p .cs-pl.gh-glass::before, html body #portalModal .gh-p .cs-pl.gh-glass::after { display: none !important; }
html body #portalModal .gh-p .cs-pl.gh-glass .li-ico { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 10px rgba(167, 139, 250, .25)); }
html body #liveModal .lh-fi .li-glass { overflow: visible; filter: drop-shadow(0 0 9px rgba(167, 139, 250, .22)); }
html.oro-lite body #liveModal .lh-fi .li-glass, html.oro-lite body #portalModal .cs-pl.gh-glass .li-ico { filter: none; }
/* v2783 (propriétaire) : les explications du bas (Défi du jour, Tournoi…) se lisaient mal sur le fond étoilé */
html body #portalModal .defi-rl { background: rgba(10, 8, 30, .62); border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; padding: 10px 12px; }
html body #portalModal .defi-rl li { color: #F1F5F9 !important; opacity: 1 !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
html:root body #portalModal#portalModal .defi-how .defi-rl li, html:root body #portalModal#portalModal .defi-how .defi-rl li span { color: #fff !important; overflow-wrap: anywhere; }
html:root body #portalModal#portalModal .defi-how .defi-rl li svg { stroke: #FDE68A !important; opacity: 1 !important; }
html:root body #portalModal#portalModal .top-card .top-rule, html:root body #portalModal#portalModal .top-card .top-sub { color: #E2E8F0 !important; font-size: 11.5px !important; line-height: 1.45; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
html:root body #portalModal#portalModal .top-rows .aff-empty { color: #F1F5F9 !important; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
/* v2783 (propriétaire) : on doit SENTIR qu'on peut changer la langue — petite flèche dorée ▾ à côté de « FR »
   et un léger contour arrondi (Connexion / Inscription et Profil). */
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn{border:1px solid rgba(253,230,138,.45)!important;border-radius:12px!important;padding:5px 8px 4px!important;background:rgba(255,255,255,.06)!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-chev,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-chev{display:inline-block!important;order:2!important;width:0!important;height:0!important;margin:0 0 0 -2px!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:5px solid #FBBF24!important;background:none!important;font-size:0!important;opacity:1!important;transform:none!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-chev *,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-chev *{display:none!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{color:#FDE68A!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn .lang-chev,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn .lang-chev{order:3!important;margin:0 0 0 -1px!important}
html:root body #screenAuth#screenAuth#screenAuth #langBarAuth#langBarAuth > .lang-dd-btn::after,
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #langBarTrade#langBarTrade > .lang-dd-btn::after{order:4!important}
/* ===== v2784 (propriétaire) — le « + » Recharger de la carte Compte réel / Démo : plus grand, bien ajusté à la hauteur,
   le texte du compte réel recentré entre le portefeuille et le « + » (les montants ne le touchent jamais) ===== */
html:root body #modeSwitcher#modeSwitcher#modeSwitcher .ms-plus{width:36px!important;height:auto!important;top:5px!important;bottom:5px!important;margin:0!important;border-radius:12px!important;
  background:linear-gradient(180deg,#FFC24B 0%,#F59E0B 45%,#EA580C 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(124,45,18,.35),0 4px 12px -4px rgba(249,115,22,.85)!important;color:#fff!important}
html:root body #modeSwitcher#modeSwitcher#modeSwitcher .ms-plus span{font:900 26px/1 system-ui!important;margin:-1px 0 0!important;text-shadow:0 1px 2px rgba(124,45,18,.55)}
html:root body #modeSwitcher#modeSwitcher#modeSwitcher #modeReal{align-items:center!important;text-align:center!important}
html:root body #modeSwitcher#modeSwitcher#modeSwitcher #modeReal .mb-lbl,html:root body #modeSwitcher#modeSwitcher#modeSwitcher #modeReal .mb-amt{max-width:100%!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
/* v2784 (propriétaire) : Jeux / Paris — le même grand « + » doré, toujours DEVANT « Compte réel » */
html:root body #casinoModal#casinoModal .cs-wallet .cw-plus{order:9!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,#FFC24B 0%,#F59E0B 45%,#EA580C 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(124,45,18,.35),0 4px 12px -4px rgba(249,115,22,.85)!important;
  color:#fff!important;font:900 25px/1 system-ui!important;font-style:normal!important;text-shadow:0 1px 2px rgba(124,45,18,.55);margin:0!important}
html:root body #casinoModal#casinoModal .cs-wallet .cw-wal{order:-8!important}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same .cw-plus,html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet .cw-plus{order:9!important}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same .cw-wal,html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet .cw-wal{order:-8!important}
/* v2784 (propriétaire) : le titre « Profil » doit ressembler à un vrai titre (plus grand que la langue) */
html:root body #drawerProfile#drawerProfile#drawerProfile #profTitle#profTitle{font:900 21px/1.1 "Plus Jakarta Sans",system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.01em!important;color:#fff!important}
html:root body #drawerProfile#drawerProfile#drawerProfile #profTitle#profTitle::first-letter{color:#FBBF24}
/* v2785 (propriétaire) : « devant » pour le propriétaire = À LA FIN → Profil : « Recharger + » (le + après le mot) */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto#btnExpressCrypto.wx-recharge .wx-plus{order:5!important;margin:0 0 0 2px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto#btnExpressCrypto.wx-recharge > span{order:1!important}
/* v2785 : Jeux / Paris — « + » À LA FIN, après le montant : [portefeuille] COMPTE RÉEL $ … [+] */
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same{padding:4px 5px 4px 10px!important;gap:8px!important}
html[dir=rtl]:root body #casinoModal#casinoModal .cs-top #csBal.cs-wallet.cw-same{padding:4px 10px 4px 5px!important}

/* ===== v2786 (propriétaire) — ENVOYER DE L'ARGENT : page comme les grandes applis d'envoi, avec le hibou OROLADO ===== */
html body #liveModal .ls2{display:flex;flex-direction:column;gap:14px;padding:4px 2px 8px}
html body #liveModal .ls2-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:20px;overflow:hidden;
  background:linear-gradient(135deg,#FF9A3C 0%,#F26A0F 48%,#C2410C 100%);box-shadow:0 14px 30px -16px rgba(242,106,15,.9),inset 0 1px 0 rgba(255,255,255,.35)}
html body #liveModal .ls2-card::after{content:'';position:absolute;right:-40px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}
html body #liveModal .ls2-cl{flex:0 0 auto;width:54px;height:54px;border-radius:16px;background:rgba(20,16,50,.92);display:grid;place-items:center;position:relative;z-index:1}
html body #liveModal .ls2-cl .oro-send-logo{width:46px;height:46px}
html body #liveModal .ls2-cv{flex:1;min-width:0;position:relative;z-index:1}
html body #liveModal .ls2-cv small{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.88)}
html body #liveModal .ls2-cv b{display:block;font-size:28px;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
html body #liveModal .ls2-cv b i{font-style:normal;font-size:18px;opacity:.9}
html body #liveModal .ls2-cf{position:relative;z-index:1;align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:rgba(20,16,50,.35);border:1px solid rgba(255,255,255,.35);padding:4px 8px;border-radius:99px;white-space:nowrap}
html body #liveModal .ls2-sec{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:12px}
html body #liveModal .ls2-sec > label{display:block;font-size:12.5px;font-weight:800;color:#E2E8F0;margin:0 0 8px}
html body #liveModal .ls2-in{width:100%;height:48px;border-radius:14px;border:1.5px solid rgba(255,255,255,.16);background:rgba(10,8,30,.55);color:#fff;font:600 15px/1 inherit;padding:0 14px}
html body #liveModal .ls2-in:focus{outline:none;border-color:#FF9A3C;box-shadow:0 0 0 3px rgba(255,154,60,.25)}
html body #liveModal .ls2-big{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:4px 0 2px}
html body #liveModal .ls2-big input{width:100%;max-width:220px;text-align:center;background:none;border:0;border-bottom:2px solid rgba(255,154,60,.6);color:#fff;font:900 40px/1.1 inherit;padding:2px 0}
html body #liveModal .ls2-big input:focus{outline:none;border-bottom-color:#FF9A3C}
html body #liveModal .ls2-big i{font-style:normal;font-size:24px;font-weight:900;color:#FF9A3C}
html body #liveModal .ls2-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}
html body #liveModal .ls2-chips button{height:34px;padding:0 12px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font:800 13px/1 inherit}
html body #liveModal .ls2-chips button[data-v="max"]{border-color:rgba(255,154,60,.7);color:#FFB067}
html body #liveModal .ls2 > .ls2-go,html body #liveModal .ls2-go{height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,#FF9A3C,#F26A0F);color:#fff;font:900 17px/1 inherit;box-shadow:0 12px 24px -12px rgba(242,106,15,.95)}
html body #liveModal .ls2-fr button.on i{box-shadow:0 0 0 3px #FF9A3C}
html body #liveModal .ls2-hero{display:none}
.lgu-ico .oro-send-logo{width:100%;height:100%}
/* v2786 (propriétaire) : Social — le bouton Retour reste tout au bord, le titre est centré (plus jamais collé au Retour) */
html body #liveModal .live-bar{position:relative!important;justify-content:flex-start!important;min-height:44px}
html body #liveModal .live-bar #liveBarT{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100% - 128px)!important;
  margin:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:17px!important;font-weight:900!important}
/* v2787 (propriétaire) : Social — le bouton Retour monte en haut, sur la ligne du petit trait (jamais sur la ligne du titre) */
html body #liveModal .live-bar{margin-top:22px!important}
html body #liveModal .live-bar #liveBack{position:absolute!important;left:0!important;top:-37px!important;width:32px!important;height:32px!important;margin:0!important;z-index:2}
/* v2787 (propriétaire) : Profil — « Recharger + » avec un GRAND « + » bien formé (petite case foncée, + blanc épais) */
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto#btnExpressCrypto.wx-recharge .wx-plus{width:26px!important;height:26px!important;padding:4px!important;box-sizing:border-box!important;border-radius:8px!important;background:rgba(124,45,18,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;margin:0 0 0 8px!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto#btnExpressCrypto.wx-recharge .wx-plus path{stroke-width:3.6!important}
html:root body #drawerProfile#drawerProfile#drawerProfile#drawerProfile #btnExpressCrypto#btnExpressCrypto.wx-recharge > span{font-size:17px!important;font-weight:900!important;letter-spacing:.01em}
/* v2787 (propriétaire) : visiteur (téléphone) — Connexion / Inscription un tout petit peu plus près de Social */
@media (orientation:portrait),(min-height:561px){
html.oro-guest:not(.fs-trade) body #screenTrade #authQuick{translate:3px 0}
html.oro-guest[dir=rtl]:not(.fs-trade) body #screenTrade #authQuick{translate:-3px 0}}
html:root body #casinoModal#casinoModal .sp-cp-chips{grid-template-columns:repeat(6,1fr)!important;gap:5px!important}
html:root body #casinoModal#casinoModal .sp-cp-chips button{padding:0 2px!important;font-size:12.5px!important;white-space:nowrap}
html:root body #casinoModal .sp-cp-guest{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:#FFF7ED;border:1px solid #FED7AA;color:#9A3412;font-size:12.5px;font-weight:700;text-align:center}
/* v2787 (propriétaire) : partout, le petit mot (COMPTE RÉEL, DÉMO…) est CENTRÉ au-dessus de son montant, comme « Compte réel » */
html:root body #modeSwitcher#modeSwitcher#modeSwitcher #modeDemo{align-items:center!important;text-align:center!important}
html:root body #fsTradeOverlay .fs-mode-btn, html:root body .fs-mode-switch .fs-mode-btn{align-items:center!important;text-align:center!important;justify-content:center!important}
html:root body #fsTradeOverlay .fs-mode-btn .mb-lbl, html:root body .fs-mode-switch .fs-mode-btn .mb-lbl{text-align:center!important;width:100%}
html:root body #casinoModal#casinoModal .cs-wallet .cw-t{align-items:center!important;text-align:center!important}
html:root body #casinoModal#casinoModal .cs-wallet .cw-t small{text-align:center!important;width:100%}
/* ===== v2789 (propriétaire) — sensation d'APPLI : chaque bouton réagit tout de suite (pas de délai, pas de zoom au double tap),
   pas de surbrillance grise au toucher, la page entière ne rebondit jamais ===== */
html, body { overscroll-behavior: none; }
button, a, [role="button"], .mode-btn, .sp-o, .gh-p, .lh-f { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button, [role="button"] { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
/* v2790 (propriétaire) : une page ouverte = un monde à elle seule — le trading derrière ne réagit plus au toucher */
html.oro-modal-lock body #screenTrade, html.oro-shield body #screenTrade { pointer-events: none !important; }
html.oro-modal-lock body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5),
html.oro-shield body #screenTrade#screenTrade#screenTrade#screenTrade#screenTrade:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5){pointer-events:none!important}
/* v2790 (propriétaire) : Mes paris — recherche par état et par période */
html body #casinoModal .sp-mf{display:flex;flex-direction:column;gap:8px;margin:4px 0 10px}
html body #casinoModal .sp-mf-st{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
html body #casinoModal .sp-mf-st::-webkit-scrollbar{display:none}
html body #casinoModal .sp-mf-st button{flex:0 0 auto;height:32px;padding:0 12px;border-radius:99px;border:1px solid #E2E8F0;background:#fff;color:#334155;font:700 12.5px/1 inherit;white-space:nowrap}
html body #casinoModal .sp-mf-st button.on{background:#0F172A;border-color:#0F172A;color:#fff}
html body #casinoModal .sp-mf-per{display:flex;gap:6px}
html body #casinoModal .sp-mf-per select,html body #casinoModal .sp-mf-per input{flex:1;min-width:0;height:36px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;color:#0F172A;font:600 13px/1 inherit;padding:0 10px}

/* v2790 : bouton « Télécharger / Partager » du reçu de pari (icône) */
html body .sp-rcpt-share { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
html body .sp-rcpt-share .sp-rcpt-dli svg { width: 18px; height: 18px; display: block; }

/* v2790 (propriétaire) : NOTE VOCALE dans « Écris-nous » — bouton micro (rouge + chrono pendant l'enregistrement), lecteur dans la bulle */
#liveModal .live-mic{position:relative;width:40px;height:40px;flex:0 0 40px;border-radius:12px;border:0;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.07);cursor:pointer;color:inherit}
#liveModal .live-mic svg{width:22px;height:22px;fill:none;stroke:#7DD3FC;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#liveModal .live-mic em{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font:800 11px/1 system-ui,sans-serif;font-style:normal;color:#FCA5A5;white-space:nowrap}
#liveModal .live-mic.on{background:linear-gradient(180deg,#F87171,#DC2626);animation:lvMicP 1s ease-in-out infinite}
#liveModal .live-mic.on svg{stroke:#fff}
@keyframes lvMicP{50%{transform:scale(1.08)}}
html.oro-lite #liveModal .live-mic.on{animation:none}
#liveModal .live-prev audio{display:block;width:210px;max-width:100%;height:36px}
#liveModal .live-prev audio + button{left:auto;right:-4px}
#liveModal .lv-m .lv-aud{display:block;width:220px;max-width:100%;height:38px;margin:2px 0 4px}

/* v2790 (propriétaire) : GROUPES — invitations reçues (Accepter / Refuser), note « seul le créateur publie », inviter par identifiant ou e-mail */
#liveModal .lg-invs{margin:10px 0 4px}
#liveModal .lg-inv{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-bottom:7px;border-radius:13px;background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(139,92,246,.10));border:1px solid rgba(251,191,36,.35);color:#E8ECF8}
#liveModal .lg-inv .lf-ct{flex:1;min-width:0}
#liveModal .lg-inv .lf-ct b,#liveModal .lg-inv .lf-ct small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liveModal .lg-inv .lf-ct small{opacity:.75;font-size:12px}
#liveModal .lg-inv button{flex:0 0 auto;height:34px;padding:0 12px;border-radius:11px;border:0;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
#liveModal .lg-inv .lg-inv-ok{background:linear-gradient(135deg,#22C55E,#15803D);color:#fff}
#liveModal .lg-inv .lg-inv-no{background:rgba(255,255,255,.08);color:#CBD5E1}
#liveModal .lg-only{margin:8px 12px 12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);color:#A7B0D0;font-size:13px;text-align:center}
#liveModal .lga-id{margin:10px 12px 4px}
#liveModal .lga-id input{text-transform:none}
#liveModal .lga-hint{margin:4px 14px 8px;color:#A7B0D0;font-size:12.5px}