.tool-naam{--paper:#fffdfa;--ink:#102238;--muted:#66717c;--gold:#d6952b;--gold-ink:#8a5d17;--line:#ddd6ca;--soft:#f3eee5;--warn:#946b2d}.tool-naam .card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 60px #1c273112}.tool-naam .inputrow{display:flex;gap:10px;flex-wrap:wrap}.tool-naam input[type=text]{flex:1;min-width:220px;font-size:18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-family:inherit}.tool-naam button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 18px;font-weight:760;font-size:15px;cursor:pointer;font-family:inherit}.tool-naam button.secondary{background:var(--soft);color:var(--ink)}.tool-naam .section{margin-top:22px}.tool-naam .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:9px}.tool-naam .stressrow,.tool-naam .mapgrid,.tool-naam .variantRow{display:flex;flex-wrap:wrap;gap:8px}.tool-naam .syl,.tool-naam .variant{background:#fff;color:var(--ink);border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:16px}.tool-naam .syl.active,.tool-naam .variant.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 3px #d6952b33}.tool-naam .mapping{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 11px;font-size:14px}.tool-naam .mapping b{color:var(--gold-ink)}.tool-naam .option{display:flex;align-items:center;gap:9px;margin-top:13px;color:var(--muted);font-size:14px}.tool-naam .option input{width:18px;height:18px}.tool-naam .keyCard{margin-top:12px;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#fff}.tool-naam .keyTitle{font-size:20px;font-weight:850}.tool-naam .keyMeta{margin-top:4px;color:var(--muted);font-size:14px;line-height:1.45}.tool-naam .variantRow{margin-top:12px}.tool-naam .variant{font-size:14px;font-weight:750}.tool-naam .scorebox{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden}.tool-naam #notation{width:100%;min-height:150px}.tool-naam #notation:has(svg){padding:10px 6px;min-height:0}.tool-naam #notation svg{display:block;width:100%;height:auto;margin:0 auto}.tool-naam .status{padding:28px;text-align:center;color:var(--muted)}.tool-naam .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.tool-naam .smallPrompt{margin:12px 2px 0;color:var(--muted);font-size:13px;line-height:1.5}.tool-naam .warn{color:var(--warn);font-weight:750}.tool-naam .inputLabel{display:block;margin:0 2px 8px;font-size:14px;font-weight:800;color:var(--ink)}.tool-naam .exampleNote{margin:10px 2px 0;padding:10px 12px;border-radius:12px;background:#f6ead0;color:#5c4416;font-size:14px;line-height:1.45}.tool-naam .exampleNote strong{color:#3f2e0d}.tool-naam .inputNote{margin:10px 2px 0;color:var(--warn);font-size:14px;font-weight:750}.tool-naam [hidden]{display:none!important}@media (max-width:620px){.tool-naam .card{padding:15px}.tool-naam .scorebox{margin-left:-3px;margin-right:-3px}}.uitleg-card{border-radius:22px;background:#ffffffdb;border:1px solid rgba(16,34,56,.08);box-shadow:0 10px 34px #1c27310d}.uitleg-card summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;border-radius:22px}.uitleg-card summary::-webkit-details-marker{display:none}.uitleg-card summary:focus-visible{outline:3px solid rgba(214,149,43,.45);outline-offset:2px}.uitleg-titel{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.2;color:var(--ink)}.uitleg-sub{display:block;margin-top:4px;font-style:italic;color:var(--muted);font-size:.96rem}.uitleg-toggle{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:#fff;transition:transform .18s ease,background .18s ease}.uitleg-toggle:before,.uitleg-toggle:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:var(--ink)}.uitleg-toggle:after{transform:rotate(90deg)}.uitleg-card[open] .uitleg-toggle{transform:rotate(45deg);background:var(--gold-soft)}.uitleg-body{padding:0 22px 22px}.uitleg-intro{margin:0 0 16px;color:var(--ink-soft)}.uitleg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uitleg-regel{padding:16px 16px 14px;border-radius:16px;border:1px solid var(--line);background:#fff}.uitleg-regel--breed{grid-column:1 / -1}.uitleg-regel h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.uitleg-nr{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;letter-spacing:0}.uitleg-rijen,.uitleg-puzzels,.uitleg-ladder{margin:0;padding:0;list-style:none}.uitleg-rijen li{display:flex;align-items:center;gap:10px;margin:0 0 9px}.uitleg-rijen li:last-child{margin-bottom:0}.lg{display:inline-block;min-width:52px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#9a948b;font-size:16px;letter-spacing:.03em;text-align:center}.lg b,.lg--naam{color:var(--gold-ink);font-weight:850}.pijl{color:var(--muted);font-size:15px}.tonen{display:inline-flex}.tonen .toets+.toets{margin-left:-1px}.toets{display:inline-flex;align-items:flex-end;justify-content:center;width:30px;height:42px;padding-bottom:5px;background:#fff;border:1px solid #9c968d;border-radius:0 0 6px 6px;box-shadow:inset 0 -3px #1022380f;color:var(--ink);font-size:15px;font-weight:850}.zwart{display:inline-flex;align-items:flex-end;justify-content:center;min-width:34px;height:42px;padding:0 4px 6px;background:#1f2430;border:1px solid #0c0f14;border-radius:0 0 6px 6px;color:#fff;font-size:14px;font-weight:800}.uitleg-meer{margin:12px 0 0;color:var(--muted);font-size:13px}.uitleg-meer span{display:inline-block;margin:2px 2px 0 0;padding:2px 8px;border-radius:999px;background:var(--paper-2);color:var(--ink-soft);font-weight:700}.uitleg-ladder{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:560px}.uitleg-ladder li{display:flex;flex-direction:column;align-items:center;gap:8px}.solf{display:block;width:100%;max-width:54px;padding:6px 0;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:15px;font-weight:800;text-align:center}.uitleg-puzzels{display:flex;flex-wrap:wrap;gap:14px 30px}.uitleg-puzzels li{display:flex;align-items:center;gap:8px}.klinker{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-size:17px;font-weight:850}.hint{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:19px;color:var(--ink)}.uitleg-weetje{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--paper-2);color:var(--ink-soft);font-size:14px;line-height:1.5}.uitleg-weetje-label{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;background:var(--gold);color:#24190a;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}.uitleg-slot{margin:18px 0 0;color:var(--ink-soft)}.uitleg-vast{margin:6px 0 0;color:var(--muted);font-size:13px}@media (max-width: 640px){.uitleg-card summary{padding:18px 16px}.uitleg-titel{font-size:1.25rem}.uitleg-body{padding:0 14px 18px}.uitleg-grid{grid-template-columns:1fr;gap:12px}.uitleg-regel{padding:14px 12px 12px}.uitleg-ladder{gap:5px}.solf{font-size:14px}.uitleg-puzzels{flex-direction:column;gap:12px}}