@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0a0a0a;--c-surface:#151515;--c-surface-2:#1f1f1f;--c-surface-3:#282828;--c-line:#2e2e2e;--c-text:#f5f5f5;--c-text-dim:#a3a3a3;--c-accent:#ffd400;--c-accent-ink:#0a0a0a;--c-accent-soft:#ffd4001f;--c-defense:#f4f4f5;--c-gear:#ff8a00;--c-danger:#ff6b5a;--c-ok:#7bd88f;--c-chrome:#000;--c-chrome-text:#f5f5f5;--c-chrome-dim:#a3a3a3;--radius:14px;--tap:48px;--fs:17px;--font:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--top-h:60px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f3f2ec;--c-surface:#fff;--c-surface-2:#f7f6f0;--c-surface-3:#eceae1;--c-line:#d6d3c6;--c-text:#0a0a0a;--c-text-dim:#52514a;--c-accent-soft:#ffd4004d;--c-danger:#b42318;--c-ok:#1e7b34}:root[data-zaalmodus]{--fs:20.4px}:root[data-zaalmodus] .cd .ln,:root[data-zaalmodus] .cd .ln-d{stroke-width:.09px}:root[data-zaalmodus] .cd .ar{stroke-width:.14px!important}:root[data-zaalmodus] .cd .pV{stroke-width:.19px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--c-bg);color:var(--c-text);margin:0}body{font:400 var(--fs)/1.5 var(--font);min-height:100dvh}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;letter-spacing:.01em;margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.top{z-index:20;min-height:var(--top-h);padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));background:var(--c-chrome);color:var(--c-chrome-text);border-bottom:2px solid var(--c-accent);align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;min-width:0;text-decoration:none;display:flex}.brand b{font:700 1.45rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.brand b span{color:var(--c-accent)}.brand small{color:var(--c-chrome-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}@media (max-width:560px){.brand small{display:none}.brand b{font-size:1.25rem}}.top .tools{align-items:center;gap:6px;margin-left:auto;display:flex}.iconbtn{min-width:var(--tap);height:var(--tap);color:var(--c-chrome-text);background:0 0;border:1px solid #3a3a3a;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:700;display:inline-flex}.iconbtn svg{width:22px;height:22px}.iconbtn[aria-pressed=true]{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}.offline{background:var(--c-gear);color:#000;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.tabs{z-index:30;background:var(--c-chrome);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-top:1px solid #222;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{min-height:62px;color:var(--c-chrome-dim);font:600 .78rem/1 var(--font);letter-spacing:.02em;align-content:center;justify-items:center;gap:3px;padding:8px 4px 10px;text-decoration:none;display:grid}.tabs svg{width:24px;height:24px}.tabs a[aria-current=page]{color:var(--c-accent)}.tabs a[aria-current=page] svg{filter:drop-shadow(0 0 6px #ffd40059)}main{padding:16px max(16px, env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left));width:100%;max-width:1440px;margin:0 auto}@media (min-width:1024px){.shell{grid-template-columns:104px minmax(0,1fr);display:grid}.tabs{top:var(--top-h);height:calc(100dvh - var(--top-h));border-top:0;border-right:1px solid #222;grid-template-columns:1fr;grid-auto-rows:88px;align-content:start;padding-top:12px;position:sticky}main{padding-bottom:32px}.fab{display:none!important}}.fab{right:max(16px, env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--c-accent);min-width:60px;height:60px;color:var(--c-accent-ink);font:700 1.05rem/1 var(--font);border:0;border-radius:30px;align-items:center;gap:8px;padding:0 20px;display:inline-flex;position:fixed;box-shadow:0 8px 24px #00000073}.fab span:first-child{font-size:1.6rem;line-height:1}.eyebrow{font:700 .74rem/1.2 var(--font);text-transform:uppercase;letter-spacing:.12em;color:var(--c-accent)}:root[data-theme=light] .eyebrow{color:#6b5800}.muted{color:var(--c-text-dim)}.h1{text-transform:uppercase;font-size:2rem}.btn{min-height:var(--tap);border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-text);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}.btn.ghost{background:0 0}.btn.danger{color:var(--c-danger);border-color:color-mix(in srgb, var(--c-danger) 45%, transparent);background:0 0}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.stack{gap:12px;display:grid}.stack.lg{gap:20px}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--c-line);background:var(--c-surface);min-height:44px;color:var(--c-text);white-space:nowrap;border-radius:999px;flex:none;padding:0 16px;font-size:.92rem;font-weight:600}.chip[aria-pressed=true]{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}.tag{background:var(--c-surface-3);color:var(--c-text-dim);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.tag.y{background:var(--c-accent-soft);color:var(--c-text)}.tag.warn{background:color-mix(in srgb, var(--c-gear) 20%, transparent);color:var(--c-text)}.pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.pill.concept{background:var(--c-surface-3);color:var(--c-text-dim)}.pill.gepland{background:var(--c-accent);color:var(--c-accent-ink)}.pill.gegeven{background:color-mix(in srgb, var(--c-ok) 22%, transparent);color:var(--c-ok)}.pill.sjabloon{border:1px solid var(--c-accent);color:var(--c-text)}.field{gap:6px;display:grid}.field label,.field .lbl{color:var(--c-text-dim);font-size:.85rem;font-weight:600}.input{min-height:var(--tap);border:1px solid var(--c-line);background:var(--c-surface);width:100%;color:var(--c-text);border-radius:10px;padding:10px 12px;font-size:1rem}textarea.input{resize:vertical;min-height:120px}textarea.code{min-height:96px;font:.8rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.empty{text-align:center;color:var(--c-text-dim);border:1px dashed var(--c-line);border-radius:var(--radius);justify-items:center;gap:12px;padding:28px 16px;display:grid}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:200;background:var(--c-accent);color:var(--c-accent-ink);border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}.note{color:var(--c-text-dim);font-size:.85rem}.banner{border:1px solid var(--c-accent);background:var(--c-accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.error{color:var(--c-danger);font-size:.88rem;font-weight:600}.stepper{border:1px solid var(--c-line);border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:var(--tap);height:var(--tap);background:var(--c-surface-2);border:0;font-size:1.3rem;font-weight:700}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:700}.seg{border:1px solid var(--c-line);border-radius:12px;flex-wrap:nowrap;display:inline-flex;overflow:hidden}.seg button{background:var(--c-surface-2);min-height:44px;color:var(--c-text-dim);border:0;padding:0 12px;font-size:.85rem;font-weight:600}.seg button+button{border-left:1px solid var(--c-line)}.seg button[aria-pressed=true]{background:var(--c-accent);color:var(--c-accent-ink)}.dots{vertical-align:middle;gap:3px;display:inline-flex}.dots i{background:var(--c-line);border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--c-accent)}.lib-layout{gap:16px;display:grid}@media (min-width:1024px){.lib-layout{grid-template-columns:minmax(360px,440px) minmax(0,1fr);align-items:start}.pane{top:calc(var(--top-h) + 16px);max-height:calc(100dvh - var(--top-h) - 32px);border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);position:sticky;overflow:auto}.pane .detail{padding:20px}}.lib-head{top:var(--top-h);z-index:10;background:var(--c-bg);gap:10px;padding:4px 0 8px;display:grid;position:sticky}.search{position:relative}.search input{padding-left:42px}.search svg{width:20px;height:20px;color:var(--c-text-dim);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.count{color:var(--c-text-dim);margin:4px 0 10px;font-size:.88rem}.cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px) and (max-width:1023px){.cards{grid-template-columns:1fr 1fr}}.cards li{content-visibility:auto;contain-intrinsic-size:auto 120px;position:relative}.card{text-align:left;border-radius:var(--radius);border:1px solid var(--c-line);background:var(--c-surface);width:100%;color:var(--c-text);grid-template-columns:92px minmax(0,1fr);align-items:start;gap:12px;padding:10px 60px 10px 10px;text-decoration:none;display:grid}.card[aria-current=true]{border-color:var(--c-accent);box-shadow:inset 3px 0 0 var(--c-accent)}.card h3{margin:2px 0 4px;font-size:1.2rem}.card p{color:var(--c-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.card .meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.thumb{background:#0a0a0a;border-radius:10px;flex:none;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.thumb svg,.thumb>div{width:100%;height:100%}.add{width:var(--tap);height:var(--tap);border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-text);font:700 1.5rem/1 var(--display);border-radius:12px;position:absolute;top:6px;right:6px}.add.static{position:static}.detail{gap:18px;min-width:0;padding-bottom:24px;display:grid}.d-head{gap:8px;display:grid}.d-head h2{text-transform:uppercase;font-size:clamp(1.9rem,5vw,2.6rem)}.d-head .lead{color:var(--c-text-dim);max-width:60ch;font-size:1.05rem}.facts{flex-wrap:wrap;gap:6px;display:flex}.diagram{border-radius:var(--radius);border:1px solid var(--c-line);background:#0a0a0a;margin:0;overflow:hidden}.diagram svg{width:100%;height:auto;max-height:72dvh;display:block}:root[data-theme=light] .diagram{background:#fff}.legend{background:var(--c-surface);color:var(--c-text-dim);flex-wrap:wrap;gap:6px 14px;padding:10px 12px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend svg{width:26px;height:14px}.block{gap:10px;display:grid}.block>h3{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;font-size:1.25rem;display:flex}.block>h3:before{content:"";background:var(--c-accent);border-radius:2px;flex:none;width:10px;height:10px}.two{gap:14px;display:grid}@media (min-width:720px){.two{grid-template-columns:1fr 1fr}}.callout{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;padding:14px 16px}.callout.goal{border-color:var(--c-accent);background:var(--c-accent-soft)}.callout h4{text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:1rem}ul.list{gap:6px;margin:0;padding-left:1.1em;display:grid}ul.list li::marker{color:var(--c-accent)}:root[data-theme=light] ul.list li::marker{color:#6b5800}.constraint{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.constraint .why{color:var(--c-text-dim);font-size:.94rem}.constraint .why b{color:var(--c-text)}.thermo{gap:10px;display:grid}@media (min-width:720px){.thermo{grid-template-columns:1fr 1fr}}.thermo>div{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;padding:12px 14px}.thermo h4{text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.95rem}.coach{border-radius:var(--radius);color:#f5f5f5;background:#000;border:1px solid #2a2a2a;gap:14px;padding:16px;display:grid}.coach h3{color:var(--c-accent);text-transform:uppercase;font-size:1.25rem}.coach h4{text-transform:uppercase;letter-spacing:.08em;color:#bdbdbd;margin-bottom:6px;font-size:.9rem}.coach .grid{gap:14px;display:grid}.coach ul.list li::marker{color:var(--c-accent)}@media (min-width:720px){.coach .grid{grid-template-columns:1fr 1fr}}.q{font-style:italic}.nbb{border:1px solid var(--c-gear);background:color-mix(in srgb, var(--c-gear) 12%, transparent);border-radius:12px;padding:12px 14px}.ages{gap:8px;display:grid}.ages div{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;grid-template-columns:84px 1fr;gap:10px;padding:10px 12px;display:grid}.ages b{font-family:var(--display);font-size:1.1rem}.recs{gap:8px;display:grid}.rec{text-align:left;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-text);border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;text-decoration:none;display:grid}.rec .thumb{width:56px;height:56px}.rec b{font-family:var(--display);font-size:1.1rem;display:block}.rec small{color:var(--c-text-dim);display:block}.d-actions{flex-wrap:wrap;gap:8px;display:flex}.backbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.anim-host svg{width:100%;height:auto;max-height:72dvh;display:block}.anim-bar{color:#f5f5f5;background:#000;border-top:1px solid #2a2a2a;gap:8px;padding:10px 12px;display:grid}.anim-ctrl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.anim-ctrl .btn{min-height:var(--tap);color:#f5f5f5;background:#151515;border-color:#333}.anim-ctrl .btn.primary{background:var(--c-accent);color:#000;border-color:var(--c-accent);min-width:132px}.anim-ctrl .btn[aria-pressed=true]{color:#000;background:#f5f5f5}.anim-steps,.anim-opts{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.anim-steps button,.anim-opts button{color:#f5f5f5;background:#151515;border:1px solid #333;border-radius:10px;min-width:44px;height:44px;padding:0 10px;font-weight:700}.anim-steps button[aria-current],.anim-opts button[aria-pressed=true]{background:var(--c-accent);color:#000;border-color:var(--c-accent)}.anim-opts .muted{color:#a3a3a3;margin-right:2px;font-size:.82rem}.anim-caption{color:#d4d4d4;min-height:1.5em;font-size:.95rem}.anim-caption b{color:var(--c-accent)}.cd-anim [data-ai]{transition:opacity .25s}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.off-intro{gap:6px;margin-bottom:14px;display:grid}.list.pro li::marker{content:"+  ";color:var(--c-ok);font-weight:700}.list.con li::marker{content:"–  ";color:var(--c-danger);font-weight:700}.principles{gap:10px;display:grid}.principle{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);padding:0 14px}.principle[open]{border-color:color-mix(in srgb, var(--c-accent) 45%, var(--c-line));padding-bottom:14px}.principle summary{cursor:pointer;min-height:var(--tap);align-items:center;gap:10px;font-weight:700;list-style:none;display:flex}.principle summary::-webkit-details-marker{display:none}.principle summary:after{content:"+";color:var(--c-accent);margin-left:auto;font-size:1.3rem}.principle[open] summary:after{content:"–"}.principle .nr{background:var(--c-accent);width:28px;height:28px;color:var(--c-accent-ink);font:700 .9rem/1 var(--font);border-radius:50%;flex:none;place-items:center;display:grid}.principle .rule{margin:2px 0 10px}.principle .why,.principle .read{color:var(--c-text-dim);margin-top:8px;font-size:.94rem}.principle .why b,.principle .read b{color:var(--c-text)}.progression{counter-reset:st;gap:10px;margin:0;padding-left:0;list-style:none;display:grid}.progression li{counter-increment:st;background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;justify-items:start;gap:6px;padding:12px 14px 12px 48px;display:grid;position:relative}.progression li:before{content:counter(st);border:2px solid var(--c-accent);width:24px;height:24px;color:var(--c-text);font:700 .8rem/1 var(--font);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:14px}.progression li p{color:var(--c-text-dim)}.progression .chip{white-space:normal;text-align:left;align-items:center;height:auto;min-height:44px;text-decoration:none;display:inline-flex}h3.sec{text-transform:uppercase;letter-spacing:.03em;color:var(--c-text-dim);border-top:1px solid var(--c-line);padding-top:16px;font-size:1.1rem}.term{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.term b.t{font-family:var(--display);font-size:1.25rem}.term .why{color:var(--c-text-dim);font-size:.92rem}.term .why b{color:var(--c-text)}.backdrop{z-index:70;background:#0009;border:0;padding:0;position:fixed;inset:0}.sheet{z-index:71;overscroll-behavior:contain;background:var(--c-surface);max-height:90dvh;color:var(--c-text);border-top:2px solid var(--c-accent);padding:18px max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom,0px) + 18px) max(16px, env(safe-area-inset-left));border-radius:18px 18px 0 0;align-content:start;gap:14px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:auto}@media (min-width:720px){.sheet{border:1px solid var(--c-line);border-top:2px solid var(--c-accent);border-radius:18px;width:640px;max-height:calc(100dvh - 48px);bottom:24px;left:50%;right:auto;transform:translate(-50%)}}.sheet h2{text-transform:uppercase;font-size:1.6rem}.sheet .sheet-actions{bottom:calc(-18px - env(safe-area-inset-bottom,0px));background:var(--c-surface);margin-top:4px;padding:10px 0 0;position:sticky}.opt{gap:8px;display:grid}.opt>.lbl{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.optlist{flex-wrap:wrap;gap:8px;display:flex}.pick{text-align:left;border:1px solid var(--c-line);background:var(--c-surface-2);width:100%;color:var(--c-text);min-height:var(--tap);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.wb-layer{z-index:90;color:#f5f5f5;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#000;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.wb-top{border-bottom:1px solid #222;align-items:center;gap:10px;padding:8px 12px;display:flex}.wb-top h2{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.2rem;overflow:hidden}.wb{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.wb-bar{min-width:0}.wb-stage{min-width:0;min-height:0;position:relative}.wb-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.wb-bar{background:#0b0b0b;border-top:1px solid #222;gap:8px;padding:10px 12px;display:grid}.wb-bar .tb{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.wb-bar .tb::-webkit-scrollbar{display:none}.wb-bar button{min-height:var(--tap);color:#f5f5f5;background:#151515;border:1px solid #333;border-radius:10px;flex:none;min-width:52px;padding:0 12px;font-size:.9rem;font-weight:700}.wb-bar button[aria-checked=true],.wb-bar button[aria-pressed=true]{color:#000;background:#f5f5f5}.wb-bar button.ink-a{color:var(--c-accent)}.wb-bar button.ink-a[aria-checked=true]{background:var(--c-accent);color:#000;border-color:var(--c-accent)}.wb-bar button:disabled{opacity:.4}@media (min-width:768px){.wb{grid-template-rows:auto minmax(0,1fr)}.wb-bar{border-top:0;border-bottom:1px solid #222;order:-1;grid-template-columns:repeat(4,auto);justify-content:center}}.t-list{gap:10px;display:grid}@media (min-width:900px){.t-list{grid-template-columns:repeat(2,1fr)}}.t-card{border-radius:var(--radius);border:1px solid var(--c-line);background:var(--c-surface);gap:8px;padding:14px;display:grid}.t-card h3{font-size:1.35rem}.t-card h3 a{text-decoration:none}.sum{color:#f5f5f5;top:calc(var(--top-h) + 4px);z-index:5;background:#000;border:1px solid #2a2a2a;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:12px 14px;display:flex;position:sticky}.sum .big{font:700 2rem/1 var(--display);color:var(--c-accent);font-variant-numeric:tabular-nums}.sum .big.over{color:var(--c-gear)}.sum .over-txt{color:var(--c-gear);font-weight:700}.blk{gap:8px;display:grid}.blk>header{border-bottom:2px solid var(--c-line);justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.blk>header h3{text-transform:uppercase;font-size:1.2rem}.item{border:1px solid var(--c-line);background:var(--c-surface);border-radius:12px;gap:10px;padding:10px;display:grid}.item .top-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.item .thumb{width:64px;height:64px}.item .title{font-family:var(--display);font-size:1.15rem;font-weight:700;text-decoration:none;display:block}.item .warn{color:var(--c-gear);font-size:.85rem;font-weight:700;display:block}.mini{gap:6px;display:flex}.mini button{width:var(--tap);height:var(--tap);border:1px solid var(--c-line);background:var(--c-surface-2);border-radius:10px;font-size:1.05rem}.mini button:disabled{opacity:.35}.warnbox{border:1px solid var(--c-gear);background:color-mix(in srgb, var(--c-gear) 12%, transparent);border-radius:10px;padding:10px 12px;font-size:.92rem}.actions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.play{z-index:85;color:#f5f5f5;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#000;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.play-top{border-bottom:1px solid #222;align-items:center;gap:10px;padding:8px 12px;display:flex}.play-top .prog{flex:1;gap:4px;display:flex}.play-top .prog i{background:#2a2a2a;border-radius:3px;flex:1;height:6px}.play-top .prog i.on{background:var(--c-accent)}.play-body{overscroll-behavior:contain;align-content:start;gap:14px;padding:14px 16px 24px;display:grid;overflow:auto}@media (min-width:900px){.play-body{grid-template-columns:1.2fr 1fr;align-items:start}.play-body>.full{grid-column:1/-1}}.play h2{text-transform:uppercase;font-size:clamp(2rem,6vw,3rem)}.clock{background:#0e0e0e;border:1px solid #2a2a2a;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.clock output{font:700 clamp(3.2rem, 14vw, 5.5rem)/1 var(--display);color:var(--c-accent);font-variant-numeric:tabular-nums;letter-spacing:.04em}.clock output.done{color:var(--c-gear);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.play .btn{color:#f5f5f5;background:#151515;border-color:#333}.play .btn.primary{background:var(--c-accent);color:#000;border-color:var(--c-accent)}.play .callout{color:#f5f5f5;background:#0e0e0e;border-color:#2a2a2a}.play .callout.goal{border-color:var(--c-accent);background:#ffd4001f}.play .callout.var{border-color:var(--c-accent)}.play .seg{border-color:#333}.play .seg button{color:#bdbdbd;background:#151515}.play .seg button[aria-pressed=true]{background:var(--c-accent);color:#000}.play .coach{background:#0e0e0e}.play .coach summary{cursor:pointer;color:var(--c-accent);min-height:32px;font-weight:700}.play-nav{border-top:1px solid #222;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.play-nav .btn{min-height:56px;font-size:1.05rem}.wl{color:#a3a3a3;font-size:.8rem}.play .diagram{border-color:#2a2a2a}.players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.player{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.player.inactive{opacity:.55}.jersey{border:2px solid var(--c-accent);width:52px;height:52px;color:var(--c-accent);font:700 1.5rem/1 var(--display);font-variant-numeric:tabular-nums;background:#000;border-radius:12px;place-items:center;display:grid}.player b{font-size:1.05rem}.form-grid{gap:12px;display:grid}@media (min-width:720px){.form-grid{grid-template-columns:1fr 1fr 110px 1fr 1fr;align-items:end}}.later{gap:10px;display:grid}@media (min-width:720px){.later{grid-template-columns:repeat(3,1fr)}}.later div{border:1px dashed var(--c-line);color:var(--c-text-dim);border-radius:12px;padding:14px}.later b{color:var(--c-text);font-family:var(--display);margin-bottom:4px;font-size:1.15rem;display:block}.kader{gap:14px;max-width:860px;margin:0 auto;display:grid}.kader h1{text-transform:uppercase;font-size:clamp(2rem,6vw,3rem)}.kader h2{text-transform:uppercase;border-top:2px solid var(--c-accent);margin-top:18px;padding-top:14px;scroll-margin-top:130px;font-size:1.6rem}.kader h3{margin-top:6px;font-size:1.25rem}.kader p,.kader li{max-width:68ch}.kader ul,.kader ol{gap:6px;margin:0;padding-left:1.2em;display:grid}.kader li::marker{color:var(--c-accent)}.kader blockquote{border-left:4px solid var(--c-accent);background:var(--c-surface);color:var(--c-text-dim);border-radius:0 10px 10px 0;margin:0;padding:12px 14px}.kader code{background:var(--c-surface-3);border-radius:5px;padding:1px 6px;font-size:.9em}.tbl{border:1px solid var(--c-line);border-radius:12px;overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}.tbl th,.tbl td{text-align:left;vertical-align:top;border-bottom:1px solid var(--c-line);padding:10px 12px}.tbl th{color:var(--c-accent);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;background:#000;font-size:1rem}.toc{top:var(--top-h);z-index:5;background:var(--c-bg);padding:6px 0;position:sticky}.print-page{gap:16px;max-width:900px;margin:0 auto;display:grid}.print-item{break-inside:avoid;border-top:1px solid var(--c-line);grid-template-columns:180px 1fr;gap:16px;padding:12px 0;display:grid}.print-item .diagram{background:#fff}@media print{:root{--c-bg:#fff;--c-surface:#fff;--c-text:#000;--c-text-dim:#333;--c-line:#bbb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.top,.tabs,.fab,.no-print,.toast{display:none!important}.shell{display:block}main{max-width:none;padding:0}body{font-size:11pt}}