.vfx-root{--v-ink-950:#07080c;--v-ink-900:#0d1018;--v-ink-700:#222a3b;--v-washi-100:#f4ecdc;--v-washi-300:#d9ccb2;--v-verm-500:#e5432f;--v-gold-400:#f3c45a;position:fixed;inset:0;background:var(--v-ink-950);color:var(--v-washi-100);overflow:hidden}.vfx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vfx-panneau{position:absolute;top:12px;left:12px;bottom:12px;width:min(340px,calc(100vw - 24px));overflow-y:auto;padding:14px 14px 10px;background:rgba(13,16,24,.82);border:1px solid rgba(243,196,90,.22);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);font-family:var(--font-display,system-ui),system-ui,sans-serif;z-index:2}.vfx-titre{font-size:18px;letter-spacing:.04em;color:var(--v-gold-400)}.vfx-groupe,.vfx-titre{margin:0 0 10px}.vfx-groupe h2{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--v-washi-300);opacity:.8}.vfx-ligne{display:flex;flex-wrap:wrap;gap:6px}.vfx-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 10px;background:var(--v-ink-700);color:var(--v-washi-100);border:1px solid rgba(217,204,178,.18);font:inherit;font-size:13px;cursor:pointer;-webkit-clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.vfx-btn:hover{background:#2c3650}.vfx-btn:focus-visible{outline:2px solid var(--v-gold-400);outline-offset:2px}.vfx-btn-ult{border-color:rgba(243,196,90,.6)}.vfx-btn-ult .vfx-kanji{color:var(--v-gold-400)}.vfx-btn-on{background:var(--v-verm-500)}.vfx-kanji{font-size:15px;font-weight:700;color:var(--v-verm-500)}.vfx-mesure{margin:8px 0 0;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--v-washi-300)}.vfx-erreur{color:var(--v-verm-500)}@media (max-width:640px){.vfx-panneau{top:auto;height:44vh}}.vfx-root[data-focus] .vfx-panneau,.vfx-root[data-nu] .vfx-panneau{display:none}.vfx-focus{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 18px 8px 12px;background:rgba(13,16,24,.86);border:1px solid rgba(243,196,90,.35);font-family:var(--font-display,system-ui),system-ui,sans-serif;z-index:3;pointer-events:none;max-width:calc(100vw - 32px)}.vfx-focus-kanji{font-size:34px;line-height:1;color:var(--v-gold-400);font-family:var(--font-kanji,var(--font-display,serif)),serif}.vfx-focus-ult .vfx-focus-kanji{color:var(--v-verm-500)}.vfx-focus-texte{display:flex;flex-direction:column}.vfx-focus-nom{font-size:18px;font-weight:800;color:var(--v-washi-100)}.vfx-focus-sous{font-size:13px;color:var(--v-washi-300)}.vfx-retour{position:absolute;top:16px;left:16px;z-index:3;padding:8px 14px;border-radius:4px;background:color-mix(in srgb,var(--ink-950,#07080c) 78%,transparent);color:var(--washi-100,#f4ecdc);font-weight:700;text-decoration:none;border:1px solid color-mix(in srgb,var(--gold-400,#f3c45a) 45%,transparent)}.vfx-retour:focus-visible,.vfx-retour:hover{border-color:var(--gold-400,#f3c45a)}