/* =========================================================
   L'ORDRE DU ROI — la page de parrainage, la lettre de noblesse (carte holographique 3D, 10 matières),
   les sections (rang, convocation, royaume, trésor, cour, légendes, règles) et les cérémonies plein écran.
   Animations sur transform/opacity seulement ; textures rendues une fois (SVG en image) ; body.lite allège tout.
   ========================================================= */
:root{
  --or-gold:linear-gradient(180deg,#fff4c4 0%,#ffd65a 38%,#f5b400 62%,#b07a00 100%);
  --or-cinzel:"Cinzel",Georgia,"Times New Roman",serif;
  /* textures (calculées une fois par le navigateur) */
  --or-t-bruit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 -.15'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)'/%3E%3C/svg%3E");
  --or-t-brosse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .75' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.3 -.35'/%3E%3C/filter%3E%3Crect width='360' height='360' filter='url(%23f)'/%3E%3C/svg%3E");
  --or-t-cuir:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='.09' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .12 0 0 0 1.4 -.45'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E");
}

/* ---------- les 10 matières (carte, pastilles, ambiance) ---------- */
[data-matiere]{--m-encre:#3a2600;--m-filet:#3a260099;--m-filet2:#3a260040;--m-texte:none;--m-holo:.4;--m-guill:.16;--m-lueur:#f5b40040;--m-grain:var(--or-t-brosse);--m-grain-op:.45}
[data-matiere="cuir"]{--m-fond:radial-gradient(130% 90% at 22% 12%,#8a5634 0%,#55301b 38%,#2a160b 100%);--m-grain:var(--or-t-cuir);--m-grain-op:.9;--m-encre:#f3cf72;--m-filet:#e0b25acc;--m-filet2:#e0b25a55;--m-texte:linear-gradient(180deg,#fff1b8,#ffd65a 45%,#c98a00);--m-holo:.32;--m-guill:.09;--m-lueur:#c9783244}
[data-matiere="bronze"]{--m-fond:linear-gradient(140deg,#3b2412 0%,#8a5a2b 26%,#d39a5c 44%,#9a6430 58%,#4a2c12 82%,#2b180a 100%);--m-encre:#ffe2b8;--m-filet:#ffd9a3cc;--m-filet2:#ffd9a350;--m-texte:linear-gradient(180deg,#fff3dc,#ffd29a 50%,#c9874a);--m-holo:.32;--m-lueur:#d38a4a40}
[data-matiere="argent"]{--m-fond:linear-gradient(140deg,#7c838b 0%,#e9edf2 24%,#aeb5bd 42%,#f8fafc 58%,#9aa2ab 78%,#6c737b 100%);--m-encre:#262c33;--m-filet:#262c3399;--m-filet2:#262c3333;--m-holo:.5;--m-lueur:#dfe8f240}
[data-matiere="or"]{--m-fond:linear-gradient(140deg,#7a5200 0%,#e9b42c 22%,#fff0b3 40%,#e0a823 56%,#fff3c4 70%,#9a6a00 100%);--m-encre:#3d2800;--m-filet:#3d280099;--m-filet2:#3d280038;--m-holo:.42;--m-lueur:#ffd65a55}
[data-matiere="orrose"]{--m-fond:linear-gradient(140deg,#7a3d30 0%,#e8a291 24%,#ffe1d6 42%,#d18d7c 58%,#ffd9cc 72%,#8c4a3c 100%);--m-encre:#4a1f17;--m-filet:#4a1f1799;--m-filet2:#4a1f1738;--m-holo:.5;--m-lueur:#ff9e8a44}
[data-matiere="platine"]{--m-fond:linear-gradient(140deg,#4f5862 0%,#dfe5ec 22%,#ffffff 40%,#c3ccd5 56%,#f4f7fa 72%,#5d6670 100%);--m-encre:#1f2830;--m-filet:#1f283088;--m-filet2:#1f283030;--m-holo:.6;--m-lueur:#e9f3ff55}
[data-matiere="obsidienne"]{--m-fond:radial-gradient(120% 70% at 80% 0%,#3a2a55 0%,transparent 55%),radial-gradient(90% 60% at 0% 100%,#0e3a35 0%,transparent 60%),linear-gradient(140deg,#050507,#14101c 45%,#050507);--m-grain:var(--or-t-bruit);--m-grain-op:.35;--m-encre:#f0d07a;--m-filet:#ffd65aaa;--m-filet2:#ffd65a40;--m-texte:linear-gradient(180deg,#fff1b8,#ffd65a 45%,#b98200);--m-holo:.55;--m-guill:.12;--m-lueur:#8a5cff40}
[data-matiere="diamant"]{--m-fond:conic-gradient(from 210deg at 30% 30%,#ffffff,#bfe3ff,#f2fbff,#9fd3ff,#ffffff,#d9f0ff,#ffffff),linear-gradient(#fff,#cfe9ff);--m-grain:var(--or-t-bruit);--m-grain-op:.25;--m-encre:#0d2a4a;--m-filet:#0d2a4a88;--m-filet2:#0d2a4a30;--m-holo:.75;--m-lueur:#9fd3ff55}
[data-matiere="holo"]{--m-fond:linear-gradient(120deg,#ffc2e6 0%,#ffe9a8 18%,#b8ffd9 36%,#a8e4ff 54%,#d4b8ff 72%,#ffc2e6 90%);--m-grain:var(--or-t-bruit);--m-grain-op:.3;--m-encre:#1d1240;--m-filet:#1d124088;--m-filet2:#1d124030;--m-holo:.95;--m-lueur:#c38bff50}
[data-matiere="couronne"]{--m-fond:radial-gradient(100% 60% at 50% 38%,#6b2a9a 0%,#2a0d45 45%,#0a0312 100%);--m-grain:var(--or-t-bruit);--m-grain-op:.3;--m-encre:#ffe08a;--m-filet:#ffd65aee;--m-filet2:#ffd65a66;--m-texte:linear-gradient(180deg,#ffffff,#ffe9a8 30%,#ffd65a 60%,#d99b00);--m-holo:.7;--m-guill:.2;--m-lueur:#ffcf4a66}

/* ---------- la page ---------- */
#v-ordre{position:relative}
.or-page{position:relative;padding-bottom:26px}
.or-page>*{position:relative;z-index:1}
.or-page>.or-ciel{position:absolute;z-index:0}
/* la carte (couches 3D) se peint après le reste de la page : rien ne passe « au-dessus » d'elle, donc rien d'autre
   n'a besoin de sa propre couche graphique (moins de travail à chaque image, surtout en défilant) */
.or-page>.or-scene{z-index:2}
.or-ciel{left:-16px;right:-16px;top:-80px;height:820px;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.or-ciel i{position:absolute;left:50%;top:430px}
.or-rayons{width:1200px;height:1200px;margin:-600px 0 0 -600px;background:repeating-conic-gradient(from 0deg,#ffd65a12 0deg 3.5deg,transparent 3.5deg 14deg);-webkit-mask-image:radial-gradient(closest-side,#000 15%,transparent 72%);mask-image:radial-gradient(closest-side,#000 15%,transparent 72%);animation:orTourne 80s linear infinite}
.or-halo{width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(closest-side,var(--m-lueur),transparent)}
.or-braises{width:100%;height:100%;left:0!important;top:0!important;background-image:radial-gradient(1.6px 1.6px at 12% 70%,#ffd65acc,transparent),radial-gradient(1.2px 1.2px at 82% 62%,#ffd65aaa,transparent),radial-gradient(1.8px 1.8px at 64% 84%,#ffcf6add,transparent),radial-gradient(1.2px 1.2px at 28% 40%,#62d0ff99,transparent),radial-gradient(1.4px 1.4px at 90% 30%,#ffd65a99,transparent),radial-gradient(1.2px 1.2px at 40% 92%,#ffd65aaa,transparent);animation:orMonte 14s linear infinite}
@keyframes orTourne{to{transform:rotate(360deg)}}
@keyframes orMonte{from{transform:translateY(60px)}to{transform:translateY(-140px)}}

.or-attente{display:grid;place-items:center;gap:14px;text-align:center;padding:120px 20px;color:#cfc6ad;font-weight:700}
.or-attente .btn{width:auto}
.or-sablier{width:54px;color:#ffd65a;animation:orPouls 1.4s ease-in-out infinite}
@keyframes orPouls{50%{transform:scale(1.12);filter:drop-shadow(0 0 14px #f5b400)}}
.or-cour{width:1.15em;height:.8em;vertical-align:-.05em;display:inline-block}

.or-demo{display:grid;gap:6px;margin:6px 0 4px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#0f2a3d,#101018);border:1px solid #2aabee66;font-size:13px;line-height:1.45;color:#cfe8f7}
.or-demo b{color:#62d0ff;font-size:14px}
.or-demo .btn{margin-top:6px;padding:11px}

.or-tete{text-align:center;margin:10px 0 6px}
.or-tete small{display:inline-flex;align-items:center;gap:8px;font:700 11px var(--or-cinzel);letter-spacing:.32em;text-transform:uppercase;color:#62d0ff}
.or-tete small .or-cour{color:#ffd65a}
.or-tete h2{font:900 27px/1.1 var(--or-cinzel);letter-spacing:.02em;margin-top:6px;color:#f6f0dd}
.or-tete h2 span{background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- la carte ---------- */
.or-scene{position:relative;width:min(318px,calc(100vw - 64px));aspect-ratio:5/7;margin:14px auto 0;perspective:1100px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.or-ombre{position:absolute;left:8%;right:8%;bottom:-26px;height:34px;border-radius:50%;background:radial-gradient(closest-side,#000c,transparent);filter:blur(4px);z-index:-1}
.or-carte{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.or-retourne{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.3,1.25,.4,1)}
.or-carte.dos .or-retourne{transform:rotateY(180deg)}
.or-face{position:absolute;inset:0;border-radius:22px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate;transform:translateZ(.1px);
  box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #0006,inset 0 0 0 1px #ffffff1c,0 34px 60px -22px #000e,0 0 50px -10px var(--m-lueur)}
.or-dos{transform:rotateY(180deg) translateZ(.1px)}
.or-face>i{position:absolute;inset:0;pointer-events:none}
.or-mat{background:var(--m-fond)}
.or-grain{background-image:var(--m-grain);opacity:var(--m-grain-op);mix-blend-mode:overlay}
.or-guill{inset:-4%!important;background:var(--or-rosace) center/cover no-repeat;opacity:var(--m-guill);mix-blend-mode:overlay}
/* le reflet holographique : un arc-en-ciel qui ne vit que dans les traits de la rosace, déplacé par la carte graphique */
.or-foil{overflow:hidden;opacity:var(--m-holo);mix-blend-mode:color-dodge;-webkit-mask:var(--or-rosace) center/cover no-repeat;mask:var(--or-rosace) center/cover no-repeat}
.or-foil>i{position:absolute;inset:-60%;background:repeating-linear-gradient(115deg,#ff3d8b 0%,#ffcf3d 5%,#3dffb0 10%,#3dc2ff 15%,#a63dff 20%,#ff3d8b 25%);will-change:transform}
[data-matiere="holo"] .or-foil,[data-matiere="diamant"] .or-foil{-webkit-mask:none;mask:none;mix-blend-mode:overlay}
.or-eclat{overflow:hidden;mix-blend-mode:soft-light}
.or-eclat>i{position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,#fffffff0 0%,#ffffff55 14%,transparent 38%);will-change:transform}
[data-matiere="cuir"] .or-eclat,[data-matiere="obsidienne"] .or-eclat,[data-matiere="couronne"] .or-eclat{mix-blend-mode:overlay;opacity:.7}
/* le cuir : coutures ; l'obsidienne : éclat de verre ; la couronne vivante : l'or qui coule et respire */
[data-matiere="cuir"] .or-cadre:before{content:"";position:absolute;inset:-7px;border:1.6px dashed #d9a95a99;border-radius:18px;pointer-events:none}
[data-matiere="obsidienne"] .or-mat:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff1c 46%,transparent 47%,transparent 60%,#ffffff12 70%,transparent 71%)}
[data-matiere="diamant"] .or-mat:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 40%,#ffffff40,transparent 8%,#bfe3ff60 16%,transparent 25%,#ffffff50 33%,transparent 42%,#9fd3ff55 50%,transparent 58%,#ffffff40 66%,transparent 75%,#d9f0ff60 83%,transparent 92%,#ffffff40)}
[data-matiere="couronne"] .or-mat:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,#ffd65a40,transparent 25%,#ff9d2a30,transparent 50%,#ffd65a40,transparent 75%);animation:orTourne 9s linear infinite}
[data-matiere="couronne"] .or-cadre{box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 5px var(--m-filet2),inset 0 0 26px #ffcf4a44,0 0 18px #ffcf4a55}

.or-cadre{position:absolute;inset:13px;border-radius:14px;border:1.5px solid var(--m-filet);box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 5px var(--m-filet2);display:flex;flex-direction:column;align-items:center;padding:11px 13px 10px;color:var(--m-encre);z-index:1}
.or-haut{width:100%;display:flex;align-items:center;justify-content:space-between;font:700 8.6px var(--or-cinzel);letter-spacing:.2em;text-transform:uppercase}
.or-haut span{display:flex;align-items:center;gap:5px}
.or-haut b{font-weight:900;letter-spacing:.12em}
.or-blason{flex:1;min-height:0;width:100%;display:grid;place-items:center;margin:4px 0 2px;transition:opacity .4s}
.or-blason svg{width:100%;height:100%;display:block;filter:drop-shadow(0 7px 9px #0008)}
.or-nom{font:900 clamp(17px,6vw,23px)/1.05 var(--or-cinzel);letter-spacing:.05em;text-transform:uppercase;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-shadow:0 1px 0 #ffffff70,0 -1px 0 #00000040}
.or-titre{font:700 9.5px var(--or-cinzel);letter-spacing:.26em;text-transform:uppercase;margin-top:5px;opacity:.92;text-shadow:0 1px 0 #ffffff55}
[data-matiere="cuir"] .or-nom,[data-matiere="bronze"] .or-nom,[data-matiere="obsidienne"] .or-nom,[data-matiere="couronne"] .or-nom,
[data-matiere="cuir"] .or-titre,[data-matiere="bronze"] .or-titre,[data-matiere="obsidienne"] .or-titre,[data-matiere="couronne"] .or-titre{background:var(--m-texte);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #000a)}
.or-bas{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:8px;font:700 6.8px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.or-bas span b{display:block;font:800 8.6px var(--or-cinzel);letter-spacing:.1em;margin-top:2px}
.or-mat-nom{flex:1;text-align:center;font:600 7px var(--or-cinzel)!important;letter-spacing:.24em;opacity:.8}
.or-sceau-holo{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(from 30deg,#ff6fb5,#ffe36f,#6fffc1,#6fd0ff,#b88cff,#ff6fb5);box-shadow:inset 0 0 0 1.5px #ffffff99,0 1px 4px #0006}
.or-sceau-holo .or-cour{width:15px;height:11px;filter:drop-shadow(0 1px 0 #0005)}
/* verso */
.or-dos .or-cadre{justify-content:space-between;text-align:center}
.or-qr{width:62%;aspect-ratio:1;margin:10px auto 4px;padding:8%;border-radius:16px;background:#fffaf0;color:#1a1205;box-shadow:0 6px 18px #0006,inset 0 0 0 1.5px #c98a00;display:grid;place-items:center}
.or-qr svg{width:100%;height:100%;display:block}
.or-qr-attente{width:40%;aspect-ratio:1;border-radius:50%;border:3px solid #c98a0055;border-top-color:#c98a00;animation:orTourne 1s linear infinite}
.or-qr-sans{font-size:9px;word-break:break-all;color:#3a2a00}
.or-qr-t{font:600 10px/1.4 Manrope,sans-serif;letter-spacing:.02em}
.or-qr-t b{font-weight:800}
.or-devise{font:700 12px/1.3 var(--or-cinzel);letter-spacing:.04em;margin-top:4px}
.or-blz{font:italic 500 9.5px/1.35 Georgia,serif;opacity:.85;margin:2px 4px 0}
.or-signature{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px}
.or-signe{width:96px;height:30px;color:var(--m-encre)}
.or-signature span{font:700 8px var(--or-cinzel);letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.or-cire{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#ffb3b3;background:radial-gradient(circle at 35% 30%,#e2383f,#a3101f 55%,#5c0612);box-shadow:0 2px 6px #0008,inset 0 0 0 2px #7a0a18,inset 0 0 0 4px #c9283580}
.or-cire .or-cour{width:18px;height:13px;opacity:.85}
/* apparition sur la page */
.or-carte.or-apparait{animation:orApparait 1.1s cubic-bezier(.2,1.1,.3,1) both}
@keyframes orApparait{from{opacity:0;transform:rotateX(26deg) rotateY(-24deg) translateY(30px) scale(.86)}}

.or-indice{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 0;font:600 11.5px Manrope,sans-serif;color:#9d957f}
.or-indice i{width:4px;height:4px;border-radius:50%;background:#ffd65a}
.or-actions{display:grid;gap:10px;margin-top:16px}
.or-convoquer{gap:10px;font-size:15.5px}
.or-convoquer svg{width:30px;height:30px;flex:none;filter:drop-shadow(0 1px 0 #fff8)}
.or-actions-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.or-mini{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;border-radius:14px;background:#ffffff09;border:1px solid #ffd65a33;color:#f0e2b6;font:800 13px Manrope,sans-serif}
.or-mini i{font-style:normal;color:#ffd65a}
.or-mini:active,.or-rg:active,.or-coffre:active,.or-service:active,.or-code:active{transform:scale(.96)}

.or-onglets{display:flex;gap:6px;overflow-x:auto;margin:24px -16px 0;padding:10px 16px 12px;background:linear-gradient(#07070a 72%,#07070a00);scrollbar-width:none}
.or-onglets::-webkit-scrollbar{display:none}
.or-onglets button{flex:none;padding:8px 14px;border-radius:99px;font:800 12px Manrope,sans-serif;color:#dccfae;background:#ffffff0a;border:1px solid #ffd65a26}

/* ---------- sections ---------- */
.or-sec{scroll-margin-top:120px}
/* les sections loin de l'écran ne sont ni mises en page ni peintes (arrivée sur la page bien plus rapide, défilement plus léger) ;
   elles débordent de 16 px de chaque côté (listes qui glissent jusqu'au bord de l'écran, ombres des cartes) */
.or-sec{margin:0 -16px;padding:0 16px 12px;content-visibility:auto;contain-intrinsic-size:auto 640px}
#or-s-rang{contain-intrinsic-size:auto 560px}#or-s-convoquer{contain-intrinsic-size:auto 720px}#or-s-royaume{contain-intrinsic-size:auto 560px}
#or-s-tresor{contain-intrinsic-size:auto 900px}#or-s-cour{contain-intrinsic-size:auto 780px}#or-s-legendes{contain-intrinsic-size:auto 300px}#or-s-regles{contain-intrinsic-size:auto 760px}
.or-st{display:flex;align-items:center;gap:12px;margin:30px 0 16px;text-align:center}
.or-st>div{flex:none;max-width:76%}
.or-st-fil{flex:1;height:1px;background:linear-gradient(90deg,transparent,#ffd65a99);position:relative}
.or-st-fil:last-child{background:linear-gradient(270deg,transparent,#ffd65a99)}
.or-st-fil:after{content:"";position:absolute;top:-3px;width:7px;height:7px;transform:rotate(45deg);background:#ffd65a;box-shadow:0 0 8px #f5b400}
.or-st-fil:first-child:after{right:-4px}.or-st-fil:last-child:after{left:-4px}
.or-st small{display:block;font:700 10px var(--or-cinzel);letter-spacing:.28em;text-transform:uppercase;color:#62d0ff}
.or-st h3{font:900 23px/1.15 var(--or-cinzel);margin-top:4px;color:#f6f0dd}
.or-st h3 span{background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-st p{font:600 12.5px/1.45 Manrope,sans-serif;color:#a49c88;margin-top:5px}
.or-carte-boite{border-radius:22px;background:linear-gradient(160deg,#1c1608,#0c0b10 70%);border:1px solid #ffd65a2e;box-shadow:0 14px 34px #0009,inset 0 1px 0 #ffffff10}

/* rang et gloire */
.or-gloire{position:relative;padding:16px;border-radius:22px;background:linear-gradient(160deg,#1f1708,#0c0b10 70%);border:1px solid #ffd65a33;box-shadow:0 14px 34px #0009,inset 0 1px 0 #ffffff12;overflow:hidden}
.or-gloire:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 0% 0%,#f5b40022,transparent 60%);pointer-events:none}
.or-gl-l{display:flex;align-items:center;gap:12px}
.or-gl-l>div:nth-child(2){flex:1}
.or-gl-l small{display:block;font:700 10px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a49c88}
.or-gl-l b{font:900 22px var(--or-cinzel);color:#fff3cf}
.or-gl-n{text-align:right}
.or-gl-n b{font:400 30px/1 "Russo One",sans-serif;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-gl-n small{letter-spacing:.04em;text-transform:none;font-size:11px}
.or-jauge{position:relative;height:16px;border-radius:99px;background:#000;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffd65a3a;margin:16px 0 10px;overflow:hidden}
.or-jauge-or{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p));background:linear-gradient(90deg,#8a5a00,#f5b400 45%,#ffd65a 80%,#fff4c4);border-radius:inherit;box-shadow:0 0 14px #f5b400aa;overflow:hidden;animation:orRemplit 1.6s cubic-bezier(.2,.9,.3,1) backwards .2s}
@keyframes orRemplit{from{transform:scaleX(0)}}
.or-jauge-or>i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,#fffc,transparent);animation:orGlisse 2.8s ease-in-out infinite}
@keyframes orGlisse{from{transform:translateX(-120%)}60%,to{transform:translateX(420%)}}
.or-jauge em{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:800 9.5px var(--or-cinzel);letter-spacing:.1em;color:#ffffffcc;text-transform:uppercase;mix-blend-mode:difference}
.or-gloire p{font-size:13.5px;line-height:1.5;color:#d9d0b8}
.or-gloire p b{color:#ffd65a}
.or-gl-note{display:block;margin-top:8px;font-size:11.5px;color:#8f877a;line-height:1.45}
.or-gl-note b{color:#cfc4a8}
.or-pastille{position:relative;display:block;flex:none;width:40px;height:56px;border-radius:7px;background:var(--m-fond);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40,0 4px 10px #0008}
.or-pastille:after{content:"";position:absolute;inset:4px;border-radius:4px;border:1px solid var(--m-filet)}
.or-pastille:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff70 48%,transparent 60%)}
.or-echelle{display:flex;gap:8px;overflow-x:auto;margin:12px -16px 0;padding:4px 16px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.or-echelle::-webkit-scrollbar{display:none}
.or-rg{flex:none;width:84px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px 10px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff12;color:#a59d8a;transition:transform .15s}
.or-rg b{font:900 11.5px var(--or-cinzel);letter-spacing:.02em;color:#e9dfc4}
.or-rg small{font-size:10px;font-weight:700}
.or-rg em{font:800 10.5px Manrope,sans-serif;font-style:normal;color:#ffd65a;display:flex;align-items:center;gap:3px}
.or-rg.on{border-color:#ffd65a;background:linear-gradient(180deg,#f5b40022,#f5b40008);box-shadow:0 0 0 3px #f5b40018,0 10px 24px #f5b40022}
.or-rg.on b{color:#fff}
.or-rg:not(.on):not(.fait){opacity:.62}
.or-rg.fait:after{content:"✓";position:absolute;margin:-6px 0 0 50px;font:900 11px Manrope;color:#3ddc84}

/* convoquer */
.or-offre{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.or-offre div{display:flex;flex-direction:column;align-items:center;padding:13px 6px 11px;border-radius:16px;text-align:center;background:linear-gradient(170deg,#1d1608,#0d0c11);border:1px solid #ffd65a2a}
.or-offre b{display:block;font:400 22px "Russo One",sans-serif;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-offre small{display:block;margin:4px 0 8px;font-size:10.5px;line-height:1.35;color:#b3aa94}
.or-offre-2{margin:10px 2px 12px;font-size:12.5px;color:#a49c88;text-align:center}
.or-offre-2 b{color:#ffd65a}
.or-lien{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 9px 9px 13px;border-radius:14px;background:#00000066;border:1px dashed #ffd65a55}
.or-lien span{flex:1;min-width:0;font:600 12px ui-monospace,monospace;color:#f0e2b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-lien button{flex:none;padding:8px 13px;border-radius:10px;background:#ffd65a;color:#1a1200;font:800 12px Manrope,sans-serif}
.or-parrain{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#ffffff07;font-size:12.5px;color:#cfc6ad}
.or-parrain svg{width:30px;height:36px;flex:none}
.or-parrain b{color:#ffd65a}

/* royaume */
.or-roy{border-radius:22px;overflow:hidden;background:#06080a;border:1px solid #ffd65a33;box-shadow:0 14px 34px #0009}
.or-roy-carte{position:relative;height:380px}
.or-roy-cpt{display:flex;justify-content:space-around;padding:10px 8px;border-top:1px solid #ffd65a22;font-size:12px;color:#a49c88;background:#0b0a0e}
.or-roy-cpt b{font:400 16px "Russo One",sans-serif;color:#ffd65a;margin-right:4px}
.or-roy-sans{padding:150px 20px;text-align:center;color:#a49c88}

/* trésor */
.or-solde{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:radial-gradient(90% 120% at 0% 50%,#f5b40026,transparent 60%),linear-gradient(160deg,#1f1708,#0c0b10 70%);border:1px solid #ffd65a40;box-shadow:0 14px 34px #0009}
.or-piece{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;color:#7a5200;background:radial-gradient(circle at 34% 30%,#fff6cf,#ffd65a 40%,#c98a00 75%,#7a5200);box-shadow:inset 0 0 0 3px #ffe9a8,inset 0 0 0 6px #b07a00,0 8px 20px #f5b40055;animation:orPiece 5s ease-in-out infinite}
.or-piece .or-cour{width:30px;height:21px}
@keyframes orPiece{0%,70%,100%{transform:rotateY(0)}85%{transform:rotateY(180deg)}}
.or-solde>div{flex:1}
.or-solde>div b{display:block;font:400 34px/1 "Russo One",sans-serif;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-solde>div small{font:700 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a49c88}
.or-solde>span{font-size:11.5px;line-height:1.6;color:#8f877a;text-align:right}
.or-solde>span b{color:#e9dfc4}
.or-coffres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.or-coffre{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 12px;border-radius:18px;background:linear-gradient(170deg,#1a1510,#0d0c11);border:1px solid #ffffff14;color:#cfc6ad;transition:transform .15s}
.or-coffre.pret{border-color:#ffd65a88;box-shadow:0 0 0 3px #f5b40014,0 10px 24px #f5b40022}
.or-coffre-svg{position:relative;isolation:isolate;width:78px;height:64px}
.or-cf{width:100%;height:100%;overflow:visible}
.or-cf .or-cf-lueur{opacity:0}
/* coffre prêt à ouvrir : la lumière qui fuit sous le couvercle (calque HTML animé en opacité par la carte graphique, pas le SVG) */
.or-coffre.pret .or-coffre-svg:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:8%;height:58%;border-radius:50%;background:radial-gradient(closest-side,#fff6c8d0,#ffd65a70 45%,#ffd65a00);animation:orLueur 2.2s ease-in-out infinite}
@keyframes orLueur{50%{opacity:.25}}
.or-coffre b{font:400 22px "Russo One",sans-serif;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-coffre small{font:700 10px var(--or-cinzel);letter-spacing:.06em;color:#e9dfc4;text-align:center}
.or-coffre em{display:flex;align-items:center;gap:3px;font:800 11.5px Manrope,sans-serif;font-style:normal;color:#ffd65a;margin-top:2px}
.or-coffre span{margin-top:6px;padding:5px 10px;border-radius:99px;font:800 10.5px Manrope,sans-serif;background:#ffffff0c;color:#a49c88}
.or-coffre.pret span{background:var(--or-gold);color:#1a1200}
.or-services{margin-top:16px}
.or-services h4,.or-mes-codes h4,.or-apercus h4{font:700 10.5px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase;color:#a49c88;margin:0 2px 8px}
.or-service{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;margin-bottom:7px;border-radius:15px;background:#ffffff07;border:1px solid #ffffff10;text-align:left;color:#e9dfc4}
.or-service i{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:#f5b40014;font-style:normal;font-size:19px}
.or-service span{flex:1;min-width:0}
.or-service b{display:block;font-size:13.5px}
.or-service small{font-size:11.5px;color:#a49c88}
.or-service em{font:800 11.5px Manrope,sans-serif;font-style:normal;color:#8f877a}
.or-service.pret{border-color:#ffd65a55}.or-service.pret em{color:#ffd65a}
.or-service[disabled]{opacity:.55}
.or-mes-codes{margin-top:16px}
.or-code{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;margin-bottom:7px;border-radius:14px;border:1px dashed #ffd65a88;background:#f5b4000c;color:#fff}
.or-code b{font:400 15px "Russo One",sans-serif;letter-spacing:1px;color:#ffd65a}
.or-code span{flex:1;font-weight:800}
.or-code em{font:800 11.5px Manrope,sans-serif;font-style:normal;color:#62d0ff}
.or-attente-svc{margin-top:8px;font-size:12.5px;color:#cfc6ad}
.or-livre{margin-top:14px;border-radius:16px;background:#ffffff06;border:1px solid #ffffff10;overflow:hidden}
.or-livre summary{padding:13px 14px;font:700 12px var(--or-cinzel);letter-spacing:.18em;text-transform:uppercase;color:#cfc6ad;list-style:none;cursor:pointer}
.or-livre summary::-webkit-details-marker{display:none}
.or-livre summary:after{content:"›";float:right;transition:transform .2s}
.or-livre[open] summary:after{transform:rotate(90deg)}
.or-livre>p{padding:0 14px 14px;font-size:12.5px;color:#8f877a}
.or-ligne{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid #ffffff0a;font-size:12.5px;color:#d9d0b8}
.or-ligne b{font:400 13px "Russo One",sans-serif;color:#3ddc84;white-space:nowrap}
.or-ligne.moins b{color:#ff8a9a}

/* la cour */
.or-sacre{display:grid;justify-items:center;gap:2px;padding:12px;border-radius:18px;text-align:center;background:linear-gradient(135deg,#2a0d45,#120b1c);border:1px solid #b88cff55}
.or-sacre span{font:700 10px var(--or-cinzel);letter-spacing:.22em;text-transform:uppercase;color:#d9c2ff}
.or-sacre b{font:400 22px "Russo One",sans-serif;color:#fff}
.or-sacre small{font-size:11.5px;color:#cbb8e8}
.or-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:6px;margin-top:16px;padding:0 2px}
.or-trone{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.or-tr-blason{position:relative;z-index:2;width:46%;margin-bottom:-28%;filter:drop-shadow(0 4px 8px #000a)}
.or-trone.p1 .or-tr-blason{width:50%}
.or-tr-blason svg{width:100%;display:block}
.or-tr-svg{width:100%;display:block;filter:drop-shadow(0 10px 14px #000c)}
.or-trone b{font:900 12px var(--or-cinzel);color:#f6f0dd;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.or-trone small{font-size:11px;color:#a49c88}
.or-trone.p1 b{font-size:13.5px;color:#ffd65a}
.or-trone.p1:before{content:"";position:absolute;left:-20%;right:-20%;top:-10%;height:80%;background:radial-gradient(closest-side,#f5b40033,transparent);z-index:-1}
.or-trone.vide{opacity:.45}.or-trone.vide .or-tr-svg{margin-top:28%}
.or-top{list-style:none;margin-top:14px;display:grid;gap:6px}
.or-top li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff0e}
.or-top li.moi{border-color:#ffd65a88;background:#f5b40010}
.or-top em{width:22px;font:400 14px "Russo One",sans-serif;font-style:normal;color:#a49c88}
.or-top svg{width:24px;height:29px;flex:none}
.or-top b{flex:1;font-size:13.5px}
.or-top span{font:400 15px "Russo One",sans-serif;color:#ffd65a}
.or-place{margin-top:12px;text-align:center;font-size:13px;color:#cfc6ad}
.or-place b{color:#ffd65a}
.or-masque{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border-radius:16px;background:#ffffff06;border:1px solid #ffffff10;font-size:12.5px;line-height:1.4;color:#b3aa94;cursor:pointer}
.or-masque input{position:absolute;opacity:0;pointer-events:none}
.or-masque i{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:#ffffff1a;transition:background .2s}
.or-masque i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.or-masque input:checked+i{background:#b88cff}
.or-masque input:checked+i:after{transform:translateX(18px)}
.or-masque b{color:#e9dfc4}

/* le mur des légendes */
.or-mur{display:grid;gap:10px;padding:14px;border-radius:22px;
  background:linear-gradient(#0000,#0006),repeating-linear-gradient(0deg,#2a2723 0 30px,#1a1815 30px 32px),repeating-linear-gradient(90deg,#00000000 0 58px,#1a1815 58px 60px);
  background-blend-mode:normal;border:1px solid #ffffff12;box-shadow:inset 0 0 40px #000c}
.or-plaque{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(140deg,#6e4a1c,#c9933f 30%,#8a5a22 55%,#d9a54d 75%,#5e3c14);box-shadow:inset 0 1px 0 #ffe2a3,inset 0 -2px 0 #3a2208,0 6px 14px #000a;color:#2b1803}
.or-pl-blason{width:40px;flex:none;filter:drop-shadow(0 2px 2px #0007)}
.or-pl-blason svg{width:100%;display:block}
.or-plaque.vide .or-pl-blason{color:#3a2208;display:grid;place-items:center;height:44px}
.or-plaque.vide .or-pl-blason .or-cour{width:30px;height:22px}
.or-plaque small{display:block;font:700 9.5px var(--or-cinzel);letter-spacing:.22em;text-transform:uppercase;opacity:.75}
.or-plaque b{display:block;font:900 16px var(--or-cinzel);text-shadow:0 1px 0 #f2c97a}
.or-plaque span{font:600 11px Manrope,sans-serif;opacity:.8}

/* règles */
.or-etapes{list-style:none;display:grid;gap:10px}
.or-etapes li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:#ffffff06;border:1px solid #ffffff10}
.or-etapes i{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;font-style:normal;font-size:20px;background:linear-gradient(145deg,#2a1f08,#0d0c11);border:1px solid #ffd65a40}
.or-etapes small{font:400 11px "Russo One",sans-serif;color:#62d0ff;margin-right:6px}
.or-etapes b{font:900 14.5px var(--or-cinzel);color:#f6f0dd}
.or-etapes p{font-size:12.5px;line-height:1.45;color:#b3aa94;margin-top:3px}
.or-loi{margin:14px 4px 0;padding-left:18px;display:grid;gap:7px;font-size:12.5px;line-height:1.45;color:#a49c88}
.or-loi li::marker{color:#ffd65a}
.or-loi b{color:#e9dfc4}
.or-apercus{margin-top:16px}
.or-apercus>div{display:flex;flex-wrap:wrap;gap:8px}
.or-apercus .or-mini{flex:1 1 40%;font-size:12.5px}
.or-pied{margin-top:30px;text-align:center;font:700 10.5px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase;color:#ffd65a66}
.or-pied .or-cour{width:26px;height:18px;color:#ffd65a88}

/* fiches (feuille du bas) */
.or-fiche{text-align:center;padding:0 2px 6px}
.or-fiche small{display:block;font:700 10.5px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase;color:#62d0ff;margin-top:8px}
.or-fiche h2{font:900 25px var(--or-cinzel)!important;margin:4px 0 6px!important;color:#f6f0dd}
.or-fi-blason{width:92px;margin:2px auto 0;filter:drop-shadow(0 8px 14px #000b)}
.or-fi-blason svg{width:100%;display:block}
.or-fi-em{font-size:52px;margin-top:6px}
.or-fi-etat{font-size:13.5px;color:#cfc6ad;line-height:1.5}
.or-fi-etat.or{color:#ffd65a;font-weight:700}
.or-fi-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:14px 0 6px}
.or-fi-chiffres div{padding:11px 4px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff10}
.or-fi-chiffres b{display:block;font:400 18px "Russo One",sans-serif;color:#ffd65a}
.or-fi-chiffres small{margin:2px 0 0;font:600 10.5px Manrope,sans-serif;letter-spacing:0;text-transform:none;color:#a49c88}
.or-fi-conseil{margin-top:8px;font-size:12.5px;color:#a49c88}
.or-fiche p{font-size:13.5px;line-height:1.5;color:#cfc6ad}
.or-fiche .btn{margin-top:14px}
.or-fiche-rang .or-fi-carte{position:relative;width:min(220px,58vw);aspect-ratio:5/7;margin:4px auto 10px;perspective:900px}
.or-fiche-rang .or-retourne{animation:orBalance 6s ease-in-out infinite}
@keyframes orBalance{0%,100%{transform:rotateY(-12deg) rotateX(4deg)}50%{transform:rotateY(12deg) rotateX(-3deg)}}
.or-fiche-rang .or-foil>i{animation:orFoil 6s ease-in-out infinite}
@keyframes orFoil{0%,100%{transform:translate3d(14%,6%,0)}50%{transform:translate3d(-14%,-6%,0)}}

/* le héraut à l'ouverture de l'app */
.or-banniere{position:fixed;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top,0px));z-index:190;max-width:536px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:18px;
  background:linear-gradient(135deg,#2c2008,#141118 70%);border:1px solid #ffd65a77;box-shadow:0 18px 40px #000c,0 0 30px #f5b40030;transform:translate3d(0,-150%,0);transition:transform .6s cubic-bezier(.2,1.25,.4,1);cursor:pointer}
.or-banniere.on{transform:none}
.or-ban-trompe{width:38px;height:38px;flex:none;animation:orTrompe 1.2s ease-in-out 2}
.or-ban-trompe svg{width:100%;height:100%}
@keyframes orTrompe{30%{transform:rotate(-12deg) scale(1.1)}60%{transform:rotate(4deg)}}
.or-banniere>div{flex:1;min-width:0;line-height:1.3}
.or-banniere>div b{display:block;font:900 13.5px var(--or-cinzel);color:#ffd65a}
.or-banniere>div span{font-size:12.5px;color:#e9dfc4}
.or-banniere>div span b{display:inline;font:800 12.5px Manrope,sans-serif;color:#fff}
.or-banniere button{flex:none;padding:8px 12px;border-radius:11px;background:var(--or-gold);color:#1a1200;font:800 12px Manrope,sans-serif}

/* =========================================================
   CÉRÉMONIES (plein écran)
   ========================================================= */
body.oc-actif{overflow:hidden}
body.oc-actif .nav{visibility:hidden}
.oc{position:fixed;inset:0;z-index:160;display:flex;justify-content:center;opacity:0;transition:opacity .45s;overflow:hidden;touch-action:none;color:#f6f0dd;
  background:radial-gradient(110% 70% at 50% 42%,#21160a 0%,#0b0907 55%,#000 100%);--cw:min(270px,68vw,calc(45vh * .714))}
@media (max-height:700px){.oc{--cw:min(220px,60vw,calc(40vh * .714))}.oc-titre{font-size:20px}.oc-texte{font-size:12.5px;margin-top:4px}.oc .oc-ok{margin-top:10px}.oc-in{padding-top:calc(50px + env(safe-area-inset-top,0px))}}
.oc.on{opacity:1}.oc.sort{opacity:0;pointer-events:none}
.oc:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 46%,#ffd65a0d 0deg 4deg,transparent 4deg 16deg);opacity:0;transition:opacity 1.2s;animation:orTourne 70s linear infinite;-webkit-mask-image:radial-gradient(closest-side at 50% 46%,#000 20%,transparent 75%);mask-image:radial-gradient(closest-side at 50% 46%,#000 20%,transparent 75%)}
.oc.t1:before,.oc.t2:before,.oc.t3:before{opacity:1}
.oc-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.oc-in{position:relative;z-index:2;width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(58px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));text-align:center}
.oc-coin{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:12px;z-index:6;display:flex;gap:8px}
.oc-coin button{height:36px;min-width:36px;padding:0 12px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff24;color:#fff;font:700 12.5px Manrope,sans-serif;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.oc-sur{font:700 11px var(--or-cinzel);letter-spacing:.3em;text-transform:uppercase;color:#ffd65a;opacity:0;transform:translateY(8px);transition:opacity 1s,transform 1s}
.oc.t1 .oc-sur{opacity:1;transform:none}
.oc-zone{position:relative;flex:1;width:100%;min-height:calc(var(--cw) * 1.5)}
.oc-titre{font:900 24px/1.15 var(--or-cinzel);letter-spacing:.02em;margin-top:8px;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.oc-titre span{background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.oc-texte{font-size:13.5px;line-height:1.55;color:#d9d0b8;margin-top:8px;max-width:340px;opacity:0;transform:translateY(10px);transition:opacity .6s .15s,transform .6s .15s}
.oc-texte b{color:#ffd65a}.oc-texte i{color:#cfc4a8;font-family:Georgia,serif}
.oc-gain{font:400 17px "Russo One",sans-serif}
.oc .oc-ok{margin-top:16px;max-width:340px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .5s .3s,transform .5s .3s}
.oc.t4 .oc-titre,.oc.t4 .oc-texte,.oc.t4 .oc-ok{opacity:1;transform:none;pointer-events:auto}
.oc-titre.grave{opacity:1;transform:none}
.oc .grave span{display:inline-block;opacity:0;transform:translateY(-6px) scale(1.4);filter:blur(2px);transition:opacity .25s,transform .35s cubic-bezier(.2,1.5,.4,1),filter .3s}
.oc .grave span.on{opacity:1;transform:none;filter:none;text-shadow:0 0 14px #ffd65a}
.oc .or-nom.grave span.on,.oc .or-titre.grave span.on{text-shadow:none}
.oc.vite *,.oc.vite *:before,.oc.vite *:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}
.oc.leger:before{display:none}
.oc.leger .or-foil,.oc.leger .or-eclat{mix-blend-mode:normal;opacity:.12}

/* la carte dans les cérémonies */
.oc-place{position:absolute;left:50%;top:50%;width:var(--cw);aspect-ratio:5/7;margin:calc(var(--cw) * -.7) 0 0 calc(var(--cw) / -2);perspective:1000px;opacity:0;clip-path:inset(0 50% 0 50% round 20px);transition:clip-path .8s cubic-bezier(.65,0,.2,1),opacity .2s}
.oc-place.on{opacity:1;clip-path:inset(-40px -40px -40px -40px round 20px)}
.oc-place:after{content:"";position:absolute;left:50%;top:-12%;bottom:-12%;width:3px;margin-left:-1.5px;background:linear-gradient(transparent,#fff,transparent);box-shadow:0 0 30px 8px #ffd65a;opacity:0}
.oc-place.on:after{animation:ocTrait .9s ease-out}
@keyframes ocTrait{0%{opacity:1;transform:scaleX(1)}60%{opacity:.9;transform:scaleX(60)}100%{opacity:0;transform:scaleX(120)}}
.oc-place .or-retourne{animation:orBalance 7s ease-in-out infinite}
.oc-place .or-foil>i{animation:orFoil 7s ease-in-out infinite}
.oc-place .or-carte{transition:transform .45s cubic-bezier(.5,0,.5,1)}
.oc-place.tourne .or-carte{transform:rotateY(90deg) scale(1.08)}
.oc-inv .oc-place .or-carte:not(.blason-la) .or-blason{opacity:0}

/* investiture : la forge */
.oc-forge{position:absolute;left:50%;top:50%;width:270px;height:300px;margin:-160px 0 0 -135px;transition:opacity .6s,transform .8s}
.oc.t2 .oc-forge{opacity:0;transform:translateY(40px) scale(.9)}
.oc-lumiere{position:absolute;left:50%;top:44%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(closest-side,#ff8a2a55,#ff5a1a18 55%,transparent);opacity:0;transition:opacity 1s}
.oc.t1 .oc-lumiere{opacity:1}
.oc-enclume{position:absolute;left:5px;right:5px;bottom:0;width:260px;opacity:0;transform:translateY(30px);transition:opacity .8s .2s,transform .8s .2s}
.oc.t1 .oc-enclume{opacity:1;transform:none}
.oc-bl{position:absolute;left:50%;top:50%;width:150px;height:180px;margin:-138px 0 0 -75px;opacity:0;transition:opacity .8s .5s;z-index:2}
.oc.t1 .oc-bl{opacity:1}
.oc-bl>div{position:absolute;inset:0}
.oc-bl svg{width:100%;height:100%;display:block}
.oc-bl .chaud{filter:brightness(0) invert(.8) sepia(1) saturate(12) hue-rotate(-32deg) brightness(1.15) drop-shadow(0 0 16px #ff5a1a);transition:opacity .5s}
.oc-bl .froid{opacity:0;transition:opacity .5s}
.oc-bl[data-coup="1"] .froid{opacity:.35}.oc-bl[data-coup="2"] .froid{opacity:.72}.oc-bl[data-coup="3"] .froid{opacity:1}.oc-bl[data-coup="3"] .chaud{opacity:0}
.oc-chaleur{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,#ffb54a88,#ff5a1a33 60%,transparent);mix-blend-mode:screen;transition:opacity .6s}
.oc-bl[data-coup="2"] .oc-chaleur{opacity:.5}.oc-bl[data-coup="3"] .oc-chaleur{opacity:0}
.oc-marteau{position:absolute;left:212px;top:28px;width:86px;transform-origin:50% 96%;transform:rotate(30deg);opacity:0;transition:opacity .6s .6s;z-index:3}
.oc.t1 .oc-marteau{opacity:1}
.oc-marteau.frappe{animation:ocFrappe .62s cubic-bezier(.6,0,.4,1)}
@keyframes ocFrappe{0%{transform:rotate(30deg)}38%{transform:rotate(52deg)}55%{transform:rotate(-50deg)}63%{transform:rotate(-42deg)}100%{transform:rotate(30deg)}}
.oc-impact{position:absolute;left:160px;top:100px;width:150px;height:70px;margin:-35px 0 0 -75px;border-radius:50%;background:radial-gradient(closest-side,#fffbe6,#ffd65a99 40%,transparent);opacity:0;z-index:4;pointer-events:none}
.oc-impact.on{animation:ocImpact .45s ease-out}
@keyframes ocImpact{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(2.2)}}
.oc-zone.choc{animation:ocChoc .3s}
@keyframes ocChoc{20%{transform:translate(-4px,3px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,1px)}}

/* adoubement : l'épée */
.oc-adb-zone{position:relative;flex:1;width:100%;min-height:calc(var(--cw) * 1.6)}
.oc-epee{position:absolute;left:50%;top:50%;width:calc(var(--cw) * .16);height:calc(var(--cw) * 1.06);margin-left:calc(var(--cw) * -.08);transform-origin:50% 0;z-index:3;opacity:0;
  transform:translate(0,calc(var(--cw) * -2.4)) rotate(0deg);transition:transform .58s cubic-bezier(.5,0,.3,1),opacity .3s;filter:drop-shadow(0 8px 12px #000c)}
.oc-epee.g{opacity:1;transform:translate(calc(var(--cw) * .18),calc(var(--cw) * -1.44)) rotate(35deg)}
.oc-epee.d{opacity:1;transform:translate(calc(var(--cw) * -.18),calc(var(--cw) * -1.44)) rotate(-35deg)}
.oc-epee.sort{opacity:0;transform:translate(0,calc(var(--cw) * -2.6)) rotate(0deg)}
.oc-touche{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(closest-side,#fff,#ffd65a88 35%,transparent);opacity:0;z-index:4;pointer-events:none}
.oc-touche.g{transform:translate(calc(var(--cw) * -.42),calc(var(--cw) * -.57))}
.oc-touche.d{transform:translate(calc(var(--cw) * .42),calc(var(--cw) * -.57))}
.oc-touche.on{animation:ocTouche .55s ease-out}
@keyframes ocTouche{0%{opacity:1;scale:.3}100%{opacity:0;scale:2}}
.oc.eclat:after{content:"";position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 50% 46%,#fff,#fff6d8 30%,#ffd65a55 60%,transparent);pointer-events:none;animation:ocEclat 1.1s ease-out forwards}
@keyframes ocEclat{0%{opacity:0}12%{opacity:1}100%{opacity:0}}

/* convocation : le parchemin et le sceau */
.oc-conv{background:radial-gradient(110% 70% at 50% 42%,#2a0f14 0%,#0d0607 55%,#000 100%)}
.oc-parchemin{position:relative;width:min(330px,86vw);margin:auto 0;transition:transform .8s cubic-bezier(.5,0,.2,1),opacity .6s;--h:400px}
.oc-papier{position:relative;clip-path:inset(50% -2px 50% -2px);transition:clip-path 1.5s cubic-bezier(.6,0,.2,1);color:#3b2410;
  background:radial-gradient(130% 100% at 50% 50%,transparent 50%,#7a4a1c66 88%,#4a2a0c99 100%),radial-gradient(40% 30% at 18% 22%,#a0703a22,transparent),radial-gradient(35% 25% at 82% 78%,#a0703a26,transparent),var(--or-t-bruit),linear-gradient(180deg,#e9d3a2,#f4e4c1 30%,#ead0a0 70%,#d6b679);background-blend-mode:normal,normal,normal,multiply,normal;box-shadow:inset 0 0 0 1px #8a5a2b44}
.oc-papier-in:before{content:"";position:absolute;inset:10px;border:1px solid #8a5a2b55;outline:1px solid #8a5a2b33;outline-offset:3px;pointer-events:none}
.oc.t1 .oc-papier{clip-path:inset(0 -2px 0 -2px)}
.oc-papier-in{padding:30px 22px 26px}
.oc-rouleau{position:absolute;left:-12px;right:-12px;height:24px;border-radius:12px;z-index:2;background:linear-gradient(#f2dfb4,#c99a58 40%,#8a5a2b 75%,#5e3a18);box-shadow:0 8px 16px #000a,inset 0 1px 0 #fff4;transition:transform 1.5s cubic-bezier(.6,0,.2,1)}
.oc-rouleau:before,.oc-rouleau:after{content:"";position:absolute;top:-4px;width:14px;height:32px;border-radius:5px;background:linear-gradient(90deg,#5e3a18,#c99a58,#5e3a18)}
.oc-rouleau:before{left:-8px}.oc-rouleau:after{right:-8px}
.oc-rouleau.h{top:-12px;transform:translateY(calc(var(--h) / 2))}
.oc-rouleau.b{bottom:-12px;transform:translateY(calc(var(--h) / -2))}
.oc.t1 .oc-rouleau{transform:none}
.oc-oyez{display:block;font:700 11px var(--or-cinzel);letter-spacing:.32em;text-transform:uppercase;color:#8a1020}
.oc-pa-blason{width:110px;margin:8px auto 4px;filter:drop-shadow(0 6px 8px #5a3a1060)}
.oc-pa-blason svg{width:100%;display:block}
.oc-pa-l{font:600 14.5px/1.45 Georgia,serif;color:#4a2e14}
.oc-pa-l b{font-family:var(--or-cinzel);font-weight:900;color:#2b1608}
.oc-parchemin h2{font:900 21px/1.15 var(--or-cinzel);color:#2b1608;margin:6px 0 8px}
.oc-sceau{position:relative;width:96px;height:96px;margin:14px auto 0;cursor:pointer;filter:drop-shadow(0 6px 8px #0008);transition:transform .2s}
.oc-sceau:active{transform:scale(.94)}
.oc-cire{width:100%;height:100%;display:block}
.oc-cire-bl{position:absolute;left:30%;top:26%;width:40%;opacity:.5;filter:grayscale(1) brightness(.5) sepia(1) hue-rotate(-40deg) saturate(4);mix-blend-mode:multiply}
.oc-cire-bl svg{width:100%;display:block}
.oc-fissures path{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .25s ease-in}
.oc-sceau.fissure .oc-fissures path{stroke-dashoffset:0}
.oc-sceau.fissure{animation:ocChoc .25s}
.oc-sceau.brise{transform:scale(1.3);opacity:0;transition:transform .45s ease-out,opacity .45s}
.oc-indice{display:block;margin-top:10px;font:800 12.5px Manrope,sans-serif;font-style:normal;color:#8a1020;opacity:0;transition:opacity .5s}
.oc.t2 .oc-indice{opacity:1;animation:orPouls 1.4s ease-in-out infinite}
.oc.t3 .oc-indice{opacity:0;animation:none}
.oc.t2 .oc-sceau{animation:ocAppel 1.6s ease-in-out infinite}
@keyframes ocAppel{50%{transform:scale(1.07);filter:drop-shadow(0 0 16px #ff4a4a99)}}
.oc.t3 .oc-parchemin{transform:translateY(-14%) scale(.8);opacity:.18}
.oc-cadeau{position:absolute;left:50%;top:42%;width:min(290px,78vw);margin-left:calc(min(290px,78vw) / -2);display:grid;justify-items:center;gap:2px;padding:20px 18px 18px;border-radius:20px;color:#1a1200;
  background:radial-gradient(circle at 0 50%,#0b0607 11px,transparent 12px),radial-gradient(circle at 100% 50%,#0b0607 11px,transparent 12px),linear-gradient(135deg,#fff1b8,#ffd65a 30%,#f5b400 65%,#b07a00);
  box-shadow:0 20px 50px #000c,0 0 60px #f5b40066;opacity:0;transform:translateY(30px) scale(.8);transition:opacity .6s,transform .7s cubic-bezier(.2,1.4,.4,1);z-index:3}
.oc.t3 .oc-cadeau{opacity:1;transform:none}
.oc-cadeau small{font:700 10px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase}
.oc-cadeau b{font:400 50px/1.05 "Russo One",sans-serif}
.oc-cadeau span{font:400 18px "Russo One",sans-serif;letter-spacing:2px;padding:4px 12px;border-radius:10px;border:1.5px dashed #1a120066}
.oc-cadeau em{margin-top:6px;font:800 12.5px Manrope,sans-serif;font-style:normal}
.oc-conv .oc-texte{margin-top:auto}

/* héraut */
.oc-her{background:radial-gradient(110% 70% at 50% 30%,#1b1430 0%,#0a0810 55%,#000 100%)}
.oc-her .oc-in{justify-content:center}
.oc-her-trompe{position:relative;width:200px;height:110px;opacity:0;transform:translateX(-60vw) rotate(-14deg);transition:transform .9s cubic-bezier(.2,1.2,.4,1),opacity .4s}
.oc.t1 .oc-her-trompe{opacity:1;transform:none;animation:orTrompe 1.4s ease-in-out .8s 2}
.oc-her-trompe svg{width:100%;height:100%}
.oc-her-bl{position:absolute;left:46px;top:50px;width:40px}
.oc-her-bl svg{width:100%;display:block}
.oc-her .oc-titre{opacity:1;transform:none;margin-top:6px;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.oc-sous{font:700 10.5px var(--or-cinzel);letter-spacing:.26em;text-transform:uppercase;color:#b9a6ff}
.oc-her-liste{list-style:none;width:100%;margin:18px 0 6px;display:grid;gap:8px;text-align:left}
.oc-her-liste li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid #ffd65a2a;font-size:13.5px;line-height:1.4;color:#e9dfc4;opacity:0;transform:translateX(-18px);transition:opacity .4s,transform .5s cubic-bezier(.2,1.3,.4,1)}
.oc-her-liste li.on{opacity:1;transform:none}
.oc-her-liste i{font-style:normal;font-size:20px;flex:none}
.oc-her-liste b{color:#ffd65a}
.oc-her-total{opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s cubic-bezier(.2,1.5,.4,1)}
.oc.t2 .oc-her-total{opacity:1;transform:none}
.oc-her-total small{display:block;font:700 10px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase;color:#a49c88}
.oc-her-total b{font:400 30px "Russo One",sans-serif;background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}

/* coffre */
.oc-cof-zone{position:relative;flex:1;width:100%;display:grid;place-items:center;--lueur:0}
.oc-cof-zone .or-cf.gros{width:min(240px,62vw);height:auto;filter:drop-shadow(0 20px 26px #000c)}
.oc-cof-zone .or-cf-lueur{opacity:var(--lueur);transition:opacity .3s}
.oc-cof-zone.tremble .or-cf{animation:ocTremble .42s}
@keyframes ocTremble{20%{transform:rotate(-4deg) translateY(-3px)}45%{transform:rotate(3.5deg)}70%{transform:rotate(-2deg)}}
.oc-cof-zone .or-cf-couvercle{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,1.6,.4,1)}
.oc-cof-zone.ouvert .or-cf-couvercle{transform:translateY(-62%) scaleY(.5)}
.or-cf .or-cf-tresor{opacity:0;transition:opacity .3s .1s}.oc-cof-zone.ouvert .or-cf-tresor{opacity:1}
.oc-cof-zone.ouvert .or-cf-lueur{opacity:1;transform-box:fill-box;transform-origin:50% 100%;transform:scale(1.6,2.6)}
.oc-rayons{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;background:repeating-conic-gradient(#ffd65a30 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(closest-side,#000 10%,transparent 70%);mask-image:radial-gradient(closest-side,#000 10%,transparent 70%);opacity:0;transform:scale(.4);transition:opacity .5s,transform 1s}
.oc-cof-zone.ouvert .oc-rayons{opacity:1;transform:none;animation:orTourne 24s linear infinite}
.oc-ticket{display:grid;justify-items:center;gap:2px;width:min(280px,76vw);padding:16px;border-radius:18px;color:#1a1200;margin-top:-30px;
  background:radial-gradient(circle at 0 50%,#0b0907 10px,transparent 11px),radial-gradient(circle at 100% 50%,#0b0907 10px,transparent 11px),linear-gradient(135deg,#fff1b8,#ffd65a 30%,#f5b400 65%,#b07a00);
  box-shadow:0 18px 40px #000c,0 0 50px #f5b40066;opacity:0;transform:translateY(40px) scale(.7);transition:opacity .5s,transform .7s cubic-bezier(.2,1.4,.4,1);position:relative;z-index:3}
.oc.t3 .oc-ticket{opacity:1;transform:none}
.oc-ticket small{font:700 10px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase}
.oc-ticket b{font:400 44px/1.05 "Russo One",sans-serif}
.oc-ticket span{font:400 17px "Russo One",sans-serif;letter-spacing:2px}
.oc-ticket em{font:800 12px Manrope,sans-serif;font-style:normal}
.oc.rate .oc-ticket{display:none}

/* ---------- mode léger et mouvement réduit ---------- */
body.lite .or-rayons,body.lite .or-braises,body.lite [data-matiere="couronne"] .or-mat:after,body.lite .or-jauge-or>i,body.lite .or-piece{animation:none}
body.lite .or-foil{mix-blend-mode:normal;opacity:calc(var(--m-holo) * .3)}
body.lite .or-foil>i{will-change:auto}
body.lite .or-coffre.pret .or-coffre-svg:before{animation:none;opacity:.8}
body.lite .or-eclat{mix-blend-mode:normal;opacity:.35}
body.lite .or-grain{mix-blend-mode:normal;opacity:calc(var(--m-grain-op) * .4)}
body.lite .or-guill{mix-blend-mode:normal;opacity:calc(var(--m-guill) * .5)}
@media (prefers-reduced-motion:reduce){.or-page *,.oc *{animation:none!important}.or-carte.or-apparait{animation:none}}

/* =========================================================
   LA SALLE DU CONSEIL (vendeur)
   ========================================================= */
.co{padding-bottom:20px}
.co-tete{text-align:center;margin:10px 0 14px}
.co-tete small{font:700 10.5px var(--or-cinzel);letter-spacing:.3em;text-transform:uppercase;color:#ff8a9a}
.co-tete h2{font:900 26px var(--or-cinzel);margin-top:4px;color:#f6f0dd}
.co-tete h2 span{background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-tete p{font-size:12.5px;color:#a49c88;margin-top:4px}
.co-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.co-stats div{padding:10px 4px;border-radius:14px;text-align:center;background:#ffffff07;border:1px solid #ffd65a22}
.co-stats b{display:block;font:400 18px "Russo One",sans-serif;color:#ffd65a}
.co-stats small{font-size:10px;color:#a49c88}
.co-h{font:900 15px var(--or-cinzel);margin:18px 0 8px;color:#f6f0dd}
.co-filtre{position:sticky;top:62px;z-index:5;display:flex;gap:6px;margin:16px -16px 10px;padding:8px 16px;background:linear-gradient(#07070a 75%,#07070a00)}
.co-filtre button{padding:8px 12px;border-radius:99px;font:800 12px Manrope,sans-serif;color:#dccfae;background:#ffffff0a;border:1px solid #ffd65a26}
.co-filtre button.on{background:var(--or-gold);color:#1a1200;border-color:transparent}
.co-filtre button:last-child{margin-left:auto}
.co-liste{display:grid;gap:10px}
.co-vide{text-align:center;padding:40px 10px;color:#a49c88}
.co-cmd,.co-dem{padding:14px;border-radius:18px;background:linear-gradient(170deg,#17130c,#0c0b10);border:1px solid #ffffff14}
.co-cmd[data-statut="attente"]{border-color:#ffd65a55;box-shadow:0 0 0 3px #f5b4000c}
.co-cmd[data-statut="paye"]{border-color:#3ddc8455}
.co-cmd[data-statut="annule"]{opacity:.6}
.co-cmd header{display:flex;align-items:center;justify-content:space-between}
.co-cmd header b{font:400 16px "Russo One",sans-serif;letter-spacing:1px;color:#ffd65a}
.co-pill{font:800 11px Manrope,sans-serif;padding:4px 9px;border-radius:99px;background:#ffffff0e}
.co-date{display:block;font-size:11.5px;color:#8f877a;margin-top:2px}
.co-client{margin-top:8px;font-size:13px;color:#e9dfc4}
.co-client em{font-style:normal;color:#3ddc84;font-size:11.5px;font-weight:800}
.co-client em.non{color:#ffcf6a}
.co-cmd ul{margin:8px 0 0 18px;font-size:12.5px;color:#cfc6ad;line-height:1.5}
.co-total{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.co-total b{font:400 20px "Russo One",sans-serif;color:#fff}
.co-total small{font-size:11.5px;color:#3ddc84}
.co-pay{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:#cfc6ad}
.co-pay code{padding:5px 8px;border-radius:8px;background:#000a;border:1px dashed #2aabee66;font:600 12px ui-monospace,monospace;color:#bfe6fb;word-break:break-all;cursor:pointer}
.co-pay small{color:#8f877a}
.co-ordre{margin-top:10px;padding:9px 11px;border-radius:12px;background:#f5b4000e;border:1px solid #ffd65a2a;font-size:12px;line-height:1.5;color:#e9dfc4}
.co-ordre b{color:#ffd65a}
.co-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:12px}
.co-actions.seul{grid-template-columns:1fr}
.co-actions button{padding:12px 8px;border-radius:13px;font:800 13px Manrope,sans-serif;transition:transform .15s,background .2s}
.co-actions button:active{transform:scale(.96)}
.co-oui{background:linear-gradient(135deg,#3ddc84,#1f9d57);color:#04210f}
.co-non{background:#ff547018;border:1px solid #ff547055;color:#ff9aab}
.co-non.petit{padding:9px;font-size:12px;background:none}
.co-actions button.arme{background:#fff;color:#1a1200;box-shadow:0 0 0 3px #ffd65a}
.co-dem{display:grid;gap:4px;margin-bottom:8px;border-color:#b88cff55}
.co-dem b{font-size:14px}.co-dem small{font-size:11.5px;color:#a49c88}
.co-dem .co-actions{margin-top:6px}
/* soupçons et doublons (vus par le vendeur seulement) */
.co-alerte{margin-top:10px;padding:9px 11px;border-radius:12px;background:#ff8a2a12;border:1px solid #ff8a2a55;font-size:12px;line-height:1.5;color:#ffd9b8}
.co-alerte b{color:#ffb36a}
.co-sans{width:100%;margin-top:8px;padding:11px 8px;border-radius:13px;font:800 12.5px Manrope,sans-serif;background:#3ddc8410;border:1px dashed #3ddc8466;color:#9ff0c4;transition:transform .15s,background .2s}
.co-sans:active{transform:scale(.97)}
.co-sans.arme{background:#fff;color:#1a1200;border-color:transparent;box-shadow:0 0 0 3px #ffd65a}

/* ---------- la promesse et l'exemple chiffré (clarté : comment, combien, quand) ---------- */
.or-pitch{margin:9px auto 0;max-width:340px;font:600 13.5px/1.5 Manrope,sans-serif;color:#cfc6ad}
.or-pitch b{color:#ffd65a;font-weight:800;white-space:nowrap}
.or-offre em{display:inline-block;margin-top:auto;padding:3px 7px;border-radius:99px;font:800 9px/1.3 Manrope,sans-serif;font-style:normal;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;color:#7fd8ff;background:#62d0ff12;border:1px solid #62d0ff38}
.or-exemple{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,#f5b4001c,#f5b40006 60%,#0000);border:1px solid #ffd65a40}
.or-ex-piece{flex:none;width:34px;height:34px;margin-top:2px;border-radius:50%;display:grid;place-items:center;color:#7a5200;background:radial-gradient(circle at 34% 30%,#fff6cf,#ffd65a 45%,#c98a00 80%);box-shadow:inset 0 0 0 2px #ffe9a8,0 4px 12px #f5b40044}
.or-ex-piece .or-cour{width:19px;height:13px}
.or-exemple p{font-size:13px;line-height:1.5;color:#d9d0b8}
.or-exemple small{display:block;font:700 9.5px var(--or-cinzel);letter-spacing:.24em;text-transform:uppercase;color:#ffd65a;margin-bottom:2px}
.or-exemple b{color:#fff3cf}
.or-valeur{margin:9px 6px 0;font-size:12px;line-height:1.45;color:#8f877a;text-align:center}

/* ---------- l'accueil : la bannière de l'Ordre (sous celle de la Salle du Roi) ---------- */
#v-home>.sec.or-accueil-sec{margin-top:12px;contain-intrinsic-size:auto 96px}   /* collée à la bannière de la Salle du Roi : une même famille */
.or-accueil{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px 13px 12px;border-radius:18px;overflow:hidden;isolation:isolate;text-align:left;color:#fff;
  background:radial-gradient(120% 170% at 0% 0%,#9a6bff30,#0000 55%),radial-gradient(90% 150% at 100% 100%,#f5b40026,#0000 60%),linear-gradient(135deg,#1d1208,#0d0a14);
  border:1px solid #ffd65a6e;box-shadow:0 12px 30px #0008,inset 0 1px 0 #ffffff1c,0 0 0 3px #f5b40010;transition:transform .15s}
.or-accueil:active{transform:scale(.98)}
.or-acc-blason{flex:none;width:42px;height:50px;display:grid;place-items:center;filter:drop-shadow(0 5px 8px #000b)}
.or-acc-blason svg{width:100%;height:100%;display:block}
.or-acc-txt{flex:1;min-width:0}
.or-acc-txt small{display:block;font:700 9.5px var(--or-cinzel);letter-spacing:.26em;text-transform:uppercase;color:#cdb2ff}
.or-acc-txt b{display:block;margin-top:1px;font:900 18px/1.15 var(--or-cinzel);color:#f6f0dd;white-space:nowrap}
.or-acc-txt b span{background:var(--or-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.or-acc-txt em{display:block;margin-top:3px;font:600 12px/1.35 Manrope,sans-serif;font-style:normal;color:#cfc6ad}
.or-acc-droite{flex:none;display:flex;align-items:center;gap:6px}
.or-acc-solde{display:flex;align-items:center;gap:3px;font:400 13px "Russo One",sans-serif;color:#ffd65a}
.or-acc-solde:empty{display:none}
.or-acc-droite>i{font-style:normal;font-size:26px;line-height:1;color:#ffd65a}
.or-acc-reflet{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff1a 48%,#0000 58%);transform:translateX(-120%);animation:orAccReflet 6s ease-in-out 2s infinite}
@keyframes orAccReflet{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.or-accueil.nouvelles:after{content:"";position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 3px #ff4d6d33}
body.lite .or-acc-reflet{display:none}

/* « Payé, sans parrainage » : en évidence si le parrainage est douteux, discret sinon */
.co-sans.discret{border:0;background:none;color:#8f877a;font-size:12px;padding:6px;margin-top:4px;text-decoration:underline;text-underline-offset:3px}
/* ce que reçoit l'ami : la bulle Telegram, telle quelle */
.or-bulle{position:relative;margin:4px 6px 12px 22px;padding:10px 13px 9px;border-radius:16px 16px 16px 4px;background:linear-gradient(160deg,#1e2a38,#17202b);border:1px solid #2aabee40;box-shadow:0 8px 20px #0007}
.or-bulle:before{content:"";position:absolute;left:-7px;bottom:0;width:12px;height:12px;background:#17202b;border-left:1px solid #2aabee40;border-bottom:1px solid #2aabee40;border-radius:0 0 0 10px;transform:skewX(30deg)}
.or-bulle small{display:block;margin-bottom:4px;font:800 9.5px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#62d0ff}
.or-bulle p{font-size:13px;line-height:1.45;color:#e7eef6}
.or-bulle a{display:block;margin-top:5px;font:600 11.5px ui-monospace,monospace;color:#62d0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}