/* The Palier (run.js openAptPicker): a screen of its own over the road, hero tabs, the hero's two paths on hanging
   signs, three offers on planks, each with a live portrait (apt_looks.js). Rarity: grey, blue, purple, gold. */
.palier { position: fixed; inset: 0; z-index: 18; overflow: auto; background: radial-gradient(ellipse at 50% 0, #241c2c, #120f17 70%); color: var(--ink); font-family: var(--text); animation: fadeIn .2s; }
.pal-in { max-width: 520px; margin: 0 auto; padding: calc(max(var(--safe-top), 12px) + 4px) 0 calc(var(--safe-bottom) + 16px); }
.pal-head { display: flex; align-items: baseline; gap: 10px; padding: 4px 16px 10px; }
.pal-head h2 { font-family: var(--pixel); color: var(--gold); margin: 0; font-size: 1.55rem; font-weight: 500; }
.pal-floor { font-family: var(--pixel); color: var(--muted); font-size: .9rem; }
.pal-men { margin-left: auto; font-family: var(--pixel); color: #e8a0a0; font-size: .9rem; white-space: nowrap; }
.pal-heroes { display: flex; gap: 6px; padding: 0 16px; }
.pal-h { flex: 1; min-width: 0; padding: 6px 4px; border: 6px solid transparent; border-image: url("assets/ui/plank.png") 4 fill / 6px round; color: var(--ink); font-family: var(--pixel); font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: none; }
.pal-h.on { border-image-source: url("assets/ui/plank-lit.png"); color: #141617; } .pal-h.done { opacity: .5; }
.pal-me { display: flex; flex-direction: column; align-items: center; gap: 6px; width: fit-content; margin: 0 auto; padding: 14px 0 4px; background: none; border: 0; color: var(--ink); }
.pal-pw { font-family: var(--pixel); font-size: .95rem; color: #d6ccb8; } .pal-pw b { font-weight: 500; color: #feae34; font-size: 1.2rem; }
.pal-gain { color: #feae34; }
.pal-paths { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; }
.pal-path { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 6px 8px; border: 8px solid transparent; border-image: url("assets/ui/sign.png") 4 fill / 8px round; color: #15110c; position: relative; background: none; font: inherit; }
.pal-path::before, .pal-path::after { content: ""; position: absolute; top: -18px; width: 4px; height: 12px; background: url("assets/ui/chain.png") 0 0 / 100% 100%; image-rendering: pixelated; }
.pal-path::before { left: 10px; } .pal-path::after { right: 10px; }
.pal-path b { font-family: var(--pixel); font-weight: 500; font-size: .95rem; }
.pal-path.awake { filter: drop-shadow(0 0 6px rgba(254, 231, 97, .6)); }
.pal-pips { display: inline-flex; gap: 3px; align-items: center; }
.pal-pips i { width: 8px; height: 8px; background: #6b4a2a; box-shadow: inset 0 0 0 1px #2a1a05; }
.pal-pips i.f.r0 { background: #e9e1d2; } .pal-pips i.f.r1 { background: #5fb3ff; } .pal-pips i.f.r2 { background: #c27cff; } .pal-pips i.f.r3 { background: #ffb347; box-shadow: 0 0 4px #ffb347; }
.pal-pips i.star { width: 10px; height: 10px; clip-path: polygon(50% 0, 62% 38%, 100% 38%, 69% 60%, 80% 100%, 50% 75%, 20% 100%, 31% 60%, 0 38%, 38% 38%); }
.pal-pips i.next { background: #fff1c2; animation: palPulse .8s infinite alternate; }
@keyframes palPulse { from { opacity: .35 } to { opacity: 1 } }
.pal-pv { flex: none; display: block; width: 96px; height: 82px; background: radial-gradient(ellipse at 50% 70%, #3a4a2c, #1f2a18 70%); box-shadow: inset 0 0 0 2px #0c0d0e; }
.pal-pv.big { width: 132px; height: 114px; }
.pal-pv.huge { width: 220px; height: 202px; margin: 0 auto; }
.apt-portrait { width: 100%; height: 100%; image-rendering: pixelated; display: block; }
.pal-offers { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 0; }
.pal-offer { display: flex; gap: 10px; align-items: center; text-align: left; padding: 4px 10px 4px 4px; border: 8px solid transparent; border-image: url("assets/ui/plank.png") 4 fill / 8px round; color: var(--ink); font: inherit; text-shadow: 0 1px 0 #0c0d0e; background: none; animation: palIn .35s backwards; }
.pal-offer:nth-child(2) { animation-delay: .08s; } .pal-offer:nth-child(3) { animation-delay: .16s; }
@keyframes palIn { from { opacity: 0; transform: translateY(10px); } }
.pal-offer:active { transform: translateY(1px); filter: brightness(1.1); }
.pal-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pal-tx b { font-family: var(--pixel); font-weight: 500; font-size: 1.05rem; }
.pal-tx > span { font-size: .84rem; line-height: 1.25; }
.pal-tag { font-family: var(--pixel); font-size: .7rem; letter-spacing: .04em; color: #c9c2b8; }
.pal-trait { font-family: var(--pixel); font-size: .78rem; color: #fee761; }
.pal-of { display: flex; align-items: center; gap: 6px; font-family: var(--pixel); font-size: .74rem; color: #d6ccb8; }
.pal-offer.r1 .pal-tag, .pal-offer.r1 b { color: #8fd0ff; } .pal-offer.r2 .pal-tag, .pal-offer.r2 b { color: #d9a8ff; } .pal-offer.r3 .pal-tag, .pal-offer.r3 b { color: #ffd27a; }
.pal-offer.r1 .pal-pv { box-shadow: inset 0 0 0 2px #5fb3ff, 0 0 8px rgba(95, 179, 255, .45); }
.pal-offer.r2 .pal-pv { box-shadow: inset 0 0 0 2px #c27cff, 0 0 10px rgba(194, 124, 255, .55); background: radial-gradient(ellipse at 50% 70%, #3c2a55, #1c1528 75%); }
.pal-offer.r3 .pal-pv { box-shadow: inset 0 0 0 2px #ffb347, 0 0 12px rgba(255, 179, 71, .7); background: radial-gradient(ellipse at 50% 65%, #5a3c14, #24180a 75%); }
.pal-offer.eveil { border-image-source: url("assets/ui/plank-gold.png"); color: #2a1a05; text-shadow: 0 1px 0 rgba(255, 240, 180, .45); }
.pal-offer.eveil b, .pal-offer.eveil .pal-tag, .pal-offer.eveil .pal-of { color: #4a2a08; }
.pal-offer.eveil .pal-pv { background: radial-gradient(ellipse at 50% 60%, #fff1c2, #c97a1c 75%); box-shadow: inset 0 0 0 2px #6b3d0a, 0 0 14px rgba(254, 231, 97, .6); }
.pal-foot { display: flex; justify-content: space-between; padding: 14px 16px 0; }
/* An Éveil or a Résonance: the hero transformed, under turning rays. */
.pal-reveal { text-align: center; position: relative; padding-top: calc(max(var(--safe-top), 12px) + 30px); }
.pal-reveal h2 { font-family: var(--pixel); color: var(--gold); font-weight: 500; margin: 12px 0 6px; }
.pal-rays { position: absolute; left: 50%; top: calc(max(var(--safe-top), 12px) + 130px); width: 520px; height: 520px; margin: -260px 0 0 -260px; pointer-events: none;
  background: repeating-conic-gradient(rgba(254, 231, 97, .16) 0 8deg, transparent 8deg 24deg); border-radius: 50%; animation: palSpin 18s linear infinite; mask: radial-gradient(circle, #000 20%, transparent 68%); -webkit-mask: radial-gradient(circle, #000 20%, transparent 68%); }
@keyframes palSpin { to { transform: rotate(1turn); } }
.pal-reveal .pal-pv.huge { position: relative; background: radial-gradient(ellipse at 50% 60%, #fff1c2, #c97a1c 75%); box-shadow: inset 0 0 0 3px #6b3d0a, 0 0 24px rgba(254, 231, 97, .6); animation: palPop .5s cubic-bezier(.2, 1.6, .4, 1); }
@keyframes palPop { from { transform: scale(.6); opacity: 0; } }
.pal-rev-item { display: flex; flex-direction: column; gap: 4px; margin: 10px 16px; padding: 8px 12px; border: 8px solid transparent; border-image: url("assets/ui/plank-gold.png") 4 fill / 8px round; color: #2a1a05; text-align: left; }
.pal-rev-item b { font-family: var(--pixel); font-weight: 500; font-size: 1.1rem; }
.pal-rev-item .pal-tag { color: #6b3d0a; }
.pal-rev-item.reso { border-image-source: url("assets/ui/plank-lit.png"); }
.pal-reveal .btn { display: inline-block; width: auto; min-width: 180px; margin: 14px auto 0; }
/* The paths of a hero, step by step (showApts). */
.pal-board { margin: 10px 0; }
.pal-board h3 { font-family: var(--pixel); font-weight: 500; margin: 6px 0; }
.pal-step { display: flex; flex-direction: column; gap: 2px; padding: 6px 10px; margin: 4px 0; border-left: 4px solid #3a3142; opacity: .6; }
.pal-step.got { opacity: 1; border-left-color: #e9e1d2; } .pal-step.got.r1 { border-left-color: #5fb3ff; } .pal-step.got.r2 { border-left-color: #c27cff; } .pal-step.got.r3 { border-left-color: #ffb347; }
.pal-step.eveil b { color: var(--gold); } .pal-step.reso { border-left-color: var(--gold); }
.pal-step b { font-family: var(--pixel); font-weight: 500; }
/* The end of the run: the heroes as the road made them, and the embers going back to the Bornes. */
.end-look { width: 60px; height: 56px; }
.end-embers { margin: 12px 0 4px; padding: 10px 12px; border-left: 4px solid #f77622; background: linear-gradient(90deg, rgba(247, 118, 34, .14), transparent); }
.end-embers b { font-family: var(--pixel); font-weight: 500; color: #feae34; }
.end-embers p { margin: 4px 0 0; }
/* Techniques a path grew (run.js boostsOf): the path's colour on the button, a pip per step, the steps in words. */
.cmd-skills .cbtn.b1 { box-shadow: inset 4px 0 0 var(--path); }
.cmd-skills .cbtn.b2 { box-shadow: inset 0 0 0 2px var(--path), inset 6px 0 0 var(--path); }
.cmd-skills .cbtn.b3 { box-shadow: inset 0 0 0 2px var(--path), 0 0 10px var(--path); animation: skBurn 1.2s ease-in-out infinite alternate; }
.cmd-skills .cbtn.b3 .sk-top b { color: var(--path); }
@keyframes skBurn { to { box-shadow: inset 0 0 0 2px var(--path), 0 0 18px var(--path), inset 0 0 10px color-mix(in srgb, var(--path) 35%, transparent); } }
.pop.boost { font-family: var(--pixel); font-size: .8rem; color: var(--path, #fee761); margin-top: -18px; animation-duration: 1.3s; }
.pop.dmg.strong { color: #ffd27a; } .pop.dmg.mighty { color: #ffb347; text-shadow: 2px 2px 0 #000, 0 0 8px rgba(255, 179, 71, .8); }
.pal-gauge { position: relative; display: block; width: 132px; height: 8px; background: #2a2230; box-shadow: inset 0 0 0 1px #0c0d0e;
  background-image: linear-gradient(90deg, transparent calc(50% - 1px), #0c0d0e calc(50% - 1px) 50%, transparent 50%); }
.pal-gauge i { display: block; height: 100%; background: linear-gradient(90deg, #fff1c2, #fee761 30%, #feae34 55%, #f77622 80%, #fff 100%); background-size: 132px 100%; box-shadow: 0 0 6px rgba(254, 174, 52, .7); }
/* A legendary step (Hades' legendary boons): dark ember plank in a burning frame that turns and breathes, a thin shine
   sweeping across, rays turning behind the hero. Gold stays the Éveil's colour; legendary is fire. */
@property --legA { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.pal-offer.r3 { position: relative; overflow: hidden; border: 3px solid transparent; border-image: none; padding: 9px 12px 9px 9px; color: #f3e2c7;
  background: linear-gradient(160deg, #3a110a, #170504 70%) padding-box, conic-gradient(from var(--legA), #fff1c2, #feae34, #f77622, #b3260f, #f77622, #feae34, #fff1c2) border-box;
  animation: palIn .35s backwards, palLegTurn 3s linear infinite, palLeg 1.4s ease-in-out .35s infinite alternate; }
@keyframes palLegTurn { to { --legA: 360deg; } }
@keyframes palLeg { from { box-shadow: 0 0 6px rgba(247, 118, 34, .55); } to { box-shadow: 0 0 18px rgba(247, 118, 34, 1), 0 0 4px #fff1c2; } }
.pal-offer.r3 b { color: #ffd27a; text-shadow: 0 0 6px rgba(247, 118, 34, .8); }
.pal-offer.r3 .pal-tag { color: #ff9a3c; letter-spacing: .14em; }
.pal-offer.r3 .pal-of { color: #e8c9a0; }
.pal-offer.r3::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 44%, rgba(255, 236, 190, .28) 50%, transparent 56%); background-size: 320% 100%; animation: palShine 2.6s linear infinite; }
@keyframes palShine { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.pal-offer.r3 .pal-pv { position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% 60%, #ffb347, #7a1d06 80%); box-shadow: inset 0 0 0 2px #fff1c2, 0 0 14px rgba(247, 118, 34, .9); }
.pal-offer.r3 .pal-pv::before { content: ""; position: absolute; left: 50%; top: 55%; width: 220%; aspect-ratio: 1; transform: translate(-50%, -50%);
  background: repeating-conic-gradient(rgba(255, 241, 194, .4) 0 10deg, transparent 10deg 30deg); animation: palSpinC 9s linear infinite; }
@keyframes palSpinC { from { transform: translate(-50%, -50%); } to { transform: translate(-50%, -50%) rotate(1turn); } }
.pal-offer.r3 .apt-portrait { position: relative; }
/* What a pick adds to the Puissance, on the corner of its portrait. */
.pal-pv { position: relative; }
.pal-pv .pal-gain { position: absolute; right: 0; bottom: 0; padding: 1px 4px; background: #120f17; box-shadow: 0 0 0 1px #feae34; font-family: var(--pixel); font-size: .72rem; color: #feae34; z-index: 1; }
.pal-offer.r3 .pal-gain { color: #fff1c2; background: #b3260f; box-shadow: 0 0 0 1px #fff1c2; }
.pal-offer.eveil .pal-gain { color: #4a2a08; background: #fee761; box-shadow: 0 0 0 1px #6b3d0a; }
.pal-rev-item.leg { border: 3px solid transparent; border-image: none; padding: 12px 14px; color: #f3e2c7;
  background: linear-gradient(160deg, #3a110a, #170504 70%) padding-box, conic-gradient(from var(--legA), #fff1c2, #feae34, #f77622, #b3260f, #f77622, #feae34, #fff1c2) border-box;
  animation: palLegTurn 3s linear infinite, palLeg 1.4s ease-in-out infinite alternate; }
.pal-rev-item.leg b { color: #ffd27a; text-shadow: 0 0 6px rgba(247, 118, 34, .8); } .pal-rev-item.leg .pal-tag { color: #ff9a3c; letter-spacing: .12em; }
.pal-reveal.leg .pal-pv.huge { background: radial-gradient(ellipse at 50% 60%, #ffb347, #7a1d06 80%); box-shadow: inset 0 0 0 3px #fff1c2, 0 0 28px rgba(247, 118, 34, .9); }
.pal-reveal.leg .pal-rays { background: repeating-conic-gradient(rgba(247, 118, 34, .22) 0 8deg, transparent 8deg 24deg); }
/* After a pick: the hero and his Puissance climbing. */
.pal-up { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 30vh; text-align: center; cursor: pointer; }
.pal-up-name { font-family: var(--pixel); font-weight: 500; font-size: 1.2rem; color: var(--ink); } .pal-up-name.r1 { color: #8fd0ff; } .pal-up-name.r2 { color: #d9a8ff; } .pal-up-name.r3 { color: #ffd27a; }
.pal-rise { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 6px 0; }
.pal-rise .pal-gauge { width: 180px; height: 10px; } .pal-rise .pal-gauge i { background-size: 180px 100%; }
.pal-up-gain { color: #feae34; font-family: var(--pixel); }
.pal-rise.done .pal-pw b { animation: palBump .4s; } .pal-rise.done .pal-gauge { animation: palFlash .5s; }
@keyframes palBump { 40% { transform: scale(1.35); color: #fff; } } @keyframes palFlash { 40% { box-shadow: 0 0 14px #feae34, inset 0 0 0 1px #0c0d0e; } }
.pal-rise .pal-pw b { display: inline-block; }
/* The light leaving at the end of a run. */
.end-farewell { border-left: 0; padding: 0 0 8px; background: none; text-align: center; }
.end-farewell-cv { display: block; margin: 0 auto 8px; image-rendering: pixelated; box-shadow: 0 0 0 2px #0c0d0e, 0 0 18px rgba(254, 231, 97, .15); }
/* The sanctuary on the road: the chapel, then the hero in the light with his three blessings, one under the other. */
.sn-stage { margin: 4px 0 0; } .sn-scene { display: block; margin: 0 auto; image-rendering: pixelated; box-shadow: 0 0 0 2px #0c0d0e, 0 0 22px rgba(255, 236, 170, .08); }
.sn-panel { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 12px; min-height: 120px; }
.sn-say { margin: 18px 4px; text-align: center; font-style: italic; color: #cbbfa8; animation: snIn .5s ease-out; }
@keyframes snIn { from { opacity: 0; transform: translateY(4px); } }
.sn-who { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-family: var(--pixel); }
.sn-who b { font-weight: 500; font-size: 1.05rem; } .sn-who span { font-size: .85rem; color: #feae34; }
.sn-hint { margin: 0; }
.sn-offers { display: flex; flex-direction: column; gap: 8px; animation: snIn .4s ease-out; }
.sn-offer { display: flex; flex-direction: column; gap: 3px; padding: 9px 12px 9px 14px; text-align: left; font: inherit; color: var(--ink); background: #1d1823; border: 0; cursor: pointer;
  box-shadow: inset 4px 0 0 var(--path, #8b9bb4), inset 0 0 0 1px #3a3142; transition: transform .12s; }
.sn-o-top { display: flex; align-items: center; gap: 10px; }
.sn-o-top .pal-pips { margin-left: auto; }
.sn-o-ico { flex: none; display: grid; place-items: center; width: 30px; height: 30px; background: #120e16; box-shadow: inset 0 0 0 1px var(--path, #6b5f4f), 0 0 8px color-mix(in srgb, var(--path, #000) 40%, transparent); }
.sn-o-more { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; margin-top: 4px; border-top: 1px solid rgba(255, 255, 255, .08); animation: snIn .25s ease-out; }
.sn-o-what { font-family: var(--pixel); font-weight: 500; font-size: 1.15rem; color: var(--path, #e9dcb8); text-shadow: 0 0 6px rgba(0, 0, 0, .6); }
.sn-o-what small { font-size: .7rem; color: #a99f8f; text-shadow: none; }
.sn-o-name { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.sn-heal { display: flex; gap: 12px; font-family: var(--pixel); font-size: .85rem; } .sn-heal em { font-style: normal; } .sn-heal .pv { color: #7dff9a; } .sn-heal .pm { color: #8fd0ff; }
.sn-o-gain { font-style: normal; font-family: var(--pixel); font-size: .8rem; color: #feae34; }
.sn-offer b { font-family: var(--pixel); font-weight: 500; font-size: .95rem; line-height: 1.15; }
.sn-o-text { font-size: .9rem; line-height: 1.3; color: #ddd3c2; }
.sn-offer .pal-of { margin-top: 2px; }
/* The sanctuary's offers are coloured by rarity alone (the pips' colours), not by path: commune, rare, épique, légendaire. */
.pal-offer.r0, .sn-offer.r0 { --path: #e9e1d2; } .pal-offer.r1, .sn-offer.r1 { --path: #5fb3ff; } .pal-offer.r2, .sn-offer.r2 { --path: #c27cff; } .pal-offer.r3, .sn-offer.r3 { --path: #ffb347; }
.sn-offer.r1 b { color: #8fd0ff; } .sn-offer.r2 b { color: #d9a8ff; } .sn-offer.r3 b { color: #ffd27a; }
.sn-offer.r2 { background: linear-gradient(160deg, #2a1838, #1a1222); }
.sn-offer.r3 { background: linear-gradient(160deg, #3a240a, #170f04); box-shadow: inset 4px 0 0 var(--path), inset 0 0 0 1px var(--path), 0 0 10px rgba(255, 179, 71, .5); }
.sn-offer.eveil .pal-tag { color: #fee761; }
.sn-offer.on { outline: 2px solid #fff1c2; outline-offset: 1px; transform: translateX(3px); }
.sn-foot-row { display: flex; justify-content: space-between; gap: 6px; flex-wrap: wrap; }
.sn-go { width: 100%; }
.sn-row.done { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 0; animation: snIn .4s ease-out; }
.sn-got { font-family: var(--pixel); } .sn-got.r1 { color: #8fd0ff; } .sn-got.r2 { color: #d9a8ff; } .sn-got.r3 { color: #ffd27a; }
.plank.t-sanctuaire { background: linear-gradient(#f6dc94 0, #ddb35c 12%, #cc9d44 88%, #9a7024 100%); }
.sn-ico { display: inline-grid; place-items: center; width: 30px; height: 30px; font-size: 1.4rem; color: #c27a10; text-shadow: 0 0 6px #fee761; }
.pal-rise .pal-pw { display: inline-flex; align-items: baseline; gap: 6px; }
/* A grown technique whose condition is met: its button glows in the path's colour and says what is waiting. */
.cmd-root .cbtn { position: relative; }
.cmd-ready { display: block; font-size: .62rem; line-height: 1.1; color: #fff1c2; text-shadow: 0 1px 0 #000; white-space: nowrap; }
.cmd-root .cbtn.ready { box-shadow: inset 0 0 0 2px var(--path, #fee761), 0 3px 0 #0c0d0e; }
.cmd-root .cbtn.ready.full, .cmd-skills .cbtn.ready.full { animation: skReady .7s ease-in-out infinite alternate; }
.cmd-root .cmd-techniques.ready.full { --path: #fee761; }
.cmd-skills .cbtn .sk-ready { display: block; font-family: var(--pixel); font-size: .72rem; color: var(--path, #fee761); }
.cmd-skills .cbtn.ready.full .sk-ready::before { content: "✦ "; }
@keyframes skReady { from { box-shadow: inset 0 0 0 2px var(--path, #fee761), 0 0 4px var(--path, #fee761); } to { box-shadow: inset 0 0 0 2px #fff, 0 0 16px var(--path, #fee761); } }
/* The aim caption: what the paths add to the technique, one line each, in the path's colour. */
.aim .aim-step { display: block; font-size: .78rem; line-height: 1.25; color: var(--path, #fee761); text-align: left; }
.aim .aim-step.ready { font-family: var(--pixel); }
/* Résonances: a sign by the hero's name (party bar, battle plate), its line on a touch. */
.apt-chip.reso-chip { color: #d9a8ff; padding-inline: 5px; }
.plate .preso { color: #d9a8ff; font-size: .8em; }
/* An Éveil always reads as one: an amber tile whatever its rarity; the rarity stays as a hint on the left edge and the pips. */
.sn-offer.eveil.eveil { background: linear-gradient(160deg, #6a3a0c, #3a1d06 60%, #241205); box-shadow: inset 4px 0 0 var(--path), inset 0 0 0 1px #e08a2c, 0 0 12px rgba(247, 140, 40, .45); }
.sn-offer.eveil .sn-o-what { color: #ffd9a0; text-shadow: 0 0 6px rgba(247, 118, 34, .7); }
.sn-offer.eveil .sn-o-ico { background: #2a1405; box-shadow: inset 0 0 0 1px #ffb347, 0 0 8px rgba(255, 179, 71, .5); }
.sn-offer.eveil .sn-o-text { color: #f3e2c7; }
.sn-o-eveil { flex: none; font-family: var(--pixel); font-size: .7rem; letter-spacing: .12em; color: #2a1405; background: #ffb347; padding: 1px 5px; box-shadow: 0 0 6px rgba(255, 179, 71, .6); }
.pal-offer.eveil.eveil { position: relative; border: 3px solid transparent; border-image: none; padding: 9px 12px 9px 9px; color: #f3e2c7; text-shadow: 0 1px 0 #0c0d0e;
  background: linear-gradient(160deg, #6a3a0c, #3a1d06 60%, #241205); box-shadow: inset 4px 0 0 var(--path), inset 0 0 0 1px #e08a2c, 0 0 12px rgba(247, 140, 40, .45); }
.pal-offer.eveil.eveil b { color: #ffd9a0; } .pal-offer.eveil.eveil .pal-of { color: #e8c9a0; }