/* DARKMARKET UX PASS — OPSEC MARKET vNext — premium immersive, no-select, 2x logo, pro responsive */

/* ===== 1) PROTECTION SELECTION GLOBALE ===== */
html, body, #app, .site-shell, main, nav, section, div, h1,h2,h3,h4,h5,h6,p,span,a,button,label,small,strong,b,i,ul,li,header,footer {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
input, textarea, select, [contenteditable="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}
.om-allow-select, .om-allow-select * {
  -webkit-user-select: text !important;
  user-select: text !important;
}
* {
  -webkit-tap-highlight-color: transparent;
}
img, svg, .om-brand-logo img, .om-brand-float img, .site-shell img {
  -webkit-user-drag: none !important;
  user-drag: none !important;
  pointer-events: auto;
  -webkit-user-select: none !important;
  user-select: none !important;
}
::selection { background: transparent !important; color: inherit !important; }
::-moz-selection { background: transparent !important; }

/* ===== 2) NAVBAR XL — logo 2x sans débordement ===== */
.nav-organic { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 50; width: min(96%, 82rem); display:flex; flex-direction:column; gap:0; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; backdrop-filter: none !important; overflow: visible !important; } .nav-organic::before,.nav-organic::after{ display:none !important; content:none !important; }
.nav-sculpted-shell { display:flex; align-items:center; justify-content:space-between; gap:8px 10px; flex-wrap:nowrap; min-height:56px !important; padding:6px 10px !important; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(8,8,8,.72); backdrop-filter: blur(22px) saturate(140%); box-shadow: 0 18px 60px rgba(0,0,0,.4); overflow:visible; }
.nav-sculpted-shell > .nav-brand-orbit{flex:0 0 auto}
.nav-sculpted-shell > .nav-route-cluster{flex:1 1 auto; min-width:0; justify-content:center; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
.nav-sculpted-shell > .nav-route-cluster::-webkit-scrollbar{display:none}
.nav-sculpted-shell > .nav-access{flex:0 1 auto; min-width:0; justify-content:flex-end;}
.nav-access { flex:0 1 auto; justify-content:flex-end; display:flex; align-items:center; gap:6px; min-width:0; max-width:60%; }
.nav-route-cluster { flex-wrap:nowrap !important; gap:4px !important; padding:4px !important; overflow-x:auto; scrollbar-width:none; align-items:center; min-width:0; }
.nav-identity { flex-wrap:nowrap !important; gap:6px !important; padding:5px 8px !important; max-width:100%; align-items:center; border:1px solid rgba(255,255,255,.07); border-radius: 999px; background: rgba(255,255,255,.03); white-space:nowrap; flex-shrink:0; }
.nav-identity > *{ flex-shrink:0; }
.nav-identity .btn-organic.nav-route{ padding:7px 10px !important; }
.om-brand-logo { display:grid; place-items:center; filter:drop-shadow(0 8px 24px rgba(139,0,0,.38)); transition: transform .35s cubic-bezier(.34,1.56,.64,1), filter .3s ease; }
.om-brand-logo img{ width:60px !important; height:60px !important; display:block; object-fit:contain; }
.nav-brand-orbit{ background:none; border:0; padding:2px 6px; border-radius:14px; display:flex; align-items:center; gap:10px; cursor:pointer; }
.nav-brand-orbit:hover .om-brand-logo{ transform: rotate(-6deg) scale(1.06); filter:drop-shadow(0 10px 28px rgba(181,18,24,.45)); }
.brand-wordmark{ font-size:.98rem !important; white-space:nowrap; line-height:1; letter-spacing:-.04em; }
.btn-organic.nav-route{ padding:7px 10px !important; font-size:11px !important; letter-spacing:.07em; white-space:nowrap; border:1px solid transparent; border-radius:999px; }
.btn-organic.nav-route.is-active{ border-color: rgba(181,18,24,.45); background: rgba(181,18,24,.14); }
.om-nav-drawer{position:absolute; top:calc(100% + 8px); left:0; right:0; width:100%; display:block; opacity:0; pointer-events:none; transform:translateY(-8px) scale(.98); visibility:hidden; transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s .26s; z-index:49; }
.om-nav-drawer.is-open{opacity:1; pointer-events:auto; transform:translateY(0) scale(1); visibility:visible; transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1);}
.om-nav-drawer[aria-hidden="true"]{pointer-events:none;}
.om-drawer-inner{min-height:0;overflow:hidden;display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,8,8,.86);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.42);}
.om-drawer-field{position:relative;display:flex;align-items:center;gap:8px;}
.om-drawer-field input#omDrawerInput{flex:1;min-width:0;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px 10px 36px;color:#e4e4e7;font-size:13px;}
.om-drawer-field input#omDrawerInput:focus{outline:none;border-color:rgba(181,18,24,.55);box-shadow:0 0 0 3px rgba(181,18,24,.14);}
.om-drawer-loupe{position:absolute;left:10px;display:grid;place-items:center;pointer-events:none;opacity:.95;}
.om-drawer-reset{flex-shrink:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#d4d4d8;font-size:12px;font-family:'JetBrains Mono',monospace;transition:all .2s ease;}
.om-drawer-reset:hover{background:rgba(181,18,24,.18);border-color:rgba(181,18,24,.45);color:#fff;}
.om-drawer-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;}
.om-chip-group{display:flex;flex-wrap:wrap;gap:6px;}
.om-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#d4d4d8;font-size:11px;font-family:'JetBrains Mono',monospace;transition:all .2s ease;}
.om-chip:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07);}
.om-chip.is-on{background:rgba(181,18,24,.2);border-color:rgba(181,18,24,.55);color:#fff;box-shadow:0 6px 18px rgba(139,0,0,.28);}
.om-drawer-nums{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.om-drawer-nums input,.om-drawer-nums select{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;color:#e4e4e7;font-size:12px;min-width:96px;}
.om-drawer-nums input:focus,.om-drawer-nums select:focus{outline:none;border-color:rgba(181,18,24,.45);}
.om-drawer-foot{display:flex;align-items:center;gap:8px;min-height:26px;overflow:hidden;}
.om-live-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:#71717a;}
@media(max-width:640px){.om-drawer-row{flex-direction:column;align-items:stretch;}.om-drawer-nums{width:100%;}.om-drawer-nums input,.om-drawer-nums select{flex:1;min-width:0;}}
.nav-route-cluster { gap: 6px; padding: 4px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.03); }
.btn-organic { position: relative; border-radius: 10px; padding: 9px 14px; color: #d4d4d8; letter-spacing: .08em; transition: all .25s ease; border: 1px solid transparent; overflow:hidden; }
.btn-organic::after{ content:''; position:absolute; inset:0; background: radial-gradient(400px circle at var(--mx,50%) var(--my,50%), rgba(181,18,24,.18), transparent 40%); opacity:0; transition:opacity .3s; pointer-events:none; }
.btn-organic:hover::after{ opacity:1; }
.btn-organic:hover { color: #fff; background: rgba(139,0,0,.16); border-color: rgba(139,0,0,.4); box-shadow: 0 10px 34px rgba(139,0,0,.28); transform: translateY(-1px); }
.btn-organic:active{ transform: scale(.97); }
.btn-organic.is-active { color: #fff; background: rgba(139,0,0,.22); border-color: rgba(181,18,24,.6); box-shadow: 0 0 0 1px rgba(181,18,24,.25) inset; }
.nav-join { background: linear-gradient(180deg, #b31218, #6d0000); color: #fff; box-shadow: 0 12px 38px rgba(139,0,0,.45); border:1px solid rgba(255,255,255,.12); }
.nav-join:hover { background: linear-gradient(180deg, #d11a21, #7a0000); box-shadow: 0 16px 48px rgba(139,0,0,.55); transform: translateY(-1px); }
.nav-login-link:hover { color: #fff; }
.nav-mobile-toggle{ display:none; flex-direction:column; justify-content:center; gap:4px; width:42px; height:42px; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); }
.nav-mobile-toggle span { display: block; width: 18px; height: 2px; background: #fff; border-radius: 2px; transition: all .25s ease; margin:0 auto; }
.nav-mobile-toggle.is-open span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.nav-mobile-toggle.is-open span:nth-child(2){ opacity:0; }
.nav-mobile-toggle.is-open span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }
.mobile-nav-panel { overflow: hidden; display:grid; grid-template-rows:0fr; opacity:0; transform: translateY(-6px); transition: grid-template-rows .32s ease, opacity .2s ease, transform .32s ease; }
.mobile-nav-panel.is-open { grid-template-rows:1fr; opacity:1; transform:none; max-height:none; }
.mobile-nav-grid { display: grid; gap: 8px; padding: 12px; min-height:0; overflow:hidden; grid-template-columns: repeat(2, minmax(0,1fr)); }
.mobile-route { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); color: #e4e4e7; background: rgba(255,255,255,.03); font-family: monospace; font-size:12px; }
.mobile-route.is-active { border-color: rgba(139,0,0,.55); background: rgba(139,0,0,.14); color:#fff; }
@media(max-width: 1024px){
  .brand-wordmark{ font-size:1.05rem !important; }
  .om-brand-logo img{ width:52px !important; height:52px !important; }
  .nav-sculpted-shell{ min-height:54px !important; }
}
@media(max-width: 768px){
  .nav-organic{ top:8px; width: min(98%, 82rem); }
  .nav-sculpted-shell{ min-height:54px !important; padding:6px 10px !important; gap:6px; }
  .om-brand-logo img{ width:48px !important; height:48px !important; }
  .brand-wordmark{ font-size:.98rem !important; }
  .nav-route-cluster{ display:none !important; }
  .nav-mobile-toggle{ display:flex; }
  .nav-identity{ padding:4px 6px !important; }
  .nav-identity .nav-route{ display:none; }
}
@media(max-width: 480px){
  .om-brand-logo img{ width:42px !important; height:42px !important; }
  .nav-sculpted-shell{ min-height:48px !important; }
  .brand-wordmark{ font-size:.92rem !important; }
  .mobile-nav-grid{ grid-template-columns:1fr; }
}
@media(min-width: 769px){
  .mobile-nav-panel{ display:none !important; }
}

/* Compat overrides for older rules */
.nav-route-cluster.hidden.md\:flex{ display:flex !important; }
@media(max-width:768px){ .nav-route-cluster.hidden.md\:flex{ display:none !important; } }

.auth-container input { background: rgba(0,0,0,.6); }
.auth-card { position: relative; overflow: hidden; }
.auth-card::after { content: ''; position: absolute; inset: auto -30% -45% -30%; height: 55%; background: radial-gradient(ellipse at center, rgba(139,0,0,.22), transparent 70%); pointer-events: none; }
.site-shell h1, .site-shell h2, .site-shell h3 { text-shadow: 0 2px 18px rgba(0,0,0,.75); }
.section-container > div:first-child h2 { background: rgba(5,5,5,.55); display: inline-block; padding: 6px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.section-container > div:first-child p { background: rgba(5,5,5,.45); display: inline-block; padding: 3px 10px; border-radius: 8px; margin-left: 8px; backdrop-filter: blur(12px); }
.delivery-shell { position: relative; border: 1px solid rgba(139,0,0,.4); border-radius: 14px; padding-top: 14px; background: rgba(139,0,0,.04); }
.delivery-badge { position: absolute; top: -13px; left: 18px; font-size: 11px; font-family: monospace; letter-spacing: .08em; background: linear-gradient(180deg,#b51218,#6d0000); color: #fff; border: 1px solid rgba(255,255,255,.2); padding: 4px 12px; border-radius: 999px; box-shadow: 0 8px 26px rgba(139,0,0,.45); }
.delivery-badge::after { content: ''; position: absolute; left: 22px; bottom: -6px; width: 10px; height: 10px; background: #7d0000; transform: rotate(45deg); border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.file-upload-area { border: 1px dashed rgba(255,255,255,.16); background: rgba(0,0,0,.35); transition: all .25s ease; }
.file-upload-area:hover { border-color: rgba(139,0,0,.6); background: rgba(139,0,0,.06); }
.delivery-divider { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: #71717a; font-size: 12px; }
.delivery-divider::before, .delivery-divider::after { content: ''; height: 1px; flex: 1; background: rgba(255,255,255,.1); }
.delivery-hint { color: #8b8b92; font-size: 12px; margin-top: 10px; }
.buyer-stepper { display: flex; gap: 8px; align-items: stretch; }
.buyer-step-btn { width: 44px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #fff; font-size: 20px; transition: all .2s ease; }
.buyer-step-btn:hover { border-color: rgba(139,0,0,.6); background: rgba(139,0,0,.18); transform: translateY(-1px); }
.buyer-step-btn:active { transform: scale(.95); }
.buyer-step-input { flex: 1; text-align: center; font-family: monospace; font-size: 18px; background: rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: #fff; padding: 10px; }
.buyer-count { margin-top: 8px; font-family: monospace; color: #b51218; font-size: 15px; }
.buyer-range { accent-color: #8B0000; }
.orbit-stage { position: relative; height: 24rem; background: linear-gradient(135deg,#1f2937,#030304); display: grid; place-items: center; overflow: hidden; border-radius:14px; }
.orbit-img { width: 100%; height: 100%; object-fit: cover; transition: opacity .22s ease, transform .5s cubic-bezier(.22,1,.36,1), filter .3s ease; }
.orbit-stage:hover .orbit-img { transform: scale(1.03); }
.orbit-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); background: rgba(5,5,5,.6); color: #fff; display: inline-grid; place-items: center; padding: 0; backdrop-filter: blur(12px); opacity: 0; transition: all .25s ease; cursor: pointer; }
.orbit-stage:hover .orbit-arrow{ opacity:1; }
.orbit-arrow.prev{ left:12px; } .orbit-arrow.next{ right:12px; }
.orbit-arrow:hover{ background: rgba(181,18,24,.6); border-color: rgba(255,255,255,.3); transform: translateY(-50%) scale(1.08); }
.orbit-thumbs{ display:flex; gap:8px; margin-top:10px; overflow:auto; padding-bottom:4px; }
.orbit-thumb{ width:64px; height:64px; border-radius:10px; overflow:hidden; border:2px solid transparent; opacity:.6; transition: all .2s; flex-shrink:0; }
.orbit-thumb.is-on{ border-color: #b51218; opacity:1; box-shadow:0 6px 18px rgba(139,0,0,.35); }
.orbit-thumb img{ width:100%; height:100%; object-fit:cover; }
.orbit-count{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.65); color:#fff; font-family:monospace; font-size:11px; padding:4px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.15); backdrop-filter: blur(10px); }
.orbit-progress{ position:absolute; bottom:0; left:0; right:0; height:3px; background:rgba(255,255,255,.12); }
.orbit-progress span{ display:block; height:100%; width:0; background: linear-gradient(90deg,#b51218,#ff3b3b); transition: width .4s ease; }


/* FIX auth login/register: icon centre au-dessus du kicker (bug top-left) */
.auth-card .text-center{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.auth-mark{ display:grid !important; place-items:center !important; margin:0 auto 14px !important; width:96px !important; height:96px !important; position:relative !important; z-index:2; float:none !important; left:auto !important; top:auto !important; transform:none !important; }
.auth-mark img{ width:96px !important; height:96px !important; object-fit:contain !important; display:block !important; margin:0 auto !important; }
.auth-kicker{ text-align:center !important; letter-spacing:.16em !important; font-size:.72rem !important; color:#a1a1aa !important; font-family:'JetBrains Mono',monospace !important; margin-bottom:6px !important; }
.auth-orbit{ pointer-events:none; position:absolute; inset:0; overflow:hidden; opacity:.35; }
.auth-orbit span{ position:absolute; border-radius:999px; border:1px solid rgba(139,0,0,.18); }
@media(max-width:640px){ .auth-mark{ width:84px !important; height:84px !important; } .auth-mark img{ width:84px !important; height:84px !important; } }

/* ===== NAV offset for logo 60px ===== */


/* Compte — premium design fix (surcharge om- styles) */
.om-h2{ font-family:'Satoshi','Inter',system-ui,sans-serif; font-size:1rem; font-weight:700; color:#fff; letter-spacing:-.02em; }
.om-h3{ font-family:'Satoshi','Inter',system-ui,sans-serif; font-size:.88rem; font-weight:700; color:#fff; }
.om-label{ font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#a1a1aa; font-family:'JetBrains Mono',monospace; }
.om-input, .om-textarea{ width:100%; background:rgba(0,0,0,.62); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:11px 13px; color:#e4e4e7; font-size:13px; outline:none; transition:border-color .2s, box-shadow .2s, background .2s; }
.om-input:focus, .om-textarea:focus{ border-color:rgba(181,18,24,.55); box-shadow:0 0 0 3px rgba(181,18,24,.14); background:rgba(0,0,0,.72); }
.om-input::placeholder, .om-textarea::placeholder{ color:#71717a; }
.om-textarea{ resize:vertical; min-height:84px; }
.om-btn-red{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:12px; border:1px solid rgba(181,18,24,.35); background:linear-gradient(180deg, #b51218, #7a0000); color:#fff; font-weight:700; font-size:12px; letter-spacing:.04em; box-shadow:0 10px 28px rgba(139,0,0,.35); transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s, filter .18s; }
.om-btn-red:hover{ transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 14px 36px rgba(139,0,0,.5); }
.om-btn-red:active{ transform:scale(.98); }
.om-btn-ghost{ display:inline-flex; align-items:center; gap:6px; padding:9px 13px; border-radius:12px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); color:#d4d4d8; font-size:12px; font-weight:600; transition:all .18s ease; }
.om-btn-ghost:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); color:#fff; transform:translateY(-1px); }
.om-share-ico svg{ width:14px; height:14px; }
.om-follow-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:rgba(255,255,255,.03); transition:border-color .18s, background .18s; }
.om-follow-row + .om-follow-row{ margin-top:8px; }
.om-follow-row:hover{ border-color:rgba(181,18,24,.28); background:rgba(181,18,24,.08); }
.om-follow-name{ background:none; border:0; color:#fff; font-weight:600; font-size:13px; text-align:left; cursor:pointer; }
.om-follow-name:hover{ text-decoration:underline; text-underline-offset:3px; }
.om-notif-item{ width:100%; text-align:left; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); transition:all .18s ease; }
.om-notif-item + .om-notif-item{ margin-top:8px; }
.om-notif-item:hover{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.1); }
.om-notif-item.is-new{ border-color:rgba(181,18,24,.35); background:rgba(139,0,0,.1); }
.om-notif-txt b{ color:#fff; font-size:12px; }
.om-notif-txt small{ color:#a1a1aa; font-size:11px; display:block; }

/* Recents — compact single line, scrollable, pro */
.om-hist{display:flex;align-items:center;gap:8px;min-height:26px;flex-wrap:nowrap;overflow:hidden;}
.om-hist-head{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;}
.om-hist-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8b8b92;white-space:nowrap;}
.om-hist-clear{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#a1a1aa;font-size:10px;font-family:'JetBrains Mono',monospace;transition:all .18s ease;flex-shrink:0;}
.om-hist-clear:hover{background:rgba(181,18,24,.16);border-color:rgba(181,18,24,.35);color:#fff;}
.om-hist-row{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex:1 1 auto;min-width:0;mask-image: linear-gradient(to right, black 85%, transparent 100%);}
.om-hist-row::-webkit-scrollbar{display:none;}
.om-hist-empty{font-size:11px;color:#71717a;font-family:'JetBrains Mono',monospace;white-space:nowrap;}
.om-hist-chip{display:inline-flex;align-items:center;gap:0;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .16s,background .16s;flex-shrink:0;}
.om-hist-chip:hover{transform:translateY(-1px);border-color:rgba(181,18,24,.35);background:rgba(181,18,24,.14);}
.om-hist-go{padding:5px 7px 5px 9px;background:transparent;border:0;color:#d4d4d8;font-size:11px;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.om-hist-chip:hover .om-hist-go{color:#fff;}
.om-hist-x{width:20px;height:20px;display:grid;place-items:center;background:rgba(0,0,0,.18);border:0;border-left:1px solid rgba(255,255,255,.08);color:#a1a1aa;font-size:12px;line-height:1;transition:all .15s ease;flex-shrink:0;}
.om-hist-x:hover{background:rgba(181,18,24,.22);color:#fff;}
/* Recent pills use flex nowrap so never wrap and never bloat height */

/* ===== 3) ALIGNEMENT COMPTE — labels 2 lignes = inputs alignes ===== */
.om-label{ line-height:1.15; word-break:break-word; }
#accountBox .glass-card label.flex{ min-width:0; }

/* ===== 4) ANIMATIONS SATISFAISANTES — psycho premium, subtil, 60fps ===== */
@media (prefers-reduced-motion: no-preference){
  @keyframes dmCardIn{ from{ opacity:0; transform:translateY(8px) scale(.985); } to{ opacity:1; transform:translateY(0) scale(1); } }
  @keyframes dmShimmer{ 0%{ transform:translateX(-140%); } 100%{ transform:translateX(140%); } }
  @keyframes dmChipPop{ 0%{ transform:scale(.92); opacity:0; } 100%{ transform:scale(1); opacity:1; } }
  @keyframes dmSecurePulse{ 0%,100%{ opacity:1; } 50%{ opacity:.62; } }
  #accountBox > .max-w-3xl > .grid > .glass-card{ animation: dmCardIn .48s cubic-bezier(.22,1,.36,1) both; }
  #accountBox > .max-w-3xl > .grid > .glass-card:nth-child(1){ animation-delay:.04s; }
  #accountBox > .max-w-3xl > .grid > .glass-card:nth-child(2){ animation-delay:.10s; }
  #accountBox > .max-w-3xl > .grid > .glass-card:nth-child(3){ animation-delay:.16s; }
  #accountBox .text-center .font-mono{ animation: dmSecurePulse 2.8s ease-in-out infinite; }
  .om-hist-chip{ animation: dmChipPop .24s cubic-bezier(.34,1.56,.64,1) both; }
}
.om-btn-red{ position:relative; overflow:hidden; isolation:isolate; }
.om-btn-red::after{ content:''; position:absolute; inset:0; background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70%); transform:translateX(-140%); transition:transform .55s ease; pointer-events:none; }
.om-btn-red:hover::after{ transform:translateX(140%); }
.om-btn-red:active{ transform:scale(.97) !important; transition-duration:.08s; }
.om-btn-ghost:active{ transform:scale(.97); }
.glass-card{ transition: transform .28s cubic-bezier(.22,1,.36,1), border-color .22s ease, box-shadow .28s ease, filter .22s ease; }
.glass-card:active{ transform:scale(.995); }
.om-input, .om-textarea{ transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease; }
.om-input:focus, .om-textarea:focus{ transform:translateY(-1px); }
.om-hist-chip:active{ transform:scale(.96); }
.om-follow-row:active, .om-notif-item:active{ transform:scale(.985); }
.om-drawer-inner{ will-change: opacity, transform; }

/* ===== ADMIN CONSOLE — premium OPSEC glass ===== */
.om-admin-tabs{ display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.06); }
.om-admin-tab{ position:relative; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); color:#a1a1aa; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.04em; transition:all .22s cubic-bezier(.22,1,.36,1); white-space:nowrap; }
.om-admin-tab:hover{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.14); color:#e4e4e7; transform:translateY(-1px); }
.om-admin-tab.on{ background:linear-gradient(180deg, rgba(181,18,24,.22), rgba(139,0,0,.18)); border-color:rgba(181,18,24,.45); color:#fff; box-shadow:0 6px 22px rgba(139,0,0,.28), 0 0 0 1px rgba(181,18,24,.18) inset; }
.om-admin-tab.on::after{ content:''; position:absolute; left:10px; right:10px; bottom:-9px; height:2px; border-radius:999px; background:linear-gradient(90deg, transparent, #b51218, transparent); opacity:.9; }
.om-admin-tab:active{ transform:scale(.96); }

.om-kpi{ position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)), rgba(10,10,10,.72); backdrop-filter:blur(14px); padding:12px 12px; transition:transform .24s cubic-bezier(.22,1,.36,1), border-color .22s, box-shadow .24s; }
.om-kpi::before{ content:''; position:absolute; inset:0; background:linear-gradient(120deg, rgba(255,255,255,.07), transparent 30%), linear-gradient(240deg, rgba(139,0,0,.14), transparent 35%); opacity:0; transition:opacity .24s; pointer-events:none; }
.om-kpi:hover{ transform:translateY(-2px); border-color:rgba(181,18,24,.28); box-shadow:0 14px 36px rgba(0,0,0,.32), 0 0 0 1px rgba(139,0,0,.08) inset; }
.om-kpi:hover::before{ opacity:1; }
.om-kpi small{ display:block; font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#8b8b92; white-space:nowrap; }
.om-kpi .v{ margin-top:6px; font-family:'Satoshi','Inter',sans-serif; font-size:20px; font-weight:800; color:#fff; line-height:1; letter-spacing:-.02em; }
.om-kpi .s{ margin-top:4px; font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.om-toolbar{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.om-toolbar .om-input{ min-height:36px; }
.om-toolbar .om-btn{ min-height:36px; }

.om-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05); color:#d4d4d8; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.02em; transition:all .18s cubic-bezier(.22,1,.36,1); white-space:nowrap; }
.om-btn:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.14); color:#fff; transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.2); }
.om-btn:active{ transform:scale(.96); }
.om-btn.red{ background:linear-gradient(180deg, #b51218, #7a0000); border-color:rgba(181,18,24,.45); color:#fff; box-shadow:0 8px 22px rgba(139,0,0,.32); }
.om-btn.red:hover{ filter:brightness(1.07); box-shadow:0 12px 28px rgba(139,0,0,.42); }
.om-btn.amber{ background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.28); color:#fcd34d; }
.om-btn.amber:hover{ background:rgba(245,158,11,.18); border-color:rgba(245,158,11,.42); color:#fff7d1; }
.om-btn.green{ background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.28); color:#6ee7b7; }
.om-btn.green:hover{ background:rgba(16,185,129,.18); border-color:rgba(16,185,129,.4); color:#ecfdf5; }

.om-table{ width:100%; border-collapse:separate; border-spacing:0; font-size:13px; }
.om-table thead th{ position:sticky; top:0; z-index:1; background:rgba(12,12,12,.88); backdrop-filter:blur(10px); text-align:left; padding:10px 10px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#8b8b92; border-bottom:1px solid rgba(255,255,255,.07); white-space:nowrap; }
.om-table tbody td{ padding:10px 10px; border-bottom:1px solid rgba(255,255,255,.04); vertical-align:middle; color:#d4d4d8; }
.om-table tbody tr{ transition:background .18s; }
.om-table tbody tr:hover{ background:rgba(255,255,255,.03); }
.om-table .font-mono{ font-family:'JetBrains Mono',monospace; font-size:11px; color:#a1a1aa; }

.om-pill{ display:inline-flex; align-items:center; padding:3px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.08); font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.om-pill.om-ok{ background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.28); color:#6ee7b7; }
.om-pill.om-bad{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.30); color:#fca5a5; }
.om-pill.om-warn{ background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.28); color:#fcd34d; }
.om-pill.om-info{ background:rgba(139,0,0,.16); border-color:rgba(181,18,24,.32); color:#ff8a8a; }
.om-pill.om-mut{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.06); color:#a1a1aa; }

.om-log{ background:rgba(0,0,0,.32); border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:10px; font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1.6; color:#a1a1aa; max-height:420px; overflow:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.12) transparent; }
.om-log::-webkit-scrollbar{ width:6px; height:6px; }
.om-log::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border-radius:999px; }
.om-log b{ color:#fff; }
#om2faGate{ animation: dmCardIn .32s cubic-bezier(.22,1,.36,1) both; }

@media(max-width:768px){
  .om-admin-tabs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:6px; margin-right:-8px; mask-image:linear-gradient(to right, black 88%, transparent 100%); }
  .om-admin-tabs::-webkit-scrollbar{ display:none; }
  .om-table{ font-size:12px; }
  .om-table thead th, .om-table tbody td{ padding:8px 8px; }
  .om-kpi .v{ font-size:18px; }
}
/* FIX navbar crowding — strict nowrap on desktop, prevent shell wrap/identity bleed */
@media(min-width:861px) and (max-width:1180px){
  .nav-sculpted-shell{ gap:5px 6px !important; flex-wrap:nowrap !important; align-items:center !important; }
  .nav-route-cluster .btn-organic.nav-route{ padding:6px 7px !important; font-size:10px !important; letter-spacing:.05em !important; }
  .nav-identity{ gap:4px !important; padding:4px 6px !important; }
  .brand-wordmark{ font-size:.88rem !important; }
  .om-brand-logo img{ width:52px !important; height:52px !important; }
  .nav-access{ max-width:58% !important; }
}
@media(min-width:769px) and (max-width:860px){
  .nav-sculpted-shell{ flex-wrap:nowrap !important; gap:6px !important; }
  .nav-sculpted-shell > .nav-route-cluster{ flex:1 1 auto !important; }
  .nav-sculpted-shell > .nav-access{ flex:0 1 auto !important; }
  .nav-identity{ flex-wrap:nowrap !important; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
  .nav-identity::-webkit-scrollbar{ display:none; }
  .nav-route-cluster .btn-organic.nav-route{ padding:6px 7px !important; font-size:10px !important; }
}



/* ===== BADGES ULTRA PREMIUM — icône fixe par famille, couleur intensifiée par palier ===== */
.om-seller-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.om-badge{ position:relative; display:inline-flex; align-items:center; gap:6px; padding:4px 10px 4px 7px; border-radius:999px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); color:#e8e8ec; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; letter-spacing:.02em; line-height:1; overflow:hidden; backdrop-filter:blur(12px) saturate(135%); -webkit-backdrop-filter:blur(12px) saturate(135%); transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s, border-color .22s, filter .22s; isolation:isolate; flex-shrink:0; max-width:100%; }
.om-badge::before{ content:""; position:absolute; inset:0; border-radius:inherit; opacity:0; transition:opacity .22s; pointer-events:none; }
.om-badge:hover{ transform:translateY(-1.5px) scale(1.015); }
.om-badge:active{ transform:scale(.98); }
.om-badge.tier-none{ opacity:.62; border-style:dashed; background:rgba(255,255,255,.02); }
/* .om-badge-medal deprecated — ico now integrated into border */ .om-badge-medal{ display:none !important; }
/* ico bare — no circle */ .om-badge-ico::after{ display:none; }
.om-badge-ico{ display:grid; place-items:center; width:16px; height:16px; flex-shrink:0; color:inherit; background:none !important; border:none !important; box-shadow:none !important; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.28)); }
.om-badge-ico svg{ width:16px; height:16px; display:block; overflow:visible; }
.om-badge-text{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.om-badge-label{ white-space:nowrap; }
.om-badge-tier{ font-size:8px; letter-spacing:.12em; opacity:.88; font-weight:900; padding:2px 6px; border-radius:999px; border:1px solid currentColor; background:rgba(0,0,0,.22); line-height:1; white-space:nowrap; flex-shrink:0; }
.om-badge-shine{ position:absolute; top:-60%; left:-35%; width:55%; height:220%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent); transform:rotate(18deg) translateX(-140%); transition:transform .75s cubic-bezier(.22,1,.36,1); pointer-events:none; opacity:0; }
.om-badge:hover .om-badge-shine{ transform:rotate(18deg) translateX(320%); opacity:1; }
.om-badge.tier-bronze{ border-color:rgba(180,110,60,.44); background:linear-gradient(180deg, rgba(120,65,30,.26), rgba(18,8,4,.62)); color:#ffd9b0; box-shadow:0 6px 16px rgba(120,65,30,.18), inset 0 1px 0 rgba(255,210,170,.16); filter:brightness(.96) saturate(.95); }
.om-badge.tier-bronze .om-badge-ico{ background:none !important; border:none !important; box-shadow:none !important; color:#ffb86a; }
.om-badge.tier-bronze .om-badge-tier{ color:#ffb86a; border-color:rgba(255,184,106,.45); }
.om-badge.tier-argent{ border-color:rgba(175,185,200,.46); background:linear-gradient(180deg, rgba(155,165,180,.24), rgba(18,18,22,.62)); color:#eef2f8; box-shadow:0 8px 20px rgba(150,165,185,.22), 0 0 10px rgba(180,190,210,.12), inset 0 1px 0 rgba(255,255,255,.18); filter:brightness(1.02) saturate(1.02); }
.om-badge.tier-argent .om-badge-ico{ background:none !important; border:none !important; box-shadow:none !important; color:#e6edf8; }
.om-badge.tier-argent .om-badge-tier{ color:#d6deea; border-color:rgba(214,222,234,.5); }
.om-badge.tier-or{ border-color:rgba(234,179,8,.56); background:linear-gradient(180deg, rgba(234,179,8,.30), rgba(90,40,0,.48) 55%, rgba(18,8,4,.64)); color:#fff7b0; box-shadow:0 10px 28px rgba(234,179,8,.30), 0 0 16px rgba(234,179,8,.18), 0 0 0 1px rgba(234,179,8,.12) inset, inset 0 1px 0 rgba(255,248,180,.32); filter:brightness(1.10) saturate(1.08); }
.om-badge.tier-or .om-badge-ico{ background:none !important; border:none !important; box-shadow:none !important; color:#fde047; }
.om-badge.tier-or .om-badge-tier{ color:#fde047; border-color:rgba(253,224,71,.55); background:rgba(120,80,0,.30); }
.om-badge.tier-or::before{ background:radial-gradient(ellipse at 30% 0%, rgba(234,179,8,.16), transparent 62%); opacity:1; }
.om-badge.tier-diamant{ border-color:rgba(56,189,248,.58); background:linear-gradient(180deg, rgba(56,189,248,.26), rgba(20,30,60,.58) 55%, rgba(8,10,18,.72)); color:#ddf4ff; box-shadow:0 12px 30px rgba(56,189,248,.32), 0 0 22px rgba(56,189,248,.24), 0 0 36px rgba(125,211,252,.16), inset 0 1px 0 rgba(186,230,253,.32); filter:brightness(1.18) saturate(1.12); }
.om-badge.tier-diamant .om-badge-ico{ background:none !important; border:none !important; box-shadow:none !important; color:#7dd3fc; }
.om-badge.tier-diamant .om-badge-tier{ color:#7dd3fc; border-color:rgba(125,211,252,.58); background:rgba(8,42,58,.36); }
.om-badge.tier-diamant::before{ background:radial-gradient(ellipse at 30% 0%, rgba(56,189,248,.22), transparent 62%); opacity:1; }
.om-badge.tier-diamant .om-badge-shine{ background:linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent); }
@keyframes omDiamondPulse{ 0%,100%{ filter:brightness(1) } 50%{ filter:brightness(1.08) } }
.om-badge.tier-diamant{ animation:omDiamondPulse 3.2s ease-in-out infinite; }
.om-badge.is-mini{ padding:3px 10px 3px 3px; gap:6px; font-size:10px; max-width:100%; }
.om-badge.is-mini .om-badge-ico{ width:14px; height:14px; }
.om-badge.is-mini .om-badge-ico svg{ width:14px; height:14px; }
.om-badge.is-mini .om-badge-tier{ font-size:7px; padding:1px 4px; }
.om-next-row{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.om-next{ font-size:10px; font-family:'JetBrains Mono',monospace; color:#71717a; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); padding:4px 8px; border-radius:999px; }
.om-next b{ color:#e4e4e7; }
.om-next.done{ color:#22c55e; border-color: rgba(34,197,94,.28); background: rgba(34,197,94,.08); }
.om-seller-hero{ position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:18px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(8,8,10,.85)); backdrop-filter:blur(14px) saturate(130%); }
.om-seller-top{ display:grid; grid-template-columns:64px 1fr auto; gap:16px; align-items:start; position:relative; z-index:1; }
@media(max-width:860px){ .om-seller-top{ grid-template-columns:64px 1fr; } .om-seller-side{ grid-column:1 / -1; align-items:flex-start !important; text-align:left !important; } }
.om-avatar{ width:64px; height:64px; border-radius:16px; display:grid; place-items:center; background:radial-gradient(ellipse at 30% 20%, rgba(139,0,0,.28), transparent 60%), linear-gradient(135deg, #1a0a0a, #2a1212); border:1px solid rgba(255,255,255,.09); color:#fff; font-weight:900; font-size:22px; letter-spacing:-.02em; flex-shrink:0; box-shadow:0 8px 22px rgba(0,0,0,.35); }
.om-seller-id{ min-width:0; }
.om-seller-name{ font-family:'Satoshi','Inter',system-ui,sans-serif; font-size:17px; font-weight:800; color:#fff; display:flex; gap:8px; align-items:center; flex-wrap:wrap; letter-spacing:-.02em; }
.om-you{ font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; background:linear-gradient(180deg,#b51218,#8B0000); color:#fff; padding:3px 7px; border-radius:999px; border:1px solid rgba(255,255,255,.14); }
.om-seller-sub{ font-size:12px; color:#8a8a93; margin-top:4px; font-family:'Inter',system-ui,sans-serif; }
.om-seller-bio{ font-size:12.5px; color:#d4d4d8; margin-top:8px; line-height:1.5; max-width:56ch; }
.om-seller-bio.dim{ color:#71717a; font-style:italic; }
.om-seller-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.om-seller-side{ min-width:200px; display:flex; flex-direction:column; gap:10px; align-items:flex-end; text-align:right; }
.om-stat-row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; font-family:'JetBrains Mono',monospace; font-size:11px; color:#a1a1aa; }
@media(max-width:860px){ .om-stat-row{ justify-content:flex-start; } }
.om-share-row{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
@media(max-width:860px){ .om-share-row{ justify-content:flex-start; } }
.om-seller-grid{ display:grid; grid-template-columns:1.7fr .9fr; gap:18px; margin-top:16px; }
@media(max-width:960px){ .om-seller-grid{ grid-template-columns:1fr; } }
.om-h2{ font-family:'Satoshi','Inter',system-ui,sans-serif; font-size:1rem; font-weight:700; color:#fff; letter-spacing:-.02em; }

.om-seller-glow{ position:absolute; inset: -40% -20% auto -20%; height:58%; background: radial-gradient(ellipse at 32% 18%, rgba(139,0,0,.18), transparent 62%), radial-gradient(ellipse at 78% 8%, rgba(56,189,248,.10), transparent 55%); pointer-events:none; }
.om-product-badges{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.om-account-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }

/* ===== NOTIF CLOCHE — panel fixe, premium, zero clip ===== */
.nav-sculpted-shell, .nav-access, .nav-identity{ overflow:visible !important; }
.nav-identity{ position:relative; }
.nav-organic{ overflow:visible !important; }
.om-bell-btn{ position:relative; display:grid; place-items:center; width:36px; height:36px; border-radius:11px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); color:#d4d4d8; transition:all .18s ease; flex-shrink:0; }
.om-bell-btn:hover{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.14); color:#fff; transform:translateY(-1px); }
.om-bell-btn:active{ transform:scale(.96); }
.om-bell-ico svg{ width:16px; height:16px; display:block; }
.om-bell-count{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; display:grid; place-items:center; background:linear-gradient(180deg,#e5484d,#8B0000); color:#fff; font-size:10px; font-weight:800; font-family:'JetBrains Mono',monospace; border:1px solid rgba(0,0,0,.45); line-height:1; box-shadow:0 4px 14px rgba(139,0,0,.35); }
@keyframes dmNotifIn{ from{ opacity:0; transform:translateY(-6px) scale(.985); } to{ opacity:1; transform:translateY(0) scale(1); } }
.om-notif-panel{ position:absolute; top:calc(100% + 12px); right:0; width:380px; max-width:min(94vw,380px); max-height:min(76vh,580px); display:flex; flex-direction:column; background:rgba(10,10,10,.97); border:1px solid rgba(255,255,255,.1); border-radius:16px; backdrop-filter:blur(22px) saturate(140%); box-shadow:0 18px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(139,0,0,.07) inset; overflow:hidden; z-index:70; animation:dmNotifIn .22s cubic-bezier(.22,1,.36,1) both; }
.om-notif-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.02); flex-shrink:0; }
.om-notif-head b{ font-size:12px; color:#fff; letter-spacing:.02em; font-family:'Satoshi','Inter',sans-serif; }
.om-notif-head button{ padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); color:#a1a1aa; font-size:11px; font-family:'JetBrains Mono',monospace; transition:all .18s ease; }
.om-notif-head button:hover{ background:rgba(181,18,24,.16); border-color:rgba(181,18,24,.35); color:#fff; }
.om-notif-list{ overflow-y:auto; overflow-x:hidden; padding:12px; display:grid; gap:0; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.14) transparent; flex:1 1 auto; min-height:0; max-width:100%; }
.om-notif-list::-webkit-scrollbar{ width:6px; height:0; } .om-notif-list::-webkit-scrollbar:horizontal{ display:none; height:0; }
.om-notif-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border-radius:999px; }
.om-notif-empty{ font-size:12px; color:#71717a; padding:20px 14px; text-align:center; font-family:'JetBrains Mono',monospace; line-height:1.6; max-width:100%; overflow-wrap:break-word; word-break:break-word; white-space:normal; }
.om-notif-item img{ width:36px; height:36px; border-radius:9px; object-fit:cover; flex-shrink:0; border:1px solid rgba(255,255,255,.08); }
.om-notif-noimg{ width:36px; height:36px; border-radius:9px; display:grid; place-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#a1a1aa; font-size:10px; font-weight:800; flex-shrink:0; }
.om-notif-dot{ width:8px; height:8px; border-radius:50%; background:#b51218; box-shadow:0 0 0 4px rgba(181,18,24,.18); flex-shrink:0; }
.om-notif-price{ color:#71717a !important; font-size:10px !important; }
@media(max-width:640px){ .om-notif-panel{ position:fixed; top:64px; left:8px; right:8px; width:auto; max-width:none; } .om-bell-btn{ width:34px; height:34px; } }

/* admin navbar anti-clip meme avec ADMIN */
@media(max-width:1180px) and (min-width:861px){ .nav-route-cluster .btn-organic.nav-route{ padding:6px 7px !important; font-size:10px !important; } }

.custom-popup .popup-panel{ max-width:min(92vw, 28rem); margin:0 8px; }
@media(max-width:640px){ .custom-popup .popup-panel{ border-radius:16px; padding:18px !important; } }
.site-shell{ padding-top: 76px !important; }
@media(max-width:768px){ .site-shell{ padding-top: 64px !important; } }

input::selection, textarea::selection, [contenteditable]::selection { background: rgba(181,18,24,.45) !important; color:#fff !important; }

.orbit-img[data-fallback='1']{ object-fit:contain; background: radial-gradient(circle at 50% 50%, rgba(139,0,0,.18), transparent 60%); }
.image-error{color:#f04452;font-size:12px;font-family:'JetBrains Mono',monospace}

.om-badge-picker-btn{ background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.12) !important; backdrop-filter:blur(10px); transition:border-color .18s, background .18s; }
.om-badge-picker-btn:hover{ border-color:rgba(255,255,255,.18) !important; background:rgba(255,255,255,.09) !important; }
.om-badge-picker-panel{ position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:60; max-height:min(52vh,520px); overflow-y:auto; overflow-x:hidden; display:flex; flex-direction:column; gap:12px; padding:14px; border-radius:18px; border:1px solid rgba(255,255,255,.15); background:rgba(12,12,16,.98); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); box-shadow:0 28px 64px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.05) inset; isolation:isolate; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.20) transparent; animation:omPickerIn .18s cubic-bezier(.22,1,.36,1); }
@keyframes omPickerIn{ from{ opacity:0; transform:translateY(-6px) scale(.98); } to{ opacity:1; transform:none; } }
.om-badge-picker-opt{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:8px 10px; border-radius:12px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); cursor:pointer; transition:background .16s, border-color .16s, transform .16s; min-width:0; }
.om-badge-picker-opt:hover{ background:rgba(255,255,255,.065); border-color:rgba(255,255,255,.13); transform:translateX(1px); }
.om-badge-picker-opt:active{ transform:scale(.985); }
.om-badge-picker-opt .om-bp-detail{ font-size:10px; color:#8b8b93; font-family:'JetBrains Mono',monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1 1 auto; min-width:0; }
.om-badge-picker-opt .om-bp-meta{ display:flex; align-items:center; gap:8px; min-width:0; flex:1 1 auto; }


.om-bp-sec{ display:flex; flex-direction:column; gap:5px; }
.om-bp-sec + .om-bp-sec{ border-top:1px solid rgba(255,255,255,.07); padding-top:10px; margin-top:4px; }
.om-bp-sec-title{ position:sticky; top:-10px; z-index:1; display:flex; align-items:center; gap:7px; font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:6px 6px 6px 8px; margin:-10px -10px 4px -10px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.06); }
.om-bp-sec-title.tier-bronze{ color:#ffb86a; background:linear-gradient(90deg, rgba(255,184,106,.10), transparent 75%); }
.om-bp-sec-title.tier-argent{ color:#d6deea; background:linear-gradient(90deg, rgba(214,222,234,.09), transparent 75%); }
.om-bp-sec-title.tier-or{ color:#fde047; background:linear-gradient(90deg, rgba(253,224,71,.11), transparent 75%); }
.om-bp-sec-title.tier-diamant{ color:#7dd3fc; background:linear-gradient(90deg, rgba(125,211,252,.12), transparent 75%); box-shadow:0 2px 12px rgba(56,189,248,.12); }
.om-bp-dot{ width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; flex-shrink:0; }
.om-bp-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 2px 8px 2px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:2px; }
.om-bp-head b{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.10em; text-transform:uppercase; color:#e4e4e7; }
.om-bp-head small{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; }
.om-bp-close{ width:22px; height:22px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); color:#a1a1aa; cursor:pointer; font-size:11px; line-height:1; }
.om-bp-close:hover{ background:rgba(255,255,255,.10); color:#fff; }

#omBadgePickerPortal{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.20) transparent; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
#omBadgePickerPortal::-webkit-scrollbar{ width:7px; }
#omBadgePickerPortal::-webkit-scrollbar-track{ background:transparent; }
#omBadgePickerPortal::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.20); border-radius:999px; border:1px solid rgba(255,255,255,.06); }
#omBadgePickerPortal::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.28); }

/* BADGES PAGE — lite escalier immersif v2 — léger, lisible, stairs */
.bd-lite-hero{ position:relative; overflow:hidden; padding:16px; border-radius:16px; border:1px solid rgba(255,255,255,.07); background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18)); isolation:isolate; }
.bd-lite-hero-glow{ position:absolute; inset:-1px; background:radial-gradient(ellipse at 30% 0%, rgba(139,0,0,.14), transparent 55%), radial-gradient(ellipse at 80% 20%, rgba(125,211,252,.08), transparent 45%); pointer-events:none; }
.bd-lite-hero-wm{ position:absolute; right:-10px; top:48%; transform:translateY(-50%); width:min(360px, 44%); opacity:.04; pointer-events:none; }
.bd-lite-hero-wm img{ width:100%; height:auto; }
.bd-lite-hero-inner{ position:relative; z-index:1; display:flex; gap:16px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.bd-lite-eyebrow{ font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#71717a; display:inline-flex; gap:6px; align-items:center; }
.bd-lite-eyebrow span{ width:6px; height:6px; border-radius:50%; background:#8B0000; display:inline-block; box-shadow:0 0 8px rgba(139,0,0,.6); }
.bd-lite-title{ font-family:'Satoshi','Inter',system-ui,sans-serif; font-size:22px; font-weight:900; letter-spacing:-.03em; color:#fff; line-height:1; margin-top:6px; }
.bd-lite-sub{ font-size:12px; color:#a1a1aa; margin-top:4px; line-height:1.4; max-width:46ch; }
.bd-lite-kpi{ min-width:150px; display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.bd-lite-ring{ position:relative; width:62px; height:62px; display:grid; place-items:center; }
.bd-lite-ring svg{ position:absolute; inset:0; width:62px; height:62px; transform:rotate(-90deg); }
.bd-lite-ring .bg{ fill:none; stroke:rgba(255,255,255,.07); stroke-width:5; }
.bd-lite-ring .fg{ fill:none; stroke:#f87171; stroke-width:5; stroke-linecap:round; }
.bd-lite-ring-c{ position:relative; z-index:1; text-align:center; line-height:1; }
.bd-lite-ring-c b{ font-family:'JetBrains Mono',monospace; font-size:16px; font-weight:900; color:#fff; }
.bd-lite-ring-c small{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; }
.bd-lite-bar{ width:150px; height:6px; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.06); overflow:hidden; }
.bd-lite-bar span{ display:block; height:100%; background:linear-gradient(90deg,#8B0000,#f87171 55%,#7dd3fc); }
.bd-lite-pct{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; }
.bd-lite-link{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#7dd3fc; background:none; border:none; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.bd-lite-guest{ font-family:'JetBrains Mono',monospace; font-size:9px; color:#52525b; }
.bd-lite-next{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.06); }
.bd-lite-next .lbl{ font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.11em; text-transform:uppercase; color:#52525b; }
.bd-lite-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.bd-lite-chip{ font-family:'JetBrains Mono',monospace; font-size:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); padding:4px 8px; border-radius:999px; color:#d4d4d8; }
.bd-lite-chip b{ color:#fff; }
.bd-lite-controls{ display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:8px 10px; border-radius:14px; margin-top:12px; }
.bd-lite-tabs{ display:flex; gap:4px; background:rgba(0,0,0,.16); padding:3px; border-radius:999px; border:1px solid rgba(255,255,255,.06); flex-shrink:0; }
.bd-lite-tab{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; color:#a1a1aa; background:transparent; border:none; padding:5px 11px; border-radius:999px; cursor:pointer; }
.bd-lite-tab.is-on{ background:#fff; color:#09090b; }
.bd-lite-fams{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:160px; }
.bd-lite-fam{ font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:700; color:#a1a1aa; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); padding:5px 10px; border-radius:999px; cursor:pointer; white-space:nowrap; transition:all .15s; }
.bd-lite-fam:hover{ border-color:rgba(255,255,255,.14); color:#e4e4e7; }
.bd-lite-fam.is-on{ background:#fff; color:#09090b; border-color:#fff; }
.bd-lite-hint{ margin-top:8px; padding:7px 10px; border-radius:10px; border:1px dashed rgba(255,255,255,.10); background:rgba(255,255,255,.03); font-family:'JetBrains Mono',monospace; font-size:10px; color:#a1a1aa; text-align:center; }
.bd-lite-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(490px, 1fr)); gap:18px; margin-top:14px; overflow:visible; max-width:100%; }
@media(max-width:720px){ .bd-lite-grid{ grid-template-columns:1fr; } .bd-lite-hero-wm{ opacity:.025; } }
@media(min-width:1280px){ .bd-lite-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.bd-lite-card{ padding:10px; border-radius:16px; border:1px solid rgba(255,255,255,.07); background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(0,0,0,.16)); backdrop-filter:blur(10px); position:relative; overflow:visible; transition:border-color .2s; isolation:isolate; max-width:100%; } .bd-lite-card .stair-wrap{ overflow:visible; }
.bd-lite-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 20% 0%, rgba(255,255,255,.05), transparent 55%); opacity:0; transition:opacity .22s; pointer-events:none; }
.bd-lite-card:hover{ border-color:rgba(255,255,255,.12); z-index:8; }
.bd-lite-card:hover::before{ opacity:1; }
.bd-lite-head{ display:flex; gap:10px; align-items:center; }
.bd-lite-head-icon{ width:28px; height:28px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e4e4e7; flex-shrink:0; }
.bd-lite-head-txt{ min-width:0; flex:1; }
.bd-lite-name{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#fff; }
.bd-lite-short{ font-weight:600; color:#71717a; text-transform:none; letter-spacing:0; font-size:10px; }
.bd-lite-count{ font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:800; color:#a1a1aa; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07); padding:4px 8px; border-radius:999px; }
.stair-wrap{ margin-top:16px; overflow:visible; position:relative; padding-top:12px; padding-bottom:8px; padding-right:2px; }
.stair-layout{ display:flex; gap:12px; align-items:flex-end; justify-content:space-between; position:relative; margin-top:4px; padding-top:6px; padding-bottom:6px; padding-right:10px; overflow:visible; }
.stair-layout .stair-steps{ margin-top:0; padding:8px 2px 10px; align-items:flex-end; gap:7px; align-self:flex-end; flex:0 0 auto; min-width:0; }
.stair-stage{ height:112px; min-height:112px; max-height:112px; border-radius:14px; border:1px dashed rgba(255,255,255,.10); background:rgba(255,255,255,.016); display:grid; place-items:center; padding:10px 10px 8px; position:relative; overflow:visible; box-sizing:border-box; transition:border-color .18s, background .18s, box-shadow .18s; flex:0 1 196px; min-width:176px; max-width:196px; align-self:flex-end; margin-left:auto; margin-right:8px; }
.stair-stage.has-content{ border-style:solid; background:rgba(18,18,22,.985); border:1.4px solid var(--tc, rgba(255,255,255,.15)); box-shadow:0 14px 36px rgba(0,0,0,.42), 0 0 0 1px color-mix(in srgb, var(--tc, #fff) 28%, transparent) inset, 0 0 18px color-mix(in srgb, var(--tc, #fff) 30%, transparent); height:112px; min-height:112px; max-height:112px; animation:stageBreath 2.15s ease-in-out infinite; overflow:visible; }
.stair-stage-placeholder{ font-family:'JetBrains Mono',monospace; font-size:9px; color:#52525b; text-align:center; line-height:1.45; padding:4px 6px; word-break:break-word; hyphens:auto; }
.stair-stage-detail{ width:100%; text-align:center; height:100%; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; min-width:0; padding-top:12px; }


.stair-stage-badge{ position:absolute; left:50%; top:0; transform:translate(-50%, -50%); z-index:8; pointer-events:none; white-space:nowrap; display:flex; align-items:center; justify-content:center; max-width:196px; width:max-content; }
.stair-stage-badge .om-badge{ font-size:10px; padding:4px 10px 4px 7px; gap:6px; line-height:1; border:1.5px solid var(--tc, #facc15) !important; white-space:nowrap; background:#101014 !important; color:#fff !important; box-shadow:0 0 0 1px rgba(255,255,255,.07) inset, 0 0 16px color-mix(in srgb, var(--tc, #facc15) 42%, transparent), 0 10px 24px rgba(0,0,0,.44); animation:badgeContour 2.4s ease-in-out infinite; max-width:196px; overflow:visible; } .stair-stage-badge .om-badge .om-badge-label{ max-width:none; overflow:visible; text-overflow:clip; white-space:nowrap; font-weight:800; } .stair-stage-badge .om-badge .om-badge-text{ overflow:visible; }
.stair-stage-badge .om-badge .om-badge-ico{ width:13px; height:13px; }
.stair-stage-badge .om-badge .om-badge-ico svg{ width:13px; height:13px; }
.stair-stage-badge .om-badge .om-badge-label{ font-size:10px; }
.stair-stage-badge .om-badge .om-badge-tier{ font-size:6.2px; padding:2px 5px; border-color:color-mix(in srgb, var(--tc, #fff) 60%, transparent) !important; flex-shrink:0; font-weight:900; }
.stair-stage-badge .badge-aura{ position:absolute; inset:-10px -16px; border-radius:999px; background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--tc, #facc15) 34%, transparent), transparent 70%); opacity:.62; filter:blur(9px); animation:badgeAura 2.4s ease-in-out infinite; pointer-events:none; z-index:-1; }
.stair-stage-badge .badge-specks{ position:absolute; inset:-12px -18px; pointer-events:none; overflow:visible; }
.stair-stage-badge .badge-specks i{ position:absolute; width:2.6px; height:2.6px; border-radius:50%; background:var(--tc, #facc15); opacity:.0; box-shadow:0 0 6px var(--tc, #facc15), 0 0 11px var(--tc, #facc15); animation:speckFloat 2.8s ease-in-out infinite; }
.stair-stage-badge .badge-specks i:nth-child(1){ left:10%; top:58%; animation-delay:.15s; }
.stair-stage-badge .badge-specks i:nth-child(2){ left:84%; top:42%; animation-delay:.85s; }
.stair-stage-badge .badge-specks i:nth-child(3){ left:50%; top:-4px; width:2px; height:2px; animation-delay:1.25s; }

.stair-stage-label{ display:none !important; }
.stair-stage-how{ font-family:'Satoshi', sans-serif; font-size:11.5px; font-weight:700; color:#fff; letter-spacing:.02em; line-height:1.35; text-align:center; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; max-width:100%; text-shadow:0 1px 6px rgba(0,0,0,.32); }
.stair-stage-meta{ margin-top:0; padding-top:0; border-top:none; font-family:'JetBrains Mono',monospace; font-size:9px; display:flex; gap:6px; flex-wrap:wrap; align-items:center; justify-content:center; line-height:1.2; width:100%; } .stair-stage-meta .need{ background:rgba(250,204,21,.12); border:1px solid rgba(250,204,21,.22); padding:3px 8px; border-radius:999px; color:#fde68a; font-weight:800; letter-spacing:.02em; } .stair-stage-meta .ok{ background:rgba(34,197,94,.14); border:1px solid rgba(34,197,94,.24); padding:3px 9px; border-radius:999px; color:#86efac; } .stair-stage-meta .cur{ background:rgba(56,189,248,.10); border:1px solid rgba(56,189,248,.18); padding:3px 8px; border-radius:999px; color:#7dd3fc; font-weight:700; }
.stair-stage-meta .ok{ color:#22c55e; font-weight:800; }
.stair-stage-meta .need{ color:#fde047; font-weight:700; }
.stair-stage-meta .cur{ color:#7dd3fc; }
.stair-stage-bar{ margin-top:0; display:flex; align-items:center; gap:8px; width:100%; justify-content:center; padding-top:4px; border-top:1px dashed rgba(255,255,255,.06); }
.stair-stage-bar .rail{ flex:1; max-width:128px; height:6px; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.06); overflow:hidden; box-shadow:inset 0 1px 3px rgba(0,0,0,.24); }
.stair-stage-bar .rail span{ display:block; height:100%; background:linear-gradient(90deg, var(--tc, #8B0000), #fff); opacity:.95; }
.stair-stage-bar small{ font-family:'JetBrains Mono',monospace; font-size:8px; font-weight:800; color:#d4d4d8; white-space:nowrap; flex-shrink:0; letter-spacing:.03em; }
.stair-svg{z-index:0;pointer-events:none;}.stair-svg{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:0; transition:opacity .18s; overflow:visible; z-index:0; } .stair-layout:hover .stair-svg{z-index:0;pointer-events:none;}.stair-svg{ opacity:1; }
.stair-path{ fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; color:#d4924e; opacity:.98; animation:routeAura 1.85s ease-in-out infinite; }
@keyframes diamondAura{ 0%,100%{ box-shadow:0 0 0 1px rgba(125,211,252,.18) inset, 0 1px 0 rgba(186,230,253,.20) inset, 0 0 14px rgba(56,189,248,.35), 0 0 28px rgba(56,189,248,.16), 0 7px 16px rgba(0,0,0,.26); } 50%{ box-shadow:0 0 0 1px rgba(125,211,252,.24) inset, 0 1px 0 rgba(186,230,253,.26) inset, 0 0 20px rgba(56,189,248,.52), 0 0 38px rgba(56,189,248,.24), 0 7px 16px rgba(0,0,0,.26); } }
@keyframes routeAura{ 0%,100%{ opacity:.92; filter:drop-shadow(0 0 3px currentColor) brightness(1); } 50%{ opacity:1; filter:drop-shadow(0 0 7px currentColor) brightness(1.08); } }
@keyframes stageBreath{ 0%,100%{ box-shadow:0 14px 36px rgba(0,0,0,.42), 0 0 0 1px var(--tc, rgba(255,255,255,.12)) inset, 0 0 10px color-mix(in srgb, var(--tc, #fff) 22%, transparent); } 50%{ box-shadow:0 16px 42px rgba(0,0,0,.48), 0 0 0 1px var(--tc, rgba(255,255,255,.18)) inset, 0 0 18px color-mix(in srgb, var(--tc, #fff) 34%, transparent); } }

@media(max-width:520px){ .stair-layout{ grid-template-columns:1fr; } .stair-svg{z-index:0;pointer-events:none;}.stair-svg{ display:none; } .stair-stage{ min-height:92px; } }
.stair-rail{ height:6px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.06); overflow:hidden; }
.stair-fill{ display:block; height:100%; border-radius:inherit; transition:width .5s cubic-bezier(.22,1,.36,1); }
.stair-fill.tier-bronze{ background:linear-gradient(90deg,#7a3e18,#d4924e); }
.stair-fill.tier-argent{ background:linear-gradient(90deg,#8a96a8,#d1d8e2); }
.stair-fill.tier-or{ background:linear-gradient(90deg,#92400e,#facc15); }
.stair-fill.tier-diamant{ background:linear-gradient(90deg,#0e4a6b,#38bdf8); }
.stair-steps{ display:flex; gap:8px; align-items:flex-end; justify-content:flex-start; margin-top:0; padding:6px 2px 8px; overflow:visible; position:relative; }
.stair-steps::-webkit-scrollbar{ display:none; }
.stair-step{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; flex-shrink:0; cursor:pointer; z-index:1; padding-top:2px; width:50px; min-height:62px; justify-content:flex-start; }
.stair-step:hover, .stair-step:focus-within{ z-index:2; } .stair-layout .stair-steps{ position:relative; z-index:1; } .stair-stage{ z-index:1; }
.stair-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:#e4e4e7; transition:transform .18s, border-color .18s, background .18s, box-shadow .18s; }
.stair-step.is-owned .stair-icon{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.14); box-shadow:0 8px 18px rgba(0,0,0,.22); }
.stair-step.tier-bronze .stair-icon{ color:#ffb86a; border-color:rgba(212,146,78,.48); background:radial-gradient(ellipse at 28% 18%, rgba(255,184,106,.16), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(28,14,6,.66)); box-shadow:0 0 0 1px rgba(212,146,78,.16) inset, 0 1px 0 rgba(255,236,180,.16) inset, 0 0 14px rgba(212,146,78,.30), 0 0 26px rgba(212,146,78,.16), 0 6px 14px rgba(0,0,0,.22); }
.stair-step.tier-argent .stair-icon{ color:#e6edf8; border-color:rgba(220,228,238,.52); background:radial-gradient(ellipse at 28% 18%, rgba(255,255,255,.18), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(40,46,58,.62)); box-shadow:0 0 0 1px rgba(220,228,238,.14) inset, 0 1px 0 rgba(255,255,255,.18) inset, 0 0 14px rgba(210,220,235,.28), 0 0 26px rgba(180,190,210,.14), 0 6px 14px rgba(0,0,0,.22); }
.stair-step.tier-or .stair-icon{ color:#fde047; border-color:rgba(250,204,21,.56); background:radial-gradient(ellipse at 28% 18%, rgba(253,224,71,.20), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(48,32,2,.68)); box-shadow:0 0 0 1px rgba(250,204,21,.18) inset, 0 1px 0 rgba(255,248,170,.20) inset, 0 0 16px rgba(250,204,21,.36), 0 0 30px rgba(250,204,21,.18), 0 7px 16px rgba(0,0,0,.26); }
.stair-step.tier-diamant .stair-icon{ color:#7dd3fc; border-color:rgba(125,211,252,.58); background:radial-gradient(ellipse at 28% 18%, rgba(125,211,252,.22), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(10,32,48,.70)); box-shadow:0 0 0 1px rgba(125,211,252,.18) inset, 0 1px 0 rgba(186,230,253,.20) inset, 0 0 16px rgba(56,189,248,.42), 0 0 32px rgba(56,189,248,.20), 0 7px 16px rgba(0,0,0,.26); animation:diamondAura 2.2s ease-in-out infinite; }
.stair-step:hover .stair-icon{ border-color:rgba(255,255,255,.22); filter:brightness(1.06); }
.stair-step.is-locked{ opacity:.52; filter:saturate(.85) grayscale(.1); }
.stair-step.is-locked:hover{ opacity:.85; filter:none; }
.stair-tier{ font-family:'JetBrains Mono',monospace; font-size:7.5px; font-weight:900; letter-spacing:.07em; color:#a1a1aa; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); padding:3px 6px; border-radius:999px; line-height:1; order:-1; white-space:nowrap; box-shadow:0 1px 4px rgba(0,0,0,.18); } .stair-step.tier-bronze .stair-tier{ color:#ffb86a; border-color:rgba(255,184,106,.28); } .stair-step.tier-argent .stair-tier{ color:#e6edf8; border-color:rgba(220,228,238,.28); } .stair-step.tier-or .stair-tier{ color:#fde047; border-color:rgba(250,204,21,.32); } .stair-step.tier-diamant .stair-tier{ color:#7dd3fc; border-color:rgba(125,211,252,.34); }
.stair-step.is-owned .stair-tier{ color:#fff; border-color:rgba(255,255,255,.14); }
.stair-tip{ position:absolute; left:50%; bottom:calc(100% + 14px); transform:translateX(-50%) translateY(6px); min-width:240px; max-width:min(330px, calc(100vw - 24px)); width:max-content; padding:12px 13px 11px; border-radius:16px; border:1px solid rgba(255,255,255,.16); background:rgba(18,18,22,.98); backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 1px 0 rgba(255,255,255,.09) inset, 0 20px 50px rgba(0,0,0,.62), 0 8px 20px rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .16s, transform .16s; z-index:50; text-align:left; will-change:transform, opacity; }
.stair-tip::after{ content:""; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background:rgba(18,18,22,.98); border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.stair-tip.is-flipped{ bottom:auto; top:calc(100% + 14px); transform:translateX(-50%) translateY(-6px); }
.stair-tip.is-flipped::after{ bottom:auto; top:-6px; border-right:none; border-bottom:none; border-left:1px solid rgba(255,255,255,.16); border-top:1px solid rgba(255,255,255,.16); }
.stair-step:first-child .stair-tip{ left:0; transform:translateX(0) translateY(6px); }
.stair-step:first-child .stair-tip::after{ left:22px; }
.stair-step:first-child .stair-tip.is-flipped{ transform:translateX(0) translateY(-6px); }
.stair-step:last-child .stair-tip{ left:auto; right:0; transform:translateX(0) translateY(6px); }
.stair-step:last-child .stair-tip::after{ left:auto; right:22px; }
.stair-step:last-child .stair-tip.is-flipped{ transform:translateX(0) translateY(-6px); }
.stair-step:hover .stair-tip, .stair-step:focus-within .stair-tip{ opacity:1; transform:translateX(-50%) translateY(0); }
.stair-step:first-child:hover .stair-tip, .stair-step:first-child:focus-within .stair-tip{ transform:translateX(0) translateY(0); }
.stair-step:last-child:hover .stair-tip, .stair-step:last-child:focus-within .stair-tip{ transform:translateX(0) translateY(0); }
.stair-step:hover .stair-tip.is-flipped, .stair-step:focus-within .stair-tip.is-flipped{ transform:translateX(-50%) translateY(0); }
.stair-step:first-child:hover .stair-tip.is-flipped, .stair-step:first-child:focus-within .stair-tip.is-flipped{ transform:translateX(0) translateY(0); }
.stair-step:last-child:hover .stair-tip.is-flipped, .stair-step:last-child:focus-within .stair-tip.is-flipped{ transform:translateX(0) translateY(0); }
.stair-step:hover .stair-tip, .stair-step:focus-within .stair-tip{ opacity:1; transform:translateX(-50%) translateY(0); pointer-events:auto; }
.stair-tip-preview{ margin-bottom:10px; display:flex; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.07); }
.stair-tip-preview .om-badge{ transform:scale(1.02); }
.stair-tip-label{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; color:#fff; letter-spacing:.02em; }
.stair-tip-how{ font-size:11px; color:#a1a1aa; margin-top:3px; line-height:1.4; }
.stair-tip-meta{ margin-top:8px; padding-top:7px; border-top:1px solid rgba(255,255,255,.06); font-family:'JetBrains Mono',monospace; font-size:10px; display:flex; gap:6px; flex-wrap:wrap; }
.stair-tip-meta .ok{ color:#22c55e; font-weight:800; }
.stair-tip-meta .need{ color:#fde047; font-weight:700; }
.stair-tip-meta .cur{ color:#7dd3fc; }
.stair-tip-bar{ margin-top:7px; display:flex; align-items:center; gap:8px; }
.stair-tip-bar .rail{ flex:1; height:5px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.06); overflow:hidden; }
.stair-tip-bar .rail span{ display:block; height:100%; background:linear-gradient(90deg,#8B0000,#facc15); }
.stair-tip-bar small{ font-family:'JetBrains Mono',monospace; font-size:9px; color:#a1a1aa; }
.bd-lite-foot{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; white-space:nowrap; overflow:hidden; }
.bd-lite-foot .need{ color:#fde047; white-space:nowrap; flex-shrink:0; }
.bd-lite-foot.done{ justify-content:center; color:#22c55e; font-weight:700; }
.bd-lite-footnote{ margin-top:12px; color:#52525b; font-family:'JetBrains Mono',monospace; font-size:10px; text-align:center; }
.bd-sheet{ position:fixed; inset:0; z-index:9998; display:grid; place-items:end center; padding:18px; overflow:hidden; }
.bd-sheet[hidden]{ display:none !important; }
.bd-sheet-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.56); backdrop-filter:blur(6px); }
.bd-sheet-panel{ position:relative; width:min(520px, calc(100% - 12px)); max-height:min(74vh, 520px); overflow:hidden; overflow-x:hidden; overflow-y:hidden; border-radius:18px; padding:16px; background:rgba(14,14,18,.98); border:1px solid rgba(255,255,255,.10); box-shadow:0 24px 60px rgba(0,0,0,.6); transform:translateY(12px); opacity:0; transition:transform .22s cubic-bezier(.22,1,.36,1), opacity .22s; scrollbar-width:none; -ms-overflow-style:none; box-sizing:border-box; }
.bd-sheet.is-open .bd-sheet-panel{ transform:translateY(0); opacity:1; }
.bd-sheet-panel::-webkit-scrollbar{ display:none; width:0; height:0; }
#bdSheetBody{ overflow:hidden; overflow-x:hidden; max-width:100%; box-sizing:border-box; }
#bdSheetBody *{ max-width:100%; box-sizing:border-box; }
.bd-sheet-preview-row{ overflow:hidden; }
.bd-sheet-progress{ overflow:hidden; }
.bd-sheet-close{ position:absolute; right:10px; top:10px; width:30px; height:30px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); color:#a1a1aa; cursor:pointer; }
.bd-sheet-head{ display:flex; gap:12px; align-items:flex-start; padding-right:28px; }
.bd-sheet-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#fff; flex-shrink:0; }
.bd-sheet-label{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:900; color:#fff; }
.bd-sheet-detail{ font-size:11px; color:#a1a1aa; margin-top:2px; }
.bd-sheet-detail .tier{ font-family:'JetBrains Mono',monospace; font-size:9px; padding:2px 6px; border-radius:999px; border:1px solid rgba(255,255,255,.12); }
.bd-sheet-detail .tier-bronze{ color:#ffb86a; border-color:rgba(255,184,106,.45); background:rgba(90,40,10,.25); }
.bd-sheet-detail .tier-argent{ color:#e6edf8; border-color:rgba(230,237,248,.45); background:rgba(60,65,75,.3); }
.bd-sheet-detail .tier-or{ color:#fde047; border-color:rgba(253,224,71,.5); background:rgba(90,60,0,.3); }
.bd-sheet-detail .tier-diamant{ color:#7dd3fc; border-color:rgba(125,211,252,.55); background:rgba(10,40,60,.32); }
.bd-sheet-how{ font-size:12px; color:#d4d4d8; margin-top:8px; line-height:1.45; }
.bd-sheet-preview-row{ margin-top:10px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.bd-sheet-preview-hint{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; }
.bd-sheet-owned{ margin-top:10px; padding:8px 10px; border-radius:10px; background:rgba(34,197,94,.10); border:1px solid rgba(34,197,94,.18); color:#86efac; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; }
.bd-sheet-progress{ margin-top:12px; }
.bd-sheet-bar{ height:7px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; border:1px solid rgba(255,255,255,.06); }
.bd-sheet-bar span{ display:block; height:100%; background:linear-gradient(90deg,#8B0000,#facc15 55%,#38bdf8); }
.bd-sheet-numbers{ display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:10px; color:#71717a; margin-top:6px; }
.bd-sheet-actions{ display:flex; gap:8px; justify-content:flex-end; margin-top:14px; }
.bd-sheet-btn{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); cursor:pointer; }
.bd-sheet-btn.ghost{ background:transparent; color:#a1a1aa; }
.bd-sheet-btn.primary{ background:#fff; color:#09090b; border-color:#fff; }



/* stair-tip legacy hidden — replaced by stage */
.stair-tip{ display:none !important; }

@media(max-width:380px){ .stair-layout{ flex-direction:column; align-items:stretch; } .stair-stage{ max-width:100%; min-width:0; width:100%; margin-left:0; height:110px; min-height:110px; max-height:110px; } .stair-layout .stair-steps{ justify-content:flex-start; } }

@keyframes badgeAura{ 0%,100%{ opacity:.42; transform:scale(1); } 50%{ opacity:.72; transform:scale(1.06); } }
@keyframes speckFloat{ 0%{ transform:translateY(0) scale(.7); opacity:0; } 18%{ opacity:.85; } 55%{ opacity:.55; } 100%{ transform:translateY(-9px) scale(1.05); opacity:0; } }

@keyframes badgeContour{ 0%,100%{ box-shadow:0 0 0 1px color-mix(in srgb, var(--tc, #fff) 22%, transparent) inset, 0 0 10px color-mix(in srgb, var(--tc, #fff) 24%, transparent), 0 8px 20px rgba(0,0,0,.32); } 50%{ box-shadow:0 0 0 1px color-mix(in srgb, var(--tc, #fff) 32%, transparent) inset, 0 0 16px color-mix(in srgb, var(--tc, #fff) 38%, transparent), 0 10px 24px rgba(0,0,0,.38); } }

.om-notif-panel.is-empty{ width:400px; max-width:min(96vw,400px); min-height:300px; }
.om-notif-panel.is-empty .om-notif-list{ padding:10px 12px 16px; overflow-x:hidden; } @media(max-width:640px){ .om-notif-panel.is-empty{ width:auto; min-height:320px; } }

/* empty notif — 3D stage immersive */
.om-notif-empty-clown.v2{ display:grid; gap:12px; padding:8px 18px 14px; box-sizing:border-box; max-width:100%; }
.om-notif-empty-visual{ position:relative; width:100%; height:176px; border:none; border-radius:0; overflow:visible; display:grid; place-items:center; background:transparent; box-shadow:none; isolation:isolate; }
.om-empty-clown-img{ position:relative; z-index:2; width:min(100%, 300px); height:164px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 14px 22px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(139,0,0,.16)); transform:translateY(2px); image-rendering:auto; }
.om-empty-glow{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); width:46%; height:16px; border-radius:50%; background:radial-gradient(ellipse at 50% 40%, rgba(0,0,0,.34), transparent 72%); filter:blur(.3px); z-index:1; pointer-events:none; opacity:.85; }
.om-empty-vignette{ display:none; }
.om-notif-empty-text.v2{ text-align:center; display:grid; gap:7px; justify-items:center; padding:8px 6px 4px; max-width:100%; box-sizing:border-box; }
.om-notif-empty-text.v2 .om-empty-kicker{ font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:.14em; color:#b3080e; background:rgba(139,0,0,.10); border:1px solid rgba(139,0,0,.18); padding:4px 10px; border-radius:999px; }
.om-notif-empty-text.v2 b{ font-family:'Satoshi', sans-serif; font-size:15.5px; font-weight:900; color:#fff; letter-spacing:.01em; line-height:1.2; }
.om-notif-empty-text.v2 p{ font-family:'JetBrains Mono', monospace; font-size:12px; color:#a1a1aa; line-height:1.65; max-width:284px; padding:0; margin:0 auto; box-sizing:border-box; overflow-wrap:anywhere; word-break:break-word; hyphens:auto; white-space:normal; }
.om-notif-empty-text.v2 .hint{ font-size:10.5px; color:#78787e; border:1px dashed rgba(255,255,255,.09); padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.025); max-width:calc(100% - 4px); margin:0 auto; box-sizing:border-box; white-space:normal; text-align:center; line-height:1.45; word-break:break-word; overflow-wrap:anywhere; }
.om-mailbox-wrap{ position:absolute; left:50%; top:50%; transform:translate(12%, -46%) translateZ(18px); width:82px; height:100px; display:grid; place-items:center; z-index:2; transform-style:preserve-3d; filter:drop-shadow(0 14px 22px rgba(0,0,0,.38)); }
.om-mailbox{ width:64px; height:76px; position:relative; transform:rotateY(-6deg) rotateX(2deg); transform-style:preserve-3d; }
.om-mailbox-body{ position:absolute; inset:8px 6px 12px 6px; border-radius:11px 11px 9px 9px; background:linear-gradient(165deg, #22222a 0%, #16161c 45%, #0e0e12 100%); border:1.35px solid rgba(255,255,255,.11); box-shadow:0 14px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -8px 18px rgba(0,0,0,.22); }
.om-mailbox-body::after{ content:""; position:absolute; inset:6px 0 0 0; border-radius:inherit; background:linear-gradient(90deg, rgba(255,255,255,.07) 0%, transparent 22%, transparent 78%, rgba(0,0,0,.18) 100%); pointer-events:none; }
.om-mailbox-door{ position:absolute; left:6px; right:6px; top:8px; bottom:12px; border-radius:11px 11px 9px 9px; background:linear-gradient(175deg, #2b2b34, #1a1a22 58%, #131319 100%); border:1.35px solid rgba(255,255,255,.10); transform-origin:left center; animation:mailboxOpen 3.6s ease-in-out infinite; backface-visibility:hidden; box-shadow:4px 0 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); }
.om-mailbox-door::before{ content:""; position:absolute; right:9px; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:50%; background:radial-gradient(circle at 30% 30%, #f3d68a, #c9a04a 55%, #7a5f1e 100%); border:1.2px solid rgba(0,0,0,.38); box-shadow:0 1px 6px rgba(0,0,0,.35), 0 0 8px rgba(201,160,74,.35); }
.om-mailbox-flag{ position:absolute; right:-3px; top:14px; width:13px; height:18px; background:linear-gradient(180deg, #a50a12, #5a0a0a); border-radius:3px; border:1px solid rgba(255,255,255,.13); transform-origin:left center; animation:flagWave 3.6s ease-in-out infinite; box-shadow:2px 2px 8px rgba(0,0,0,.28); }
.om-mailbox-empty{ position:absolute; inset:14px 12px 18px 12px; display:grid; place-items:center; color:rgba(255,255,255,.07); font-size:22px; text-shadow:0 1px 8px rgba(0,0,0,.28); }
.om-clown-mini{ position:absolute; left:6%; top:50%; transform:translateY(-50%) translateZ(28px) rotateY(8deg); width:66px; height:76px; display:grid; place-items:center; animation:clownRun3D 3.6s ease-in-out infinite; z-index:5; will-change:transform, opacity; transform-style:preserve-3d; filter:drop-shadow(0 14px 22px rgba(0,0,0,.42)); }
.om-clown-mini svg{ width:66px; height:76px; display:block; overflow:visible; }
.om-clown-mini .arm-key{ transform-origin:42px 50px; animation:armKey 3.6s ease-in-out infinite; }
.om-clown-mini .arm-back{ transform-origin:26px 49px; animation:armSwing 0.44s ease-in-out infinite; }
.om-clown-mini .leg-back{ transform-origin:26px 60px; }
.om-clown-mini .leg-front{ transform-origin:32px 60px; }
.om-clown-mini .leg{ animation:legRun 0.22s ease-in-out infinite; }
.om-clown-mini .leg.alt{ animation-delay:.11s; }
.om-clown-mini .key-glint{ animation:keyGlint 3.6s ease-in-out infinite; }
.om-notif-empty-text{ text-align:center; display:grid; gap:5px; justify-items:center; padding:2px 8px 2px; }
.om-notif-empty-text b{ font-family:'Satoshi', sans-serif; font-size:13px; font-weight:800; color:#fff; letter-spacing:.02em; }
.om-notif-empty-text p{ font-family:'JetBrains Mono', monospace; font-size:11px; color:#a1a1aa; line-height:1.5; max-width:280px; }
.om-notif-empty-text .hint{ font-size:10px; color:#71717a; border:1px dashed rgba(255,255,255,.08); padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.02); }
@keyframes mailboxOpen{ 0%,28%{ transform:perspective(320px) rotateY(0deg); } 36%,60%{ transform:perspective(320px) rotateY(-74deg); } 70%,100%{ transform:perspective(320px) rotateY(-78deg); } }
@keyframes flagWave{ 0%,34%{ transform:rotate(0); } 44%,70%{ transform:rotate(-18deg); } 100%{ transform:rotate(-16deg); } }
@keyframes clownRun3D{ 0%{ transform:translate(-10px,-50%) translateZ(28px) rotateY(8deg) scale(.98); opacity:1; } 12%{ transform:translate(44px,-50%) translateZ(36px) rotateY(6deg) scale(1.02); } 32%{ transform:translate(46px,-50%) translateZ(38px) rotateY(4deg) scale(1.03); } 44%{ transform:translate(46px,-50%) translateZ(38px) rotateY(4deg); } 58%{ transform:translate(-6px,-50%) translateZ(18px) rotateY(12deg) scale(.99); opacity:1; } 74%{ transform:translate(-122px,-50%) translateZ(8px) rotateY(18deg) scale(.94); opacity:0; } 100%{ transform:translate(-122px,-50%) translateZ(8px) rotateY(18deg) scale(.94); opacity:0; } }
@keyframes clownRun{ 0%{ transform:translate(-8px, -50%); opacity:1; } 10%{ transform:translate(42px, -50%); } 30%{ transform:translate(44px, -50%) scale(1.01); } 42%{ transform:translate(44px, -50%); } 60%{ transform:translate(-88px, -50%); opacity:1; } 74%{ transform:translate(-118px, -50%) scale(.98); opacity:0; } 100%{ transform:translate(-118px, -50%); opacity:0; } }
@keyframes armSwing{ 0%{ transform:rotate(-18deg); } 50%{ transform:rotate(18deg); } 100%{ transform:rotate(-18deg); } }
@keyframes armKey{ 0%,30%{ transform:rotate(8deg); } 38%,58%{ transform:rotate(-22deg); } 62%,100%{ transform:rotate(14deg); } }
@keyframes legRun{ 0%{ transform:translateY(0) rotate(-10deg); } 50%{ transform:translateY(-3px) rotate(10deg); } 100%{ transform:translateY(0) rotate(-10deg); } }
@keyframes legBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(1.2px); } }
@keyframes keyGlint{ 0%,38%{ opacity:0; transform:translateX(-6px); } 44%{ opacity:1; } 52%{ opacity:0; transform:translateX(6px); } 100%{ opacity:0; } }
@keyframes eyeFear{ 0%,100%{ filter:brightness(1); } 50%{ filter:brightness(1.15) drop-shadow(0 0 3px rgba(139,0,0,.55)); } }
@media(max-width:520px){ .om-notif-empty-stage{ height:154px; } .om-clown-mini{ left:10%; } }

.nav-sculpted-shell{ max-width:100%; box-sizing:border-box; } .nav-access{ flex-wrap:nowrap; } .nav-logout{ flex-shrink:0; } .nav-identity{ flex-wrap:nowrap; min-width:0; }