:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green:#113228;--green-dark:#05251b;--panel:#1b3c32;--cream:#fefcf7;--magenta:#d450ee;--pink:#f8a5ff;--yellow:#f8f773;--red:#ee5053;--border:#fefcf724;--border-teal:#6ea19640;--text:var(--cream);--text-2:#c5e6dc;--muted:#8fb3a8;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}body,html{background:var(--green);color:var(--text);margin:0}body{font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--pink)}code{background:var(--green-dark);border-radius:6px;padding:1px 5px;font-size:.9em}header.top{z-index:10;background:color-mix(in srgb,var(--green-dark) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px 28px;margin:12px 16px 0;padding:10px 18px;display:flex;position:sticky;top:0}header.top .brand{color:var(--cream);font-size:17px;font-weight:700;text-decoration:none}header.top .brand span{color:var(--yellow)}header.top .me{color:var(--muted);margin-left:auto;font-size:13px}main{max-width:1240px;margin:0 auto;padding:24px 16px 64px}h1{letter-spacing:-.02em;margin:8px 0 16px;font-size:calc(clamp(26px,4vw,36px));line-height:1.1}h1,h2{font-weight:700}h2{margin:28px 0 10px;font-size:20px}h3{margin:18px 0 6px;font-size:16px}.hint{color:var(--text-2)}.sub{color:var(--muted);margin:4px 0;font-size:13px}.error{color:var(--red)}button,input{font:inherit;color:var(--cream);background:var(--panel);border:1px solid var(--border-teal);border-radius:999px;padding:6px 14px}button{cursor:pointer}button.link{color:var(--pink);background:0 0;border:none;padding:0 0 0 8px;text-decoration:underline}.button.primary{background:var(--magenta);color:var(--green-dark);border-radius:999px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-block}.button.primary:hover{background:var(--pink)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:18px 20px}.narrow{max-width:520px;margin:40px auto}.tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);color:inherit;border-radius:20px;padding:16px 18px;text-decoration:none}.tile:hover{border-color:var(--magenta)}.tile .value.small{font-size:20px;font-weight:700}.doc{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}@media (width<=800px){.doc{grid-template-columns:1fr}}.sidebar{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow:auto}.sidebar h2{margin-top:8px}.sidebar input{width:100%;margin-bottom:12px}.sidebar .back{font-size:13px;text-decoration:none}.tree{margin:0 0 12px;padding:0;list-style:none}.tree li{padding:2px 0}.tree a{color:var(--text-2);text-decoration:none}.tree a.current{color:var(--cream);font-weight:700}.content{min-width:0}.md h2{border-top:1px solid var(--border);padding-top:18px}.fiche,.md table,.rules{border-collapse:collapse;width:100%;margin:8px 0 16px}.fiche td,.fiche th,.md td,.md th,.rules td,.rules th{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 10px}.fiche th{width:180px;color:var(--text-2);font-weight:500}.rules th{white-space:nowrap;width:80px}.rules th a,.scenario a,header.top nav a{text-decoration:none}.scenario{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin:8px 0;padding:8px 14px}.scenario p,.scenario ul{margin:4px 0}.target{outline:2px solid var(--yellow);outline-offset:2px}.hit{margin:12px 0}header.top nav{gap:18px;display:flex}header.top nav a{color:var(--text-2);font-weight:500}header.top nav a.router-link-exact-active{color:var(--cream);text-decoration:underline;-webkit-text-decoration-color:var(--magenta);text-decoration-color:var(--magenta);text-underline-offset:6px}button.primary{background:var(--magenta);color:var(--green-dark);border-color:var(--magenta);font-weight:600}button.danger{border-color:var(--red);color:var(--red)}button:disabled{opacity:.6;cursor:wait}.setup{max-width:860px}.setup .panel{margin:16px 0}.setup ol li{margin:4px 0}.highlight{border-color:var(--yellow)}.form{gap:14px;display:grid}.form label{gap:4px;font-weight:500;display:grid}.form input{border-radius:12px}.project{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.project .actions{align-items:start}.inline,.project .actions{flex-wrap:wrap;gap:8px;display:flex}.inline{margin-top:8px}button.done{border-color:var(--yellow);color:var(--yellow)}
