@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=JetBrains+Mono:wght@400;500;700&family=Shippori+Mincho:wght@700&display=swap";:root{--bg-0: #0b1d2b;--bg-1: #10283a;--bg-2: #17364c;--bg-board: #06121b;--line: rgba(150, 215, 235, .16);--sea: #7fd6ee;--text-0: #eaf6fb;--text-1: #b9d3df;--text-2: #7f9fb0;--accent: #ff4b2b;--accent-dim: #7a2415;--accent-soft: rgba(255, 75, 43, .18);--accent-ink: #1d0a05;--flap: #ffd23f;--success: #7fe3b0;--error: #ff8a6b;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-kanji: "Shippori Mincho", "Hiragino Mincho ProN", serif}*{box-sizing:border-box}body{margin:0;background:var(--bg-0);color:var(--text-0);font-family:var(--font-body);-webkit-text-size-adjust:100%}#root{min-height:100vh}::selection{background:var(--accent-dim);color:var(--text-0)}:focus-visible{outline:2px solid var(--flap);outline-offset:2px}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{position:relative;width:100%;max-width:380px;background:var(--bg-1);border:1px solid var(--line);border-radius:6px;padding:40px 32px 36px}.brand-mark{width:44px;height:44px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.brand{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0 0 4px}.sub{color:var(--text-1);font-size:13px;margin:0 0 28px}.field{display:block;margin-bottom:16px}.field span{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);margin-bottom:6px}.field input{width:100%;background:var(--bg-0);border:1px solid var(--line);border-radius:4px;color:var(--text-0);font-size:16px;padding:11px 13px;outline:none;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.btn{width:100%;background:var(--accent);color:var(--accent-ink);border:none;border-radius:4px;font-family:var(--font-display);font-weight:800;font-size:15px;padding:12px;cursor:pointer;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-faceid{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:none;color:var(--text-0);border:1px solid var(--line);border-radius:4px;font-family:var(--font-mono);font-weight:500;font-size:12px;padding:11px;margin-top:10px;cursor:pointer;transition:border-color .2s,background .2s,transform .1s}.btn-faceid:hover{border-color:var(--accent);background:var(--bg-2)}.btn-faceid:active{transform:scale(.98)}.btn-faceid:disabled{opacity:.5;cursor:default;transform:none}.btn-ghost{background:none;color:var(--text-1);border:none;font-family:var(--font-mono);font-size:12px;cursor:pointer;padding:0;margin-top:16px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.btn-ghost:hover{color:var(--text-0)}.error{color:var(--error);font-size:13px;margin:12px 0 0}:root[data-theme=encre]{--bg-0: #09090a;--bg-1: #131315;--bg-2: #1c1c20;--bg-board: #050506;--line: rgba(255, 255, 255, .13);--sea: #c4c4d0;--text-0: #f4f4f6;--text-1: #bcbcc6;--text-2: #83838f;--accent: #ff3b1f;--accent-dim: #74190d;--accent-soft: rgba(255, 59, 31, .18)}:root[data-theme=lagon]{--bg-0: #062a2e;--bg-1: #0a3a40;--bg-2: #104a52;--bg-board: #041c1f;--line: rgba(160, 245, 230, .18);--sea: #8ff0e0;--text-0: #eafaf7;--text-1: #b8dcd6;--text-2: #80aaa4;--accent: #ff5a3c;--accent-dim: #7c2a1b;--accent-soft: rgba(255, 90, 60, .18)}.hub-page{max-width:720px;margin:0 auto;padding:22px 16px 96px}.traversee-head{position:relative;padding-right:84px;min-height:196px}.kanji{position:absolute;top:-6px;right:2px;font-family:var(--font-kanji);font-weight:700;font-size:clamp(46px,13vw,66px);line-height:1;letter-spacing:.06em;white-space:nowrap;color:var(--accent);writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;pointer-events:none;animation:encre 1.4s ease-out both}@keyframes encre{0%{clip-path:inset(0 0 100% 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}.kicker{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-2)}.titre{margin:4px 0 8px;font-family:var(--font-display);font-weight:800;font-size:clamp(44px,13vw,68px);line-height:.95;letter-spacing:-.035em}.sous{margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-1)}.head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:14px}.head-actions .btn-ghost{margin-top:0;font-size:11px}.hub-theme-select{background:transparent;color:var(--text-1);border:1px solid var(--line);border-radius:3px;font-family:var(--font-mono);font-size:11px;padding:3px 6px}.escale{display:flex;align-items:baseline;gap:14px;margin:18px 0 4px;padding:10px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.escale-j{font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--accent);white-space:nowrap}.escale-titre{margin:0;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.escale-desc{margin:2px 0 0;font-size:12px;color:var(--text-2);line-height:1.5}.controles{margin:18px 0 14px;display:grid;gap:10px}.hub-search{width:100%;background:var(--bg-1);border:1px solid var(--line);border-radius:4px;color:var(--text-0);font-family:var(--font-mono);font-size:14px;padding:10px 12px;outline:none}.hub-search:focus{border-color:var(--accent)}.hub-search::placeholder{color:var(--text-2)}.hub-chips{display:flex;flex-wrap:wrap;gap:6px}.hub-chip{background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--text-1);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;cursor:pointer}.hub-chip:hover{color:var(--text-0);border-color:var(--text-2)}.hub-chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.hub-empty{color:var(--text-2);font-family:var(--font-mono);font-size:13px;padding:24px 0}.carte-wrap{margin:0 -4px;border:1px solid var(--line);background:var(--bg-1)}.carte{display:block;width:100%;height:auto;overflow:visible}.carte-grille{stroke:var(--line);stroke-width:.5;fill:none}.carte-vague{stroke:var(--sea);stroke-opacity:.13;stroke-width:.8;fill:none}.carte-coord{font-family:var(--font-mono);font-size:6.5px;fill:var(--text-2)}.carte-rive{fill:var(--bg-2);stroke:var(--sea);stroke-opacity:.55;stroke-width:.7}.carte-rive-nom{font-family:var(--font-mono);font-size:6.5px;letter-spacing:.22em;fill:var(--text-1)}.carte-pont{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:trace 1.7s ease-out .1s forwards}@keyframes trace{to{stroke-dashoffset:0}}.carte-torii{stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;opacity:0;animation:apparait .5s ease-out 1.5s forwards}@keyframes apparait{to{opacity:1}}.carte-ile{cursor:pointer;outline:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:ile-entree .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes ile-entree{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.carte-ile-terre{fill:var(--ile);fill-opacity:.9;stroke:#fff6;stroke-width:.6;transition:fill-opacity .2s}.carte-ile-courbe{fill:none;stroke:var(--sea);stroke-opacity:.3;stroke-width:.5}.carte-ile[data-status=down] .carte-ile-terre{fill-opacity:.15;stroke:var(--ile);stroke-dasharray:3 2;stroke-width:.9}.carte-ile[data-status=checking] .carte-ile-terre{fill-opacity:.45}.carte-ile:hover .carte-ile-terre{fill-opacity:1}.carte-ile:focus-visible .carte-ile-terre{stroke:var(--flap);stroke-width:1.6}.carte-ile-onde{fill:none;stroke:var(--success);stroke-width:.9;transform-box:fill-box;transform-origin:center;animation:onde 2.6s ease-out infinite}@keyframes onde{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.carte-ile-choix{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 3}.carte-ile-nom{font-family:var(--font-mono);font-size:7.4px;letter-spacing:.06em;fill:var(--text-0);paint-order:stroke;stroke:var(--bg-1);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.billet{position:relative;margin:18px 0 0;background:var(--bg-2);border-radius:4px;animation:billet-entree .35s ease-out both}@keyframes billet-entree{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.billet-haut{padding:16px 18px 14px}.billet-kicker{margin:0 0 6px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-2)}.billet-nom{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(26px,8vw,34px);line-height:1;letter-spacing:-.025em}.billet-desc{margin:6px 0 0;font-size:13px;color:var(--text-1);line-height:1.5}.billet-perfo{position:relative;overflow:visible;height:0;margin:0;border:none;border-top:2px dashed var(--bg-0);opacity:.7}.billet-perfo:before,.billet-perfo:after{content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--bg-0)}.billet-perfo:before{left:-8px}.billet-perfo:after{right:-8px}.billet-bas{padding:14px 18px 16px}.billet-champs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin:0 0 14px}.billet-champ dt{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-2)}.billet-champ dd{margin:2px 0 0;font-family:var(--font-mono);font-size:13px;color:var(--text-0)}.billet-champ dd[data-status=up]{color:var(--success)}.billet-champ dd[data-status=down]{color:var(--error)}.billet-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.billet-go{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);border-radius:3px;font-family:var(--font-display);font-weight:800;font-size:15px;padding:10px 16px;text-decoration:none;transition:filter .15s,transform .1s}.billet-go:hover{filter:brightness(1.1)}.billet-go:active{transform:scale(.97)}.mini{background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--text-1);font-family:var(--font-mono);font-size:11px;padding:7px 10px;cursor:pointer}.mini:hover:not(:disabled){color:var(--text-0);border-color:var(--text-2)}.mini:disabled{opacity:.35;cursor:default}.depart{margin:22px 0 0;background:var(--bg-board);border:1px solid var(--line)}.depart-titre{display:flex;justify-content:space-between;padding:9px 12px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-2)}.depart-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nom nom" "meta statut";align-items:center;gap:6px 12px;width:100%;padding:11px 12px;background:transparent;border:none;border-top:1px solid var(--line);color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.depart-row:hover{background:#ffffff0a}.depart-row[data-selected=true]{background:var(--accent-soft)}.depart-row[data-archived=true]{opacity:.5}.depart-meta{grid-area:meta;min-width:0;font-family:var(--font-mono);font-size:10.5px;color:var(--text-2);letter-spacing:.04em;line-height:1.4}.depart-row>.flap-nom{grid-area:nom}.depart-statut{grid-area:statut}.flap{display:inline-flex;gap:1px;flex-wrap:wrap;max-width:100%}.flap-char{position:relative;display:inline-block;min-width:.95em;padding:3px 1px;background:#0d1c27;border-radius:2px;font-family:var(--font-mono);font-weight:700;font-size:12.5px;line-height:1.15;text-align:center}.flap-char:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000000b3}.flap-nom{color:var(--flap)}.depart-statut .flap-char{font-size:10.5px}.depart-statut[data-status=up]{color:var(--success)}.depart-statut[data-status=down]{color:var(--error)}.depart-statut[data-status=checking]{color:var(--text-2)}.carnet{margin-top:48px;display:grid;gap:10px}.carnet .hub-search{font-family:var(--font-body)}.rubrique{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-2)}.journal{margin-top:36px}.journal-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--text-1)}.journal-row:last-child{border-bottom:none}@media (prefers-reduced-motion: reduce){.kanji,.carte-torii,.carte-ile,.billet{animation:none;opacity:1;clip-path:none}.carte-pont{animation:none;stroke-dashoffset:0}.carte-ile-onde{animation:none;opacity:.35}}@media (min-width: 640px){.hub-page{padding-top:40px}.billet-champs{grid-template-columns:repeat(4,1fr)}}