:root{--fond:#1a1614;--accent:#c9a15a;--encre:#f2e9dc}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{overscroll-behavior:none}body{background:var(--fond);color:var(--encre);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;overflow:hidden}.canvas{background-color:var(--fond);touch-action:none;cursor:grab;position:fixed;inset:0}.canvas.is-panning{cursor:grabbing}.world{transform-origin:0 0;position:absolute;top:0;left:0}.card{cursor:grab;touch-action:none;background:#262019;border:1px solid #c9a15a47;border-radius:10px;flex-direction:column;gap:2px;min-height:44px;padding:10px 14px 12px;display:flex;position:absolute;box-shadow:0 4px 16px #00000059}.card.en-deplacement{cursor:grabbing;z-index:2}.card.en-edition{z-index:3;cursor:auto;border-color:#c9a15abf;box-shadow:0 6px 22px #00000073}.card.selectionne{border-color:#c9a15ae6;box-shadow:0 0 0 2px #c9a15a80,0 4px 16px #00000059}.ruban-selection{z-index:2;pointer-events:none;background:#c9a15a1f;border:1px solid #c9a15ab3;position:absolute}.card textarea{resize:none;width:100%;color:var(--encre);caret-color:var(--accent);pointer-events:none;cursor:inherit;background:0 0;border:none;outline:none;padding:0;font-family:Caveat,cursive;display:block;overflow:hidden}.card.en-edition textarea{pointer-events:auto;cursor:text;-webkit-user-select:text;user-select:text}.card-titre{font-size:23px;font-weight:700;line-height:1.15}.card-corps{color:#f2e9dcd9;opacity:var(--corps-opacite,1);font-size:18px;line-height:1.25}.vue-loin .card-titre{opacity:0}.card.en-edition .card-titre,.card.en-edition .card-corps{opacity:1}.card textarea::placeholder{color:#f2e9dc59}.card-poignee{cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:-14px;right:-14px}.card-poignee:after{content:"";opacity:.35;border-bottom:2px solid #c9a15ad9;border-right:2px solid #c9a15ad9;border-radius:1px;width:9px;height:9px}.card:hover .card-poignee:after,.card.en-edition .card-poignee:after{opacity:.9}.card-img{padding:0}.card-media{border-radius:9px;width:100%;height:auto;display:block}.card-palette{background:#2c2620;border:1px solid #c9a15a66;border-radius:26px;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000073}.card-palette.dessous{top:calc(100% + 8px);bottom:auto}.card-pastille{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.pastille-point{border:1px solid #f2e9dc33;border-radius:50%;width:22px;height:22px}.card-pastille.actif .pastille-point{box-shadow:0 0 0 2px var(--accent)}.card-nub{background:var(--accent);border:2px solid var(--fond);opacity:0;pointer-events:none;cursor:crosshair;touch-action:none;border-radius:50%;width:13px;height:13px;transition:opacity .12s;position:absolute}.card-nub:before{content:"";border-radius:50%;position:absolute;inset:-18px}.card:hover .card-nub,.card.montre-nubs .card-nub{opacity:1;pointer-events:auto}.card-nub-top{top:0;left:50%;transform:translate(-50%,-50%)}.card-nub-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.card-nub-left{top:50%;left:0;transform:translate(-50%,-50%)}.card-nub-right{top:50%;right:0;transform:translate(50%,-50%)}.liens{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lien-trait{fill:none;stroke:#c9a15ae6;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.lien-pointe{fill:#c9a15ae6}.lien-actif .lien-trait{stroke:var(--accent);stroke-width:3px}.lien-actif .lien-pointe{fill:var(--accent)}.lien-attenue .lien-trait,.lien-attenue .lien-pointe{opacity:.25}.lien-etiquette.attenue{opacity:.3}.lien-trait,.lien-pointe,.lien-etiquette{transition:opacity .12s,stroke-width .12s}@media (prefers-reduced-motion:reduce){.lien-trait,.lien-pointe,.lien-etiquette{transition:none}}.lien-clic{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.lien-apercu{fill:none;stroke:#c9a15a99;stroke-width:2px;stroke-dasharray:6 5;pointer-events:none}.lien-etiquettes{pointer-events:none;z-index:1;position:absolute;inset:0}.lien-etiquette{background:var(--fond);color:var(--encre);white-space:nowrap;cursor:pointer;pointer-events:auto;border:1px solid #c9a15a80;border-radius:20px;padding:2px 9px;font-family:Caveat,cursive;font-size:17px;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.lien-panneau{z-index:3;background:#262019;border:1px solid #c9a15a99;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 22px #00000073}.lien-panneau.dessous{transform:translate(-50%,12px)}.lien-panneau-champ{width:170px;color:var(--encre);caret-color:var(--accent);background:0 0;border:none;outline:none;font-family:Caveat,cursive;font-size:20px}.lien-panneau-champ::placeholder{color:#f2e9dc59}.lien-panneau-effacer{color:#f2e9dcb3;cursor:pointer;background:#f2e9dc0f;border:none;border-radius:8px;flex:none;width:44px;height:44px;font-size:16px}.lien-panneau-effacer:hover{color:var(--encre);background:#c95a4640}.note-etiquettes{pointer-events:none;z-index:1;position:absolute;inset:0}.note-etiquette{max-width:160px;color:var(--encre);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#1a161499;border-radius:6px;padding:1px 6px;font-family:Caveat,cursive;font-size:15px;font-weight:700;line-height:1.15;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.minimap-widget{z-index:2;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.voir-tout{min-height:44px;color:var(--encre);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019e6;border:1px solid #c9a15a80;border-radius:22px;padding:0 16px;font-family:system-ui,sans-serif;font-size:14px}.voir-tout:hover{background:#30281ff2;border-color:#c9a15ae6}.minimap{cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1614d9;border:1px solid #c9a15a66;border-radius:8px;box-shadow:0 4px 16px #0006}.minimap-note{fill:#c9a15a80}.minimap-vue{fill:#f2e9dc14;stroke:#c9a15ae6;stroke-width:1px}.traits{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.trait{fill:none;stroke-linecap:round;stroke-linejoin:round}.canvas.dessin{cursor:crosshair}.canvas.dessin .card,.canvas.dessin .lien-clic,.canvas.dessin .lien-etiquette,.canvas.dessin .note-etiquettes,.canvas.dessin .zone-tete,.canvas.dessin .zone-poignee{pointer-events:none}.barre-outils{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019eb;border:1px solid #c9a15a66;border-radius:26px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 16px #0006}.barre-outils.repliee{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.outil-entree{min-height:44px;color:var(--encre);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019eb;border:1px solid #c9a15a8c;border-radius:24px;align-items:center;gap:8px;padding:0 18px;font-family:system-ui,sans-serif;font-size:15px;display:flex;box-shadow:0 4px 16px #0006}.outil-entree:hover{background:#30281ff2;border-color:#c9a15ae6}.outil-entree-icone{color:var(--accent);font-size:19px}.outil-bouton{width:44px;height:44px;color:var(--encre);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.outil-bouton.actif{background:#c9a15a47}.outil-bouton:hover{background:#f2e9dc14}.outil-sep{background:#f2e9dc26;align-self:stretch;width:1px;margin:4px 2px}.outil-couleur,.outil-epaisseur{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.outil-couleur .pastille-point{width:22px;height:22px}.outil-couleur.actif .pastille-point{box-shadow:0 0 0 2px var(--encre)}.epaisseur-point{background:var(--encre);border-radius:50%}.outil-epaisseur.actif{background:#c9a15a47}.zone{box-sizing:border-box;pointer-events:none;border:2px solid;border-radius:12px;position:absolute}.zone-tete{z-index:1;pointer-events:auto;cursor:grab;touch-action:none;background:#1a161499;border-radius:10px 10px 0 0;align-items:center;gap:4px;max-width:320px;padding:2px 4px 2px 10px;display:flex;position:absolute;top:0;left:-2px;transform:translateY(-100%)}.zone-nom{white-space:nowrap;text-overflow:ellipsis;cursor:text;font-family:Caveat,cursive;font-size:20px;font-weight:700;overflow:hidden}.zone-champ{width:160px;color:var(--encre);caret-color:var(--accent);background:0 0;border:none;outline:none;font-family:Caveat,cursive;font-size:20px}.zone-couleur,.zone-effacer{color:#f2e9dcb3;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;display:flex}.zone-effacer:hover{color:var(--encre);background:#c95a4640}.zone-poignee{pointer-events:auto;cursor:nwse-resize;touch-action:none;width:44px;height:44px;position:absolute;bottom:-16px;right:-16px}.zone-poignee:after{content:"";border-bottom:2px solid #c9a15ab3;border-right:2px solid #c9a15ab3;width:10px;height:10px;position:absolute;bottom:16px;right:16px}.barre-selection{z-index:2;position:absolute;top:16px;left:50%;transform:translate(-50%)}.action-selection{min-height:44px;color:var(--encre);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019eb;border:1px solid #c9a15a8c;border-radius:24px;padding:0 18px;font-family:system-ui,sans-serif;font-size:14px;box-shadow:0 4px 16px #0006}.action-selection:hover{background:#30281ff2;border-color:#c9a15ae6}.selecteur-espace{z-index:3;position:absolute;top:16px;left:16px}.espace-actuel{max-width:240px;min-height:44px;color:var(--encre);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019eb;border:1px solid #c9a15a66;border-radius:22px;align-items:center;gap:8px;padding:0 14px;font-family:system-ui,sans-serif;font-size:14px;display:flex;box-shadow:0 4px 16px #0006}.espace-actuel-nom{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.espace-chevron{color:#c9a15acc;font-size:12px}.espace-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background:#262019f7;border:1px solid #c9a15a66;border-radius:12px;min-width:220px;max-height:calc(100vh - 96px);margin-top:6px;padding:6px;overflow-y:auto;box-shadow:0 8px 26px #00000080}.espace-ligne{border-radius:8px;align-items:center;gap:2px;display:flex}.espace-ligne.actif{background:#c9a15a29}.espace-nom{min-height:40px;color:var(--encre);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex:1;padding:0 10px;font-family:system-ui,sans-serif;font-size:14px;overflow:hidden}.espace-champ{min-height:40px;color:var(--encre);background:0 0;border:1px solid #c9a15a80;border-radius:6px;outline:none;flex:1;padding:0 10px;font-family:system-ui,sans-serif;font-size:14px}.espace-ico{color:#f2e9dc99;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;min-width:36px;height:40px;padding:0 8px;font-size:13px}.espace-ico:hover{color:var(--encre);background:#f2e9dc14}.espace-confirme{color:#d9704f;white-space:nowrap}.espace-nouveau{width:100%;min-height:40px;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:none;border-top:1px solid #f2e9dc1a;border-radius:0 0 8px 8px;margin-top:4px;padding:0 10px;font-family:system-ui,sans-serif;font-size:14px}.espace-nouveau:hover{background:#f2e9dc0f}.chargement{background:var(--fond);color:#f2e9dcb3;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.chargement-nom{color:var(--accent);font-family:Caveat,cursive;font-size:34px}.chargement-point{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite respire}@keyframes respire{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.chargement-point{opacity:.7;animation:none}}.bandeau{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#262019f7;border:1px solid #c9a15a73;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.bandeau.alerte{border-color:#d9704fb3}.bandeau-texte{color:var(--encre)}.bandeau-action{min-height:44px;color:var(--encre);cursor:pointer;background:#c9a15a1f;border:1px solid #c9a15a80;border-radius:22px;padding:0 14px;font-family:system-ui,sans-serif;font-size:14px}.bandeau-action:hover{background:#c9a15a3d}.panne{z-index:100;background:var(--fond);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.panne-carte{text-align:center;background:#262019f7;border:1px solid #c9a15a66;border-radius:18px;max-width:460px;padding:28px;box-shadow:0 14px 40px #0009}.panne-titre{color:var(--accent);margin-bottom:12px;font-family:Caveat,cursive;font-size:32px;font-weight:700}.panne-texte{color:#f2e9dcd9;margin-bottom:20px;font-size:15px;line-height:1.5}.panne-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.panne-bouton{min-height:44px;color:var(--encre);cursor:pointer;background:0 0;border:1px solid #c9a15a80;border-radius:22px;padding:0 18px;font-family:system-ui,sans-serif;font-size:15px}.panne-bouton.primaire{background:#c9a15a33}.panne-bouton:hover{background:#c9a15a4d}.panne-note{color:#f2e9dcb3;margin-top:14px;font-size:13px}.panne-note.alerte{color:#d9704f}.card-corps-lu,.card-detail-lu{white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;cursor:inherit}.card-lien{color:var(--accent);text-underline-offset:2px;pointer-events:auto;cursor:pointer;word-break:break-all;text-decoration:underline}.card-lien:hover{text-decoration-thickness:2px}.card-lien:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.vue-loin .card-lien{pointer-events:none;text-decoration:none}.card-detail{color:#f2e9dccc;opacity:var(--corps-opacite,1);border-top:1px solid #c9a15a40;margin-top:8px;padding-top:8px;font-family:Caveat,cursive;font-size:17px;line-height:1.25}.card.en-edition .card-detail{opacity:1}.card-chevron{width:44px;height:26px;color:var(--accent);opacity:.5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.card:hover .card-chevron,.card.en-edition .card-chevron{opacity:1}.card.a-detail:after{content:"";background:var(--accent);opacity:.6;pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.card-ajout-detail{color:#f2e9dcbf;cursor:pointer;background:0 0;border:1px dashed #c9a15a80;border-radius:14px;align-self:flex-start;min-height:28px;margin-top:6px;padding:0 10px;font-family:system-ui,sans-serif;font-size:12px}.card-ajout-detail:hover{color:var(--encre);border-style:solid}