@charset "utf-8";/*!
 * Arcade -- le meuble commun a tous les jeux.
 *
 * Feuille autonome : aucun @import. Chaque jeu a ensuite la sienne, qui ne
 * redefinit que ses deux teintes.
 *
 * LA COULEUR EST DANS LE JEU, PAS AUTOUR. Un halo colore autour du cadre fait
 * briller le contenant, donc il concurrence le contenu -- et ici c'est l'ecran
 * qui doit attirer l'oeil. Le meuble est neutre, et la couleur du jeu
 * n'apparait qu'a trois endroits : un trait de deux pixels en haut du cadre,
 * le chiffre du score, et le bouton.
 *
 * Les couleurs passent par des variables CSS et non LESS : une variable LESS
 * est figee a la compilation, alors qu'ici la teinte change selon le jeu, sur
 * la meme page.
 */@font-face{font-family:'Baloo Arcade';src:url('font/baloo2-800.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:'Baloo Arcade';src:url('font/baloo2-600.ttf') format('truetype');font-weight:600;font-display:swap}.bfm-arcade{--game-1:#38bdf8;--game-2:#a78bfa;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.bfm-arcade-frame{position:relative;border-radius:20px;overflow:hidden;background:#0b0d13;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px -28px rgba(0,0,0,.9)}.bfm-arcade-frame::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--game-1),var(--game-2));opacity:.85}.bfm-arcade-hud{display:flex;align-items:center;font-family:'Baloo Arcade','Trebuchet MS',system-ui,sans-serif;gap:.4rem;padding:.6rem .7rem;background:#12151d;border-bottom:1px solid rgba(255,255,255,.06)}.bfm-arcade-hud-block{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:8px;background:rgba(255,255,255,.04);color:rgba(238,241,248,.58);font-size:.75rem;font-weight:500}.bfm-arcade-hud-block b{color:#eef1f8;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bfm-arcade-hud-block i{font-size:.8em;opacity:.7}.bfm-arcade-hud-block:first-child b{color:var(--game-1)}.bfm-arcade-hud-block.is-combo{background:rgba(255,138,0,.12);color:#ffb04d}.bfm-arcade-hud-block.is-combo b{color:#ffc06b}.is-gain{animation:bfm-gain .3s cubic-bezier(.34,1.56,.64,1)}@keyframes bfm-gain{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}.bfm-arcade-sound{margin-left:auto;width:30px;height:30px;border-radius:8px;border:0;background:rgba(255,255,255,.04);color:rgba(238,241,248,.58);line-height:1;transition:color .15s,background-color .15s}.bfm-arcade-sound:hover{color:#eef1f8;background:rgba(255,255,255,.09)}.bfm-arcade-sound.is-muted{color:rgba(238,241,248,.3)}.bfm-arcade-scene{position:relative;display:flex;justify-content:center;padding:.6rem;min-height:220px;background:#05060a}.bfm-arcade-canvas{display:block;border-radius:12px;background:#05060a;box-shadow:0 0 0 1px rgba(255,255,255,.06);touch-action:none}.bfm-arcade-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(5,6,10,.82);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);transition:opacity .22s ease,visibility .22s;z-index:2}.bfm-arcade-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.bfm-arcade-card{text-align:center;max-width:320px;animation:bfm-rise .28s cubic-bezier(.16,1,.3,1)}@keyframes bfm-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bfm-arcade-sign{font-family:'Baloo Arcade','Trebuchet MS',system-ui,sans-serif;font-size:clamp(1.6rem, 7vw, 2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:.45rem;background:linear-gradient(135deg,#eef1f8 20%,var(--game-1) 75%,var(--game-2));-webkit-background-clip:text;background-clip:text;color:transparent}.bfm-arcade-hint{color:rgba(238,241,248,.58);font-size:.85rem;line-height:1.5;margin-bottom:1.1rem}.bfm-arcade-button{font-family:'Baloo Arcade','Trebuchet MS',system-ui,sans-serif;border:0;padding:.7rem 2rem;border-radius:12px;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#05060a;background:var(--game-1);transition:transform .12s ease,filter .15s ease}.bfm-arcade-button:hover{transform:translateY(-1px);filter:brightness(1.1)}.bfm-arcade-button:active{transform:translateY(1px)}.bfm-arcade-overlay.is-over .bfm-arcade-sign{background:linear-gradient(135deg,#eef1f8 20%,#ff5470 80%);-webkit-background-clip:text;background-clip:text}.bfm-arcade-overlay.is-won .bfm-arcade-sign{background:linear-gradient(135deg,#eef1f8 20%,#ffc63b 80%);-webkit-background-clip:text;background-clip:text}.bfm-arcade-credit{font-size:.75rem;color:rgba(238,241,248,.35)}.bfm-arcade-credit a{color:rgba(238,241,248,.5);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}.bfm-arcade-credit a:hover{color:var(--game-1);border-bottom-color:var(--game-1)}.bfm-game-card{display:flex;position:relative;height:100%;overflow:hidden;border-radius:16px;text-decoration:none;background:#0b0d13;border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease,transform .2s cubic-bezier(.16, 1, .3, 1),box-shadow .2s ease}.bfm-game-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.09);box-shadow:0 14px 32px -22px rgba(0,0,0,.95)}.bfm-game-visuel{position:relative;flex:0 0 33%;max-width:10.5rem;align-self:stretch;overflow:hidden;background:rgba(0,0,0,.3)}@media (min-width:992px) and (max-width:1199.98px){.bfm-game-visuel{flex-basis:25%}}.bfm-game-visuel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(11,13,19,.85) 100%)}.bfm-game-visuel-icone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;color:rgba(255,255,255,.35)}.bfm-game-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.bfm-game-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-width:0;padding:.8rem .85rem}.bfm-game-tags{position:absolute;z-index:2;top:.35rem;left:.35rem;right:.35rem;display:flex;flex-wrap:wrap;gap:.25rem}.bfm-game-tag{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.1rem .4rem;border-radius:999px;background-color:rgba(255,255,255,.16);box-shadow:0 1px 4px rgba(0,0,0,.4);color:#fff;font-size:.625rem;font-weight:600;line-height:1.5;text-shadow:none}.bfm-game-tag.is-nouveaute{background-color:rgba(25,135,84,.92)}.bfm-game-tag.is-niveaux{background-color:rgba(13,110,253,.92)}.bfm-game-tag.is-maj{background-color:rgba(13,110,160,.92)}.bfm-game-tag.is-coeur{background-color:rgba(220,53,69,.92)}.bfm-game-name{font-family:'Baloo Arcade','Trebuchet MS',system-ui,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.015em;color:#fff}.bfm-game-tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.15rem;margin-bottom:.5rem;font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.78)}@media (max-width:399.98px){.bfm-game-tagline{-webkit-line-clamp:3}}.bfm-game-foot{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto}.bfm-game-score{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .5rem;border-radius:6px;font-size:.72rem;font-weight:600;color:#fff;background:rgba(255,255,255,.12);box-shadow:none}.bfm-game-score i{font-size:.9em;color:rgba(255,255,255,.6)}.bfm-game-score em{font-style:normal;color:rgba(255,255,255,.7)}.bfm-game-score .bfm-trophy{color:#e6b422}.bfm-game-score .bfm-game-dot{color:#b6bcc7}.bfm-game-score.is-mine{background:rgba(236,85,79,.22);color:#ffb3af}.bfm-game-score.is-mine i{color:#ffb3af}.bfm-game-score.is-empty{color:rgba(255,255,255,.6);font-weight:500;background:rgba(255,255,255,.07)}.bfm-podium-1{color:#e6b422}.bfm-podium-2{color:#b9c0cc}.bfm-podium-3{color:#c07a3e}.bfm-arcade-keys{display:none;margin:.55rem 0 0;text-align:center;font-size:.75rem;color:rgba(238,241,248,.42)}.bfm-arcade-keys kbd{display:inline-block;margin-right:.18rem;padding:.06rem .34rem;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:4px;background:rgba(255,255,255,.05);color:rgba(238,241,248,.78);font-family:'Baloo Arcade','Trebuchet MS',system-ui,sans-serif;font-size:.72rem;line-height:1.35}.bfm-arcade-keys .bfm-arcade-sep{margin:0 .45rem;opacity:.5}@media (min-width:992px){.bfm-arcade-keys{display:block}}.bfm-arcade-scene{position:relative}.bfm-arcade-scene .bfm-arcade-canvas.is-3d{position:absolute;inset:0;margin:auto;z-index:0}.bfm-arcade-scene .bfm-arcade-canvas.is-3d~.bfm-arcade-canvas{position:relative;z-index:1;background:0 0;box-shadow:none}