/* ================= Les deux fins de la cour d'honneur (sim/finale_fins.js) ================= */
/* pendant les fins : plus de HUD, seulement le jeu, la surcouche, les dialogues et nos écrans */
body.fins-cine > *:not(canvas):not(#qdlg):not(#fins-choix):not(#fins-carte):not(script):not(style):not(link):not([id^="sc-"]):not(.scene) { visibility: hidden !important; }
body.fins-cine #qtrack, body.fins-cine #hud-vitals, body.fins-cine #top, body.fins-cine #status, body.fins-cine #log { visibility: hidden !important; }

#fins-choix { position: fixed; inset: 0; display: none; z-index: 30; align-items: center; justify-content: center; background: radial-gradient(ellipse at 50% 40%, rgba(8, 7, 12, .55), rgba(8, 7, 12, .9)); }
#fins-choix.show { display: flex; animation: fc-in .5s ease-out; }
@keyframes fc-in { from { opacity: 0; } to { opacity: 1; } }
#fins-choix .fc-in { width: min(calc(var(--u) * 230), 94vw); }
#fins-choix .fc-head { display: flex; gap: calc(var(--u) * 5); align-items: center; margin-bottom: calc(var(--u) * 5); color: var(--paper, #f3ead6); }
#fins-choix .fc-por { image-rendering: pixelated; box-shadow: 0 0 0 var(--u) #141018, calc(var(--u) * 2) calc(var(--u) * 2) 0 #141018; flex: none; }
#fins-choix .fc-k { font: calc(var(--u) * 4.6)/1.35 'Pixelify', monospace; color: #c9bfae; }
#fins-choix .fc-q { font: calc(var(--u) * 11)/1.1 'Silk', monospace; color: #ffd60a; margin: calc(var(--u) * 2) 0; text-shadow: calc(var(--u) * .7) calc(var(--u) * .7) 0 #141018; }
#fins-choix .fc-ctx { font: calc(var(--u) * 4.2)/1.4 'Pixelify', monospace; color: #e8dcc6; opacity: .9; }
#fins-choix .fc-ctx::before { content: '› '; color: #ffd60a; }
#fins-choix .fc-cards { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 5); }
#fins-choix .fc-card { all: unset; cursor: pointer; display: flex; flex-direction: column; gap: calc(var(--u) * 2); padding: calc(var(--u) * 5); background: #1d1a26;
  box-shadow: inset 0 0 0 var(--u) #141018, inset 0 0 0 calc(var(--u) * 2) #3a3346, calc(var(--u) * 2) calc(var(--u) * 2) 0 #08070c; color: #f3ead6; transition: transform .12s; }
#fins-choix .fc-card:hover, #fins-choix .fc-card:focus-visible { transform: translateY(calc(var(--u) * -1.5)); }
#fins-choix .fc-card.good { background: linear-gradient(#1e2a3e, #18202f); box-shadow: inset 0 0 0 var(--u) #141018, inset 0 0 0 calc(var(--u) * 2) #4a78c0, calc(var(--u) * 2) calc(var(--u) * 2) 0 #08070c; }
#fins-choix .fc-card.bad { background: linear-gradient(#3a1612, #261010); box-shadow: inset 0 0 0 var(--u) #141018, inset 0 0 0 calc(var(--u) * 2) #e0582a, calc(var(--u) * 2) calc(var(--u) * 2) 0 #08070c; }
#fins-choix .fc-card kbd { align-self: flex-start; font: calc(var(--u) * 4)/1 'Silk', monospace; padding: calc(var(--u) * 1) calc(var(--u) * 2); background: #f3ead6; color: #141018; }
#fins-choix .fc-card b { font: calc(var(--u) * 6.4)/1.15 'Silk', monospace; font-weight: 400; }
#fins-choix .fc-card i { font: calc(var(--u) * 4.2)/1 'Silk', monospace; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
#fins-choix .fc-card.good i { color: #8fc0ff; }
#fins-choix .fc-card.bad i { color: #ff9a5a; }
#fins-choix .fc-card span { font: calc(var(--u) * 4.4)/1.4 'Pixelify', monospace; color: #d8cdb8; }
@media (max-width: 720px) { #fins-choix .fc-cards { grid-template-columns: 1fr; } }

/* la carte de fin, sur le dernier plan du drone */
#fins-carte { position: fixed; inset: 0; z-index: 29; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; opacity: 0; transition: opacity 1.6s; }
#fins-carte.show { opacity: 1; }
#fins-carte .fk-kick { font: calc(var(--u) * 4.4)/1 'Silk', monospace; letter-spacing: .3em; color: #e8dcc6; text-transform: uppercase; margin-bottom: calc(var(--u) * 3); }
#fins-carte .fk-t { font: calc(var(--u) * 17)/1 'Silk', monospace; letter-spacing: .04em; text-shadow: calc(var(--u) * 1) calc(var(--u) * 1) 0 #08070c, 0 0 calc(var(--u) * 10) rgba(0, 0, 0, .6); }
#fins-carte.paix .fk-t { color: #ffe27a; }
#fins-carte.feu .fk-t { color: #ff7a3a; }
#fins-carte .fk-s { font: calc(var(--u) * 6)/1.3 'Pixelify', monospace; color: #fff3d6; margin-top: calc(var(--u) * 3); text-shadow: calc(var(--u) * .6) calc(var(--u) * .6) 0 #08070c; }
#fins-carte .fk-l { font: calc(var(--u) * 4.6)/1.45 'Pixelify', monospace; color: #e8dcc6; max-width: min(calc(var(--u) * 190), 90vw); margin-top: calc(var(--u) * 2); text-shadow: calc(var(--u) * .5) calc(var(--u) * .5) 0 #08070c; }