:root{--ink: #efe9dc;--ink-dim: #9aa3ad;--ink-faint: #6b7580;--panel: rgba(12, 17, 24, .92);--panel-solid: #0e131a;--edge: rgba(239, 233, 220, .14);--edge-strong: rgba(239, 233, 220, .28);--you: #8fe9ff;--rule: #e8402a;--libero: #f2c53d;--home: #6d9eff;--wood: #c98a4e;--display: "Barlow Condensed", "Oswald", "Haettenschweiler", "Arial Narrow", system-ui, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--display-he: "Heebo", "Arial Hebrew", system-ui, sans-serif;--body-he: "Heebo", "Arial Hebrew", system-ui, sans-serif;--radius: 10px;--shadow: 0 18px 42px rgba(0, 0, 0, .45)}*{box-sizing:border-box}:root:lang(he){--display: var(--display-he);--body: var(--body-he)}:lang(he) .eyebrow,:lang(he) .pill,:lang(he) .phase-step,:lang(he) .primary,:lang(he) .badge strong{letter-spacing:.01em;text-transform:none}:lang(he) .wordmark{letter-spacing:-.01em;font-weight:800}:lang(he) body,:lang(he) .tagline,:lang(he) .note,:lang(he) .badge p,:lang(he) .constraints li{font-size:13.5px;line-height:1.62}:lang(he) .position p{font-size:13px;line-height:1.55}html,body{margin:0;height:100%;background:#05080c;color:var(--ink);font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}#overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}#overlay>*{pointer-events:auto}.eyebrow{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.card{background:var(--panel);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:1px solid var(--edge);border-radius:var(--radius);padding:12px 14px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.pill{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--edge);color:var(--ink-dim);background:#ffffff05;transition:color .18s,border-color .18s,background .18s;white-space:nowrap}.pill:hover{color:var(--ink);border-color:var(--edge-strong)}.pill[aria-pressed=true],.pill.is-on{color:#061016;background:var(--you);border-color:var(--you)}:focus-visible{outline:2px solid var(--you);outline-offset:3px;border-radius:6px}#title{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 20%,#0a1018b8,#04070bf5);z-index:30;transition:opacity .5s ease,visibility .5s}#title[hidden]{display:grid;opacity:0;visibility:hidden;pointer-events:none}.title-inner{width:min(880px,92vw);animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.wordmark{font-family:var(--display);font-size:clamp(64px,13vw,132px);font-weight:700;line-height:.84;letter-spacing:-.02em;margin:0}.wordmark span{color:var(--you)}.tagline{margin:14px 0 26px;max-width:46ch;color:var(--ink-dim);font-size:15px;line-height:1.5}.positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.position{display:flex;align-items:flex-start;gap:12px;text-align:start;background:#ffffff08;border:1px solid var(--edge);border-radius:var(--radius);padding:14px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s}.position:hover{transform:translateY(-3px);border-color:var(--you);background:#8fe9ff0f}.position-text{min-width:0}.card-icon{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--role)}.card-icon svg{width:26px;height:26px}.mini-court{direction:ltr;display:grid;grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:2px;padding:3px;border:1px solid var(--edge);border-radius:3px}.mini-court>:nth-child(-n+3){border-top:1.5px solid var(--edge-strong)}.mini-zone{border-radius:2px;background:#ffffff0d;font-size:8px;line-height:12px;text-align:center;color:transparent}.mini-zone.is-on{background:color-mix(in srgb,var(--role) 30%,transparent);color:var(--role);font-weight:700}.position h3{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.01em;margin:0}.position .nick{font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--you)}.position p{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-dim)}.libero-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:11px 14px;border:1px solid var(--edge);border-radius:var(--radius);background:#ffffff08;cursor:pointer}.libero-switch strong{display:block;font-size:14px;font-weight:600}.libero-switch small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--ink-dim)}.libero-switch input{appearance:none;flex:none;width:40px;height:22px;border-radius:999px;background:#ffffff1f;position:relative;cursor:pointer;transition:background .2s}.libero-switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.libero-switch input:checked{background:var(--libero)}.libero-switch input:checked:after{transform:translate(18px);background:#10151b}[dir=rtl] .libero-switch input:checked:after{transform:translate(-18px)}.title-foot{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;color:var(--ink-faint)}#topbar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(#04070bcc,#04070b00)}.brand{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:.02em}.brand span{color:var(--you)}.spacer{flex:1}.segmented{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--edge);background:#0a0f15b3;backdrop-filter:blur(10px)}.segmented-icon{display:grid;place-items:center;padding-inline:8px 2px;color:var(--ink-faint)}.segmented .pill{border:none;background:none;font-size:12px;padding:5px 11px}.segmented .pill[aria-pressed=true]{color:#061016;background:var(--you)}#stage{flex:1;display:flex;align-items:flex-start;gap:16px;padding:0 18px;min-height:0;pointer-events:none}#rail{width:268px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;animation:slide-in .5s cubic-bezier(.2,.8,.2,1) both .1s}.badge{display:flex;flex-direction:column;gap:6px;border-inline-start:3px solid var(--rule);padding:10px 12px;border-radius:4px;background:#e8402a1a}.badge.is-tactical{border-inline-start-color:var(--wood);background:#c98a4e1f}.badge.is-free{border-inline-start-color:var(--you);background:#8fe9ff1a}.badge strong{font-family:var(--display);font-size:15px;letter-spacing:.1em;text-transform:uppercase}.badge p{margin:0;font-size:12px;line-height:1.45;color:var(--ink-dim)}.your-zone{font-family:var(--display);font-size:30px;font-weight:600;line-height:1;margin:4px 0 2px}.your-zone em{font-style:normal;color:var(--you)}.sub{font-size:12px;color:var(--ink-dim)}.constraints{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.constraints li{display:flex;gap:9px;font-size:12.5px;line-height:1.4;color:var(--ink)}.role-badge{display:inline-block;padding:1px 8px;margin:0 2px;border-radius:999px;border:1px solid var(--role, var(--ink-dim));color:var(--role, var(--ink));background:color-mix(in srgb,var(--role, #888) 16%,transparent);font-weight:600;white-space:nowrap}.constraints li:before{content:"";flex:none;width:3px;border-radius:2px;background:var(--rule)}.note{font-size:12.5px;line-height:1.5;color:var(--ink-dim);margin:6px 0 0}.bench{border-inline-start:3px solid var(--libero);background:#f2c53d1a}#controls{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:30px 18px 18px;background:linear-gradient(#04070b00,#04070b8c 45%,#04070be0);animation:rise .5s cubic-bezier(.2,.8,.2,1) both .2s}.control-group{display:flex;flex-direction:column;gap:7px}.toggle-row{display:flex;gap:6px}.wheel{display:flex;align-items:center;gap:8px}.wheel-legend{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--ink-faint)}.wheel-legend span{display:inline-flex;align-items:center;gap:5px}.wheel-legend i{width:9px;height:9px;border-radius:50%}.wheel-legend .dot-you{background:var(--you)}.wheel-legend .dot-setter{border:2px solid var(--role)}.wheel svg{overflow:visible}.wheel-node circle{fill:#ffffff0d;stroke:var(--edge-strong);stroke-width:1.2;transition:fill .25s,stroke .25s}.wheel-node text{font-family:var(--display);font-size:15px;font-weight:600;fill:var(--ink-dim);text-anchor:middle;dominant-baseline:central;transition:fill .25s}.wheel-node.is-you circle{fill:var(--you);stroke:var(--you)}.wheel-node.is-you text{fill:#061016}.wheel-arc{fill:none;stroke:var(--ink-faint);stroke-width:1.4;opacity:.75}.wheel-arrow{fill:var(--ink-faint);opacity:.75}.wheel-node.is-setter circle{stroke:var(--role);stroke-width:2.4}.wheel-caption{position:relative;min-width:132px;padding-inline:10px}.wheel-caption .rot{display:flex;align-items:center;gap:6px;padding:0;cursor:pointer}.wheel-caption .rot:hover{color:var(--you)}.rot-caret{display:inline-flex;opacity:.6}.rotation-menu{position:absolute;bottom:calc(100% + 8px);inset-inline-start:6px;z-index:30;display:flex;flex-direction:column;min-width:150px;padding:5px;border-radius:var(--radius);border:1px solid var(--edge);background:var(--panel-solid);animation:rise .16s cubic-bezier(.2,.8,.2,1) both}.rotation-menu[hidden]{display:none}.rotation-menu button{font-family:var(--display);font-size:14px;text-align:start;padding:7px 10px;border-radius:7px;color:var(--ink-dim);white-space:nowrap}.rotation-menu button:hover{color:var(--ink);background:#ffffff0f}.rotation-menu button.is-on{color:#061016;background:var(--you)}.wheel-node{cursor:pointer}.wheel-node:hover circle{stroke:var(--you);fill:#8fe9ff29}.wheel-node:hover text{fill:var(--ink)}.wheel-caption .rot{font-family:var(--display);font-size:26px;font-weight:700;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.8)}.wheel-caption .sub,.wheel-legend{color:#b9c4cf;text-shadow:0 1px 4px rgba(0,0,0,.9)}#controls .eyebrow{color:#97a3ae;text-shadow:0 1px 4px rgba(0,0,0,.85)}.stepper{display:flex;gap:6px}.step-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--edge);display:grid;place-items:center;color:var(--ink-dim);transition:color .18s,border-color .18s,background .18s}.step-btn:hover{color:var(--ink);border-color:var(--you);background:#8fe9ff14}.phase-track{display:flex;align-items:center;gap:0}.phase-step{font-family:var(--display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:5px 10px;border-radius:6px;transition:color .2s,background .2s}.phase-step.is-on{color:#061016;background:var(--you)}.phase-link{width:18px;height:1px;background:var(--edge-strong)}.sheet{position:fixed;top:64px;right:18px;width:264px;z-index:20;display:flex;flex-direction:column;gap:14px;animation:rise .28s cubic-bezier(.2,.8,.2,1) both}.sheet[hidden]{display:none}.field{display:flex;flex-direction:column;gap:7px}.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;cursor:pointer}.switch input{appearance:none;width:36px;height:20px;border-radius:999px;background:#ffffff1f;position:relative;cursor:pointer;transition:background .2s}.switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:var(--ink);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.switch input:checked{background:var(--you)}.switch input:checked:after{transform:translate(16px);background:#061016}#coach{position:fixed;left:50%;bottom:148px;transform:translate(-50%);width:min(430px,90vw);z-index:25;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}#coach[hidden]{display:none}#coach h4{font-family:var(--display);font-size:20px;font-weight:600;margin:6px 0}#coach p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--ink-dim)}.coach-foot{display:flex;align-items:center;gap:10px}.primary{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:8px;background:var(--you);color:#061016;transition:transform .15s,filter .15s}.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.ghost{font-size:12.5px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.ghost:hover{color:var(--ink)}[dir=rtl] .sheet{right:auto;left:18px}[dir=rtl] .wheel{direction:ltr}[dir=rtl] .wheel-caption{direction:rtl;text-align:right}[dir=rtl] .switch input:checked:after{transform:translate(-16px)}[dir=rtl] #rail{animation-name:slide-in-rtl}.lang-switch{display:flex;gap:6px;margin-inline-start:14px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}}@keyframes slide-in-rtl{0%{opacity:0;transform:translate(14px)}}.info-toggle{display:none}@media (max-width: 900px){#topbar .spacer{display:none}.segmented{flex-wrap:wrap;max-width:none;margin-top:8px}#topbar [data-settings]{flex:none}#topbar [data-back]{max-width:34vw;overflow:hidden;text-overflow:ellipsis}.info-toggle{display:flex;align-items:center;gap:8px;width:100%;min-width:0;justify-content:space-between}.info-toggle>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}.toggle-row,.phase-track{flex-wrap:wrap}#controls .control-group{min-width:0}#stage{align-items:flex-end;padding:0}#rail{display:none}#rail.is-open{display:flex;position:fixed;left:12px;right:12px;bottom:190px;width:auto;z-index:22}#topbar{padding:10px 12px}.brand{font-size:19px}#controls{flex-direction:column;align-items:stretch;gap:12px;padding:22px 12px 12px;background:linear-gradient(#04070b00,#04070beb 32%)}.wheel{justify-content:space-between}.positions{grid-template-columns:repeat(2,minmax(0,1fr))}.wordmark{font-size:clamp(52px,20vw,92px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}