/* ================= E12 : récits entre deux journées, bandeau du point de vue ================= */
#sc-recit .shade { background: rgba(14, 10, 22, .82); }
#recit-box { width: min(94vw, calc(var(--u) * 240)); max-height: 92vh; overflow: auto; padding: calc(var(--u) * 5) calc(var(--u) * 7); display: grid; gap: calc(var(--u) * 2.5); }
#recit-box .rc-art { justify-self: center; image-rendering: pixelated; border: var(--u) solid #141018; }
#recit-box .rc-head { text-align: center; }
#recit-box .rc-head .k { font: calc(var(--u) * 3.6)/1 'Silk', monospace; color: var(--sun, #ffd60a); text-transform: uppercase; letter-spacing: .06em; }
#recit-box .rc-head h2 { font-size: calc(var(--u) * 8); margin: calc(var(--u) * 1.5) 0; }
#recit-box .rc-head .l { color: var(--dim, #a89cc0); font-size: calc(var(--u) * 4.2); }
#recit-box .rc-who { min-height: calc(var(--u) * 5); }
#recit-box .rc-who b { font: calc(var(--u) * 5)/1 'Silk', monospace; color: #ffd60a; margin-right: calc(var(--u) * 2); }
#recit-box .rc-who span { color: var(--dim, #a89cc0); font-size: calc(var(--u) * 3.8); }
#recit-box .rc-text { font-size: calc(var(--u) * 5.2); line-height: 1.45; color: #f0e6d2; }
#recit-box.narr .rc-text { color: #d8ccb0; font-style: italic; }
#recit-box .rc-text em { color: #fff3d6; font-style: normal; background: #3a2f52; padding: 0 calc(var(--u) * .8); }
#recit-box .rc-text small { color: #a89cc0; font-size: calc(var(--u) * 4.2); }
#recit-box .rc-choices { display: grid; gap: calc(var(--u) * 1.5); }
#recit-box .rc-c { display: flex; gap: calc(var(--u) * 2.5); align-items: baseline; text-align: left; background: #241d34; color: #f0e6d2; border: var(--u) solid #141018;
  padding: calc(var(--u) * 1.8) calc(var(--u) * 3); font: calc(var(--u) * 4.6)/1.3 'Pixelify', monospace; cursor: pointer; }
#recit-box .rc-c:hover, #recit-box .rc-c:focus { background: #3a2f52; outline: none; }
#recit-box .rc-c kbd { flex: none; }
#recit-box .rc-next { justify-content: center; color: #ffd60a; }

/* écran de transition : qui l'on joue aujourd'hui */
.e12-pov { display: flex; gap: calc(var(--u) * 3); align-items: center; background: #241d34; border: var(--u) solid #141018; padding: calc(var(--u) * 2) calc(var(--u) * 3); margin-bottom: calc(var(--u) * 3); }
.e12-pov canvas { width: calc(var(--u) * 22); height: calc(var(--u) * 30); image-rendering: pixelated; flex: none; }
.e12-pov div { display: grid; gap: calc(var(--u) * .8); }
.e12-pov .k { font: calc(var(--u) * 3.4)/1 'Silk', monospace; color: #a89cc0; text-transform: uppercase; letter-spacing: .06em; }
.e12-pov.change { border-color: #ffd60a; animation: e12pov 1.2s steps(2) 3; }
.e12-pov.change .k { color: #ffd60a; }
.e12-pov b { font: calc(var(--u) * 6)/1 'Silk', monospace; color: #fff3d6; font-weight: 400; }
.e12-pov i { font-style: normal; color: #ffb48a; font-size: calc(var(--u) * 4); }
.e12-pov .l { color: #d8ccb0; font-size: calc(var(--u) * 3.8); }
@keyframes e12pov { 50% { border-color: #141018; } }
html.a11y-noflash .e12-pov.change { animation: none; }