/* Génération 16-BIT — Mini-arcade secrète, sans dépendance */
.ghost-hotspot{position:absolute;z-index:6;left:11.6%;top:40%;width:50px;height:50px;transform:translate(-50%,-50%);border:0;padding:0;border-radius:50%;background:transparent;touch-action:manipulation;cursor:inherit}
.ghost-hotspot:hover{box-shadow:0 0 18px 3px #4af5ff50;outline:1px solid #76f6ff52}
.ghost-hotspot:focus-visible{outline:3px solid #ffe86b;outline-offset:4px;background:#00d9ff28}
.arcade-overlay[hidden]{display:none!important}
.arcade-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:14px;background:#060512ed;backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain}
.arcade-modal{width:min(940px,100%);max-height:calc(100dvh - 28px);overflow:auto;position:relative;background:linear-gradient(145deg,#201334 0%,#0d1228 58%,#141027 100%);border:1px solid #a65bdf;border-radius:22px;box-shadow:0 0 0 1px #ffffff14,0 35px 100px #000b,0 0 80px #e34fd32a;color:#f8f1ff}
.arcade-modal:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#fc6de7,#9358ff,#41d5f8,#ffe667);z-index:1}
.arcade-header{padding:21px 25px 13px;display:flex;gap:15px;justify-content:space-between;align-items:flex-start}
.arcade-eyebrow{color:#42e0ef;font-size:10px;font-weight:900;letter-spacing:3px;margin:0 0 4px}
.arcade-header h2{font-size:clamp(24px,4vw,36px);line-height:1.05;margin:0;letter-spacing:1px}
.arcade-close{min-width:42px;min-height:42px;border:1px solid #8464af;color:white;background:#ffffff10;border-radius:10px;font-size:25px;line-height:1;cursor:pointer}
.arcade-close:hover{background:#a34d9a77}
.arcade-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:19px;padding:6px 25px 26px;align-items:start}
.arcade-display{position:relative;background:#090c1b;border:1px solid #6553a4;border-radius:14px;padding:8px;overflow:hidden;box-shadow:inset 0 0 18px #111d47,0 0 26px #7353db23}
.arcade-display canvas{display:block;width:100%;height:auto;aspect-ratio:19 / 17;image-rendering:pixelated;border-radius:6px;background:#080b19}
.arcade-screen-message{position:absolute;inset:8px;display:grid;place-content:center;text-align:center;background:#080715c9;pointer-events:none;padding:18px}
.arcade-screen-message[hidden]{display:none}
.arcade-screen-message strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(24px,4vw,38px);line-height:1.03;letter-spacing:2px;color:#ffdf5b;text-shadow:0 3px #b34aaf}
.arcade-screen-message span{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:#d7cff3}
.arcade-side{display:flex;flex-direction:column;gap:15px}
.arcade-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.arcade-stat{border:1px solid #70518e;background:#221631a8;border-radius:9px;padding:10px 12px}
.arcade-stat small{display:block;color:#bca6d8;font-weight:900;letter-spacing:1.3px;font-size:9px}
.arcade-stat strong{font-size:25px;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}
.arcade-stat .arcade-life{color:#ff9cce}
.arcade-howto{font-size:12px;line-height:1.6;color:#c6bdd5;margin:0}
.arcade-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.arcade-action{padding:10px 8px;border-radius:9px;border:1px solid #6d5687;background:#342247;color:white;font-size:12px;font-weight:850;cursor:pointer}
.arcade-action:hover{background:#513363}
.arcade-action:disabled{opacity:.4;cursor:not-allowed}
.arcade-action-primary{background:linear-gradient(115deg,#e685dc,#aa80ec);color:#170f28;border:0}
.arcade-pad{display:grid;grid-template-columns:repeat(3,47px);grid-template-rows:repeat(2,43px);justify-content:center;gap:5px;touch-action:none}
.arcade-pad button{font-size:24px;font-weight:900;border-radius:11px;border:1px solid #7966aa;background:#32234e;color:#f8e6ff;touch-action:none;user-select:none;cursor:pointer}
.arcade-pad button:hover,.arcade-pad button:active{background:#916cba;color:#110b1d}
.arcade-pad button[data-dir=up]{grid-column:2;grid-row:1}
.arcade-pad button[data-dir=left]{grid-column:1;grid-row:2}
.arcade-pad button[data-dir=down]{grid-column:2;grid-row:2}
.arcade-pad button[data-dir=right]{grid-column:3;grid-row:2}
.arcade-note{font-size:10px;color:#a6a2c2;line-height:1.55;margin:0}
.arcade-bottom{padding:11px 24px 15px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#9289af;font-size:10px;font-weight:850;letter-spacing:1px}
body.arcade-open{overflow:hidden}
@media(max-width:690px){.arcade-modal{max-height:calc(100dvh - 14px);border-radius:15px}.arcade-overlay{padding:7px}.arcade-header{padding:14px 14px 8px}.arcade-layout{display:flex;flex-direction:column;align-items:stretch;padding:5px 12px 13px;gap:12px}.arcade-display{width:min(100%,385px);align-self:center;padding:5px}.arcade-side{gap:9px}.arcade-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.arcade-stat{padding:5px 7px}.arcade-stat small{font-size:8px;letter-spacing:.4px}.arcade-stat strong{font-size:20px}.arcade-howto{font-size:11px;text-align:center}.arcade-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.arcade-action{font-size:11px;padding:9px 2px}.arcade-pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,42px)}.arcade-note{text-align:center}.arcade-bottom{padding:9px 12px;font-size:9px}}
@media(max-height:700px) and (max-width:690px){.arcade-header h2{font-size:24px}.arcade-pad{grid-template-rows:repeat(2,35px)}.arcade-howto{display:none}}
@media(prefers-reduced-motion:reduce){.arcade-overlay{backdrop-filter:none}}