:root{color-scheme:light;--paper: #f3e9d0;--paper-high: #fff9e9;--ink: #171713;--muted: #5d584c;--deck: #272923;--coral: #d93f31;--acid: #d7f23a;--blue: #246b78;--amber: #a95b08;--edge: 1px solid var(--ink);font-family:Arial,Helvetica Neue,sans-serif;font-size:16px;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--paper);background-image:radial-gradient(#1717130c .7px,transparent .7px);background-size:5px 5px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:multiply}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}p{line-height:1.5}h1,h2,p{margin-top:0}h2{font:900 clamp(1.5rem,3vw,2.3rem)/1.05 "Arial Black",Impact,sans-serif;letter-spacing:-.035em}main{overflow-x:hidden}:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.skip-link{position:fixed;z-index:100;left:12px;top:10px;padding:12px 16px;background:var(--acid);color:var(--ink);transform:translateY(-160%);font-weight:800}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.masthead{min-height:76px;padding:14px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);background:var(--paper)}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;font:900 1.05rem/1 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.wordmark span{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--paper);transform:rotate(-2deg);font-family:Courier New,monospace}nav{display:flex;align-items:center;gap:26px;font-size:.9rem;font-weight:700}.text-button,.underlink{border:0;padding:8px 0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-weight:800;min-height:44px}.hero{min-height:610px;position:relative;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(430px,1.15fr);overflow:hidden;border-bottom:2px solid var(--ink)}.hero-copy{align-self:center;z-index:2;padding:72px 3vw 74px clamp(24px,6vw,100px)}.kicker,.eyebrow{margin-bottom:12px;font:800 .76rem/1.2 Courier New,monospace;letter-spacing:.12em;text-transform:uppercase}.kicker:before,.eyebrow:before{content:"●";color:var(--coral);margin-right:8px}h1{margin:0 0 24px;font:900 clamp(3.3rem,7.2vw,7.7rem)/.77 "Arial Black",Impact,sans-serif;letter-spacing:-.075em;text-transform:uppercase}h1 em{position:relative;color:var(--paper-high);font-style:normal;text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink)}h1 em:after{content:"";position:absolute;z-index:-1;left:-2%;right:-4%;bottom:-9%;height:42%;background:var(--coral);transform:rotate(-1.5deg)}.lede{max-width:560px;font-size:1.18rem;line-height:1.5}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 18px;border:2px solid var(--ink);background:var(--paper-high);color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;cursor:pointer;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.button--ink{background:var(--ink);color:var(--paper-high);box-shadow:4px 4px 0 var(--coral)}.button--acid{background:var(--acid);color:var(--ink)}.local-note{display:inline-block;margin:20px 0 0 16px;color:var(--muted);font-size:.8rem}.hero-art{min-width:0;height:100%;background:#d9cfb4;border-left:2px solid var(--ink);clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}.hero-art img{width:100%;height:100%;object-fit:cover}.tape-label{position:absolute;right:5%;bottom:8%;display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--acid);border:var(--edge);box-shadow:4px 4px var(--ink);transform:rotate(2deg);font:.8rem/1.1 Courier New,monospace}.tape-label b{font-family:Arial,sans-serif}.connection{padding:10px 24px;background:var(--blue);color:#fff;text-align:center;font-weight:800}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,64px);padding:clamp(40px,6vw,84px) clamp(20px,6vw,96px);max-width:1500px;margin:auto}.score-column{min-width:0}.score-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.score-heading h2{margin-bottom:0}.score-heading .eyebrow{margin-bottom:8px}.shuffle{min-height:44px;border:0;border-bottom:2px solid var(--ink);background:transparent;cursor:pointer;font-weight:800}.shuffle span{font-size:1.3rem}.score-paper{position:relative;min-height:220px;overflow:hidden;border:2px solid var(--ink);background:var(--paper-high);box-shadow:6px 7px #1717132b}.score-paper:after{content:"TAKE / READ";position:absolute;top:10px;right:-24px;padding:4px 32px;background:var(--coral);color:#fff;transform:rotate(5deg);font:700 .65rem Courier New,monospace}.notation{display:block;width:100%;min-width:560px;height:auto}.staff-line{stroke:var(--ink);stroke-width:1.2}.bar-line{stroke:var(--ink);stroke-width:2.2}.note{fill:var(--ink);stroke:var(--ink);stroke-width:2.7;stroke-linecap:round}.note--accent ellipse{fill:var(--coral)}.meter-mark{font:800 20px Courier New,monospace}.beat-number{fill:var(--muted);font:12px Courier New,monospace;text-anchor:middle}.timing circle{stroke:var(--ink);stroke-width:1.5}.timing text{fill:var(--ink);text-anchor:middle;font:800 9px Arial,sans-serif}.timing--early circle{fill:#77b9c3}.timing--on circle{fill:var(--acid)}.timing--late circle{fill:#ef8278}.timing--missed circle{fill:#e3b671}.count-guide{margin:14px 2px 20px;font-family:Courier New,monospace}.count-guide span{color:var(--muted)}.deck{padding:18px;border:2px solid #10110e;border-radius:3px;color:var(--paper-high);background-color:var(--deck);background-image:linear-gradient(90deg,#ffffff05 50%,transparent 50%);background-size:4px 100%;box-shadow:6px 7px #17171344}.deck-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:35px;font:.78rem Courier New,monospace;text-transform:uppercase}.record-light{width:11px;height:11px;border-radius:50%;background:#72635a;border:1px solid #111}.deck[data-phase=playing] .record-light{background:#ff4e3f;box-shadow:0 0 0 4px #d93f3133}.counter{padding:5px 7px;color:var(--acid);background:#11120f;border:1px inset #555;font-variant-numeric:tabular-nums}.count-lamps{display:flex;gap:6px;margin:13px 0 9px}.count-lamps i{width:30px;height:24px;display:grid;place-items:center;border:1px solid #858377;background:#171814;color:#aaa;font: .75rem Courier New,monospace}.count-lamps i.lit{background:var(--acid);color:var(--ink)}.tap-pad{width:100%;min-height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #111;border-radius:3px;background:#eae0c9;color:var(--ink);box-shadow:inset 0 -7px #b4aa94,0 4px #10110e;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease}.tap-pad span{font:900 clamp(2rem,7vw,4rem)/1 "Arial Black",Impact,sans-serif;letter-spacing:-.04em}.tap-pad small{margin-top:6px;font:.78rem Courier New,monospace}.tap-pad:active,.tap-pad.is-hit{transform:translateY(3px);box-shadow:inset 0 -3px #b4aa94,0 1px #10110e;background:var(--acid)}.deck-tools{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.deck-tools button{min-height:44px;padding:6px 8px;border:1px solid #77786e;background:#171814;color:var(--paper-high);cursor:pointer;font-size:.8rem}.keyboard-help{margin-top:12px;color:var(--muted);font-size:.8rem}kbd{padding:2px 5px;border:1px solid var(--muted);background:var(--paper-high);box-shadow:1px 1px var(--ink)}.settings{align-self:start;position:sticky;top:24px;padding:23px 20px;border:2px solid var(--ink);background:#e6d9bb;box-shadow:5px 5px 0 var(--ink)}.settings h2{font-size:1.7rem}.field,fieldset,.level{padding:15px 0;border:0;border-top:1px solid #17171355}.field label,fieldset legend,.level label{display:block;margin-bottom:8px;font-size:.83rem;font-weight:800}.field label{display:flex;justify-content:space-between;gap:8px}.field output,.level span{font-family:Courier New,monospace}select{min-height:48px;width:100%;padding:8px 34px 8px 10px;border:2px solid var(--ink);border-radius:0;background:var(--paper-high);color:var(--ink)}input[type=range]{accent-color:var(--coral);width:100%;min-height:38px;cursor:pointer}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented label{margin:0}.segmented input{position:absolute;opacity:0}.segmented span{min-height:44px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--paper-high);font-size:.78rem;cursor:pointer}.segmented input:checked+span{background:var(--ink);color:var(--paper-high)}.segmented input:focus-visible+span{outline:4px solid var(--blue);outline-offset:2px}.level>div{display:flex;justify-content:space-between}.check{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:3px 0 0!important}.check input{width:22px;height:22px;accent-color:var(--coral)}.field-note,.settings-note{color:var(--muted);font-size:.78rem}.settings-note{margin:10px 0 0;padding-top:13px;border-top:1px dashed var(--muted)}.result-sheet{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;padding:24px;border:2px solid var(--ink);background:var(--paper-high);box-shadow:5px 5px 0 var(--coral)}.result-sheet h2{margin:0;font:800 1.3rem/1.3 Arial,sans-serif;letter-spacing:0}.result-sheet h2 span{display:inline-block;margin-right:8px;font:900 2.5rem/1 Arial Black,Impact,sans-serif}.take-stats{display:flex;gap:22px;margin:0}.take-stats div{display:flex;flex-direction:column}.take-stats dt{color:var(--muted);font-size:.72rem}.take-stats dd{margin:4px 0 0;font:800 1rem Courier New,monospace}.legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.72rem;font-weight:800}.legend span{padding:5px 7px;border:1px solid var(--ink)}.legend .early{background:#77b9c3}.legend .on{background:var(--acid)}.legend .late{background:#ef8278}.legend .missed{background:#e3b671}.result-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:9px}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:80px clamp(24px,7vw,110px);background:#a92e23;color:#fff9e9;border-block:2px solid var(--ink)}.how>div{max-width:520px}.how .eyebrow:before{color:var(--acid)}.how h2{font-size:clamp(2.4rem,5vw,5rem)}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0}.how li{padding-top:18px;border-top:3px solid var(--paper-high)}.how li span{display:block;margin-bottom:42px;color:var(--acid);font:1rem Courier New,monospace}.how li b{font-size:1.2rem}.how li p{font-size:.9rem}.practice-log{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:50px;padding:68px clamp(24px,7vw,110px);border-bottom:2px solid var(--ink)}.practice-log h2{margin:0}.practice-log h2 span{color:var(--muted);font:700 1rem Arial,sans-serif;letter-spacing:0}.calendar{list-style:none;display:grid;grid-template-columns:repeat(14,minmax(28px,1fr));gap:6px;margin:0;padding:0}.practice-day{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--ink);background:var(--paper-high);font:.72rem Courier New,monospace}.practice-day--done{background:var(--acid);box-shadow:inset 0 0 0 4px var(--paper-high);font-weight:800}.unlock{margin:64px auto;max-width:1180px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center;padding:40px;background:var(--deck);color:var(--paper-high);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--coral)}.unlock h2{font-size:clamp(2rem,4vw,3.8rem)}.unlock p{max-width:680px}.unlock-actions{display:flex;flex-direction:column;align-items:start;gap:8px}.unlock-actions p{color:#d2cbbb;font-size:.75rem}.underlink--light{color:var(--paper-high)}footer{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:48px clamp(24px,7vw,110px);background:var(--ink);color:var(--paper-high)}.footer-mark{display:flex;align-items:center;gap:10px;font:900 3rem Arial Black,Impact,sans-serif}.footer-mark>span{font:700 .62rem/1.2 Courier New,monospace;color:var(--acid)}.footer-mark+div{text-align:right}.footer-mark+div p{margin-bottom:8px}.footer-mark+div a{margin-left:18px}.footer-mark+div small{color:#bdb6a8}dialog{width:min(540px,calc(100% - 32px));padding:30px;border:2px solid var(--ink);border-radius:0;background:var(--paper-high);color:var(--ink);box-shadow:9px 9px 0 var(--coral)}dialog::backdrop{background:#171713c9}.dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;font-size:1.8rem}.calibration-meter{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:22px 0}.calibration-meter i{height:20px;border:1px solid var(--ink);background:var(--paper)}.calibration-meter i.done{background:var(--acid)}.calibration-tap{width:100%;min-height:80px}#license-form{display:grid;gap:12px}.dialog-fine,.form-status{font-size:.82rem}#license-token{min-height:48px;border:2px solid var(--ink);padding:8px}@media(max-width:900px){.masthead nav a{display:none}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:62px 24px 54px}.hero-art{height:380px;border-left:0;border-top:2px solid var(--ink);clip-path:none}.workbench{grid-template-columns:1fr}.settings{position:static;grid-row:1}.how,.practice-log{grid-template-columns:1fr}.how ol{gap:14px}.unlock{margin-inline:20px;grid-template-columns:1fr;gap:20px}}@media(max-width:560px){.masthead{padding:10px 16px}.wordmark{font-size:.9rem}.wordmark span{width:40px;height:40px}nav{gap:10px}nav .text-button{font-size:.78rem}h1{font-size:clamp(3.2rem,17vw,5rem)}.hero-art{height:290px}.tape-label{bottom:4%}.workbench{padding:42px 14px;gap:32px}.score-heading{align-items:start}.score-heading h2{font-size:1.35rem}.shuffle{font-size:.78rem}.score-paper{overflow-x:auto}.notation{width:720px}.deck{padding:12px}.deck-top{grid-template-columns:auto 1fr}.counter{grid-column:1 / -1;text-align:center}.tap-pad{min-height:120px}.deck-tools{flex-direction:column}.deck-tools button{width:100%}.keyboard-help{display:none}.result-sheet{grid-template-columns:1fr;padding:18px}.result-actions{justify-content:start}.result-actions .button{flex:1 1 120px}.how{padding:56px 22px}.how ol{grid-template-columns:1fr}.how li{display:grid;grid-template-columns:42px 1fr}.how li span{grid-row:1 / 3;margin:0}.how li p{margin-bottom:4px}.practice-log{padding:48px 20px;gap:20px}.calendar{grid-template-columns:repeat(7,1fr)}.unlock{padding:28px 22px}.unlock-actions .button{width:100%}footer{grid-template-columns:1fr}.footer-mark+div{text-align:left}.footer-mark+div a{margin:0 16px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}