@font-face{font-family:Silkscreen;src:url(./silkscreen-latin-CtPo2yA5.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Nunito Sans;src:url(./nunito-sans-latin-BWQ3gi2K.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{--ink: oklch(32% .045 150);--paper: oklch(95% .045 94);--field: oklch(82% .075 125);--red: oklch(49% .13 24);--line: oklch(70% .06 115);--lcd: oklch(82% .085 116);--lcd-light: oklch(86% .07 116);--console: oklch(70% .035 345);--console-edge: oklch(42% .035 345);--pixel: Silkscreen, "Courier New", monospace;--body: "Nunito Sans", sans-serif;--space-sm: 8px;--space-md: 24px;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a,input,select,summary,.style{touch-action:manipulation}button{cursor:pointer;border:2px solid var(--ink);background:var(--paper);padding:12px 16px;font-family:var(--pixel);font-size:.75rem;line-height:1.5;min-height:48px;border-radius:0;box-shadow:3px 3px 0 var(--ink)}@media(hover:hover){button:hover{background:var(--field)}.entry-name:hover{text-decoration:underline;text-underline-offset:5px;background:transparent}}button:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--ink)}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--red);outline-offset:4px}a{color:inherit}header{max-width:1160px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--ink)}header a{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-pixel{font-family:var(--pixel);font-size:1.5rem;line-height:1}.brand-name{font-family:var(--pixel);font-size:.75rem}header b{background:var(--field);padding:4px 6px;margin-left:4px;font-weight:400}.quiet{border-color:transparent;padding:10px;font:800 .875rem/1.5 var(--body);box-shadow:none;background:transparent}.quiet:active{box-shadow:none}header .quiet{font:.6875rem/1.5 var(--pixel)}.primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--line)}@media(hover:hover){.primary:hover{background:#2f5437}}main{max-width:1060px;margin:auto;padding:48px 32px 64px;min-height:75svh}.eyebrow{font-family:var(--pixel);font-size:.6875rem;line-height:1.8}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--pixel);font-weight:400}h1{font-size:clamp(4rem,9vw,6.75rem);line-height:.95;letter-spacing:-4px;position:relative;margin-top:28px}h1 span{color:var(--red)}h1 i{font:.6875rem var(--pixel);vertical-align:top;letter-spacing:0;margin-left:8px}h2{font-size:2rem;line-height:1.25;overflow-wrap:anywhere}h3{font-size:1.5rem;line-height:1.4}p{line-height:1.65;max-width:65ch}.intro{position:relative}.lede{position:absolute;right:12px;top:88px;font-size:1.25rem;font-weight:700;line-height:1.5}.hero-art{margin-top:32px;border:3px solid var(--ink);position:relative;overflow:hidden;background:var(--field);box-shadow:5px 5px 0 var(--line)}.landscape{display:block;width:100%;image-rendering:pixelated}.art-caption{position:absolute;bottom:16px;left:20px;font-family:var(--pixel);font-size:.5625rem;background:var(--paper);padding:8px 12px}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:36px 0}.intro-bottom p{margin-top:12px;font-size:1rem}.start{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:center}.start small,.autosave{font-size:.75rem;line-height:1.65}.start small{text-align:center}.ticker{border-block:2px solid var(--ink);padding:16px;text-align:center;font:.625rem/2 var(--pixel)}footer{max-width:1160px;padding:24px 32px;margin:auto;display:flex;justify-content:space-between;gap:16px;font:.5625rem/1.8 var(--pixel);border-top:1px solid var(--line)}.quest{max-width:720px;margin:auto}.quest-top{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.trail{display:flex;justify-content:space-between;position:relative;margin:32px 0 48px;border-top:3px dotted var(--line)}.trail i{width:12px;height:12px;background:var(--paper);border:2px solid var(--ink);margin-top:-7px}.trail .passed{background:var(--ink)}.trail>span{position:absolute;left:calc(var(--progress) * 94%);top:-30px;font-size:25px}form h2{margin:12px 0 16px}.explanation{font-size:1rem}.fields{display:grid;gap:20px;margin:32px 0}label{font-size:.875rem;font-weight:800}label>span:not(.style span){font-size:.75rem;font-weight:400}input:not([type=range]):not([type=radio]):not([type=checkbox]),select{font-size:1rem;border:2px solid var(--ink);background:#fef9e6;padding:14px;border-radius:0;max-width:100%;min-width:0}label>input:not([type=radio]):not([type=checkbox]){display:block;width:100%;margin-top:8px}input[type=range]{width:100%;min-width:0;accent-color:var(--ink);min-height:48px;cursor:pointer;margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--ink);width:20px;height:20px;flex-shrink:0}.instrument{margin:28px 0;background:var(--field);border:3px solid var(--ink);padding:24px;box-shadow:4px 4px 0 var(--line)}.instrument-label{display:flex;justify-content:space-between;gap:12px;font:.625rem/1.5 var(--pixel);padding-bottom:16px;border-bottom:2px dotted color-mix(in oklch,var(--ink),transparent 60%)}.instrument-label span{white-space:nowrap}.score-readout{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:20px}.score-readout output{font-family:var(--pixel);font-size:4rem;line-height:1.25;width:calc(var(--digits) * 1ch);text-align:center;font-variant-numeric:tabular-nums;flex:0 0 auto}.score-readout span{font:.625rem/1.8 var(--pixel);max-width:8ch}.rating-input{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:20px;align-items:center;margin:20px 0 24px}.rating-input button{font:1.5rem/1 var(--pixel);padding:0;min-width:0;min-height:52px;width:52px;height:52px;user-select:none;-webkit-user-select:none}.rating-input input[type=number]{width:100%;height:52px;text-align:center;font:1.25rem/1.5 var(--pixel);padding:8px 4px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.rating-input input::-webkit-inner-spin-button,.rating-input input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.feedback-zone,.feedback-reserve{display:grid}.feedback-zone>*,.feedback-reserve>*{grid-area:1 / 1}.feedback-reserve{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.feedback-zone p{text-align:center;font:.875rem/1.65 var(--body);margin:0;max-width:none}.navigation{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:28px}.autosave{margin:20px 0;color:#364f3b}.styles{border:0;padding:0;display:grid;gap:12px;margin:28px 0}.style{display:flex;align-items:center;gap:16px;border:2px solid var(--line);padding:20px;cursor:pointer}.style.selected{border-color:var(--ink);background:var(--field);box-shadow:3px 3px 0 var(--ink)}.style span{flex:1;min-width:0}.style strong{display:block;font-size:1.0625rem}.style small{display:block;font-weight:400;margin-top:5px;line-height:1.5}.style b{font:.625rem/1.5 var(--pixel);white-space:nowrap}.cow{background:#efd8aa;border-style:dashed}.results{max-width:800px;margin:auto}.result-card{margin:24px 0;border:3px solid var(--ink);background:#faf2d4;box-shadow:8px 8px 0 var(--field);animation:reveal .5s ease-out}.result-heading{display:flex;justify-content:space-between;gap:24px;padding:32px}.result-heading>div:first-child{min-width:0}.result-heading h2{font-size:1.75rem;overflow-wrap:anywhere;margin:8px 0}.result-heading p{font-size:.8125rem}.total{font:3.75rem/1.1 var(--pixel);color:var(--red);flex-shrink:0}.total small{display:block;font:.6875rem/1.8 var(--pixel);text-align:right}.reward-art{background:oklch(82% .065 var(--artist-hue));padding:28px;position:relative;text-align:center;border-block:2px solid var(--ink);overflow:hidden}.cassette{display:inline-block;border:7px solid var(--ink);box-shadow:7px 7px color-mix(in oklch,var(--ink),transparent 65%);padding:12px 18px;font:700 26px monospace;transform:rotate(-6deg);background:var(--paper)}.cassette i{font-size:13px;font-style:normal}.spark{position:absolute;font-size:45px}.s1{left:10%;top:18px}.s2{right:10%;top:28px}.equalizer{font-size:26px;margin-top:20px;letter-spacing:7px;line-height:1}.artist{padding:28px 32px 0}.artist h3{font-size:2rem;margin:8px 0 16px;overflow-wrap:anywhere}.artist strong{font:.6875rem/1.8 var(--pixel);color:var(--red)}.review{padding:20px 32px 32px;font-size:1.0625rem}.stamp{border-top:1px dashed var(--line);padding:12px 32px;font:.5625rem/1.8 var(--pixel)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}details{margin:32px 0}summary{cursor:pointer;font-weight:800;min-height:44px}.breakdown{display:grid;gap:16px;padding:20px 0}.breakdown>div{display:grid;grid-template-columns:1fr 120px 45px;gap:16px;align-items:center;font-size:.8125rem}.breakdown small{font-size:.6875rem;font-weight:400}meter{width:100%;accent-color:var(--ink)}.journal{max-width:780px;margin:auto}.journal-heading{margin-bottom:28px}.journal-heading h2{font-size:2.5rem;margin:12px 0}.journal-heading>p{font-size:1rem}.handheld{background:var(--console);padding:20px 24px 16px;border:3px solid var(--console-edge);border-radius:12px 12px 52px;box-shadow:inset 3px 3px #d1bec8,inset -4px -4px #876f7c,6px 6px 0 var(--console-edge)}.bezel-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#31212a;font:.5625rem/1.5 var(--pixel);padding:0 4px 16px}.bezel-label>span:first-child{display:flex;align-items:center;gap:8px}.power-light{display:inline-block;width:7px;height:7px;background:var(--ink);box-shadow:0 0 0 2px #d2b4c4}.lcd{background:var(--lcd);color:var(--ink);padding:24px;border:3px solid var(--console-edge);box-shadow:inset 3px 3px #909866}.lcd-status{display:flex;justify-content:space-between;gap:12px;font:.5625rem/1.7 var(--pixel);padding-bottom:16px;border-bottom:2px solid var(--ink)}.scoreboard-title{font:1.375rem/1.4 var(--pixel);text-align:center;margin-top:24px}.scoreboard-subtitle{font:.625rem/1.8 var(--pixel);text-align:center;margin:8px auto 0}.journal-tools{margin:24px 0 20px}.journal-tools label{display:flex;align-items:center;justify-content:space-between;gap:16px;font:.5625rem/1.7 var(--pixel)}.journal-tools select{font-family:var(--body);font-size:1rem;background:var(--lcd-light);padding:8px 24px 8px 12px;min-height:48px}.board-column-labels{display:grid;grid-template-columns:40px minmax(0,1fr) 78px;gap:16px;font:.5625rem/1.7 var(--pixel);border-bottom:2px solid var(--ink);padding:12px 0}.board-column-labels>span:last-child{text-align:right}.entries article{display:grid;grid-template-columns:40px minmax(0,1fr) 78px;align-items:start;gap:16px;padding:24px 0;border-bottom:2px dotted color-mix(in oklch,var(--ink),transparent 50%)}.rank{display:flex;flex-direction:column;align-items:center;gap:6px;font:1.125rem/1.5 var(--pixel);padding-top:5px}.pixel-trophy{width:24px;height:24px}.entry-info{min-width:0}.entry-name{border:0;padding:0;min-height:44px;font:.9375rem/1.65 var(--pixel);text-align:left;overflow-wrap:anywhere;background:transparent;box-shadow:none;display:block;width:100%}.entry-name:active{box-shadow:none}.entry-name>span{white-space:nowrap}.entries p{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.entry-location{margin:4px 0 8px}.entry-artist{font-weight:800}.entry-player{margin-top:8px}.entry-player>span{font:.5rem var(--pixel);display:block;margin-bottom:4px}.entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:12px}.entry-actions label{display:flex;align-items:center;gap:6px;font-size:.8125rem;min-height:44px}.entry-actions .quiet{font-size:.8125rem;padding:8px}.entry-score{font:1.75rem/1.5 var(--pixel);text-align:right;padding-top:3px;font-variant-numeric:tabular-nums}.entry-score small{display:block;font:.5625rem/1.7 var(--pixel)}.board-pagination{margin-top:20px}.board-pagination button{font-size:.5625rem;background:var(--lcd-light)}.board-pagination:has(>span:only-child){display:none}.lcd-bottom{display:flex;align-items:center;justify-content:center;gap:12px;font:.5rem/1.8 var(--pixel);text-align:center;padding-top:24px}.console-hardware{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 8px 12px;-webkit-user-select:none;user-select:none}.dpad{display:block;position:relative;width:56px;height:56px;flex-shrink:0;background:var(--console-edge);clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.dpad:after{content:"";position:absolute;width:12px;height:12px;top:22px;left:22px;background:var(--console)}.console-wordmark{font:.75rem/1.5 var(--pixel);color:#31212a}.console-wordmark small{display:block;font-size:.4375rem;margin-top:4px}.console-buttons{display:flex;gap:12px;transform:rotate(-18deg)}.console-buttons i{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--console-edge);border-radius:50%;background:var(--red);color:var(--paper);font:.625rem var(--pixel);box-shadow:2px 2px 0 var(--console-edge)}.journal-bottom{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:24px;margin-top:32px}.journal-bottom .autosave{margin:0}.board-message{padding:32px 0;min-height:180px}.board-message button{margin-top:20px}.empty{margin:32px auto;text-align:center}.empty-cone{font-size:48px}.empty h3{margin:20px 0 16px;font-size:1rem}.empty p{margin:auto;font-size:.875rem}.table-scroll{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;min-width:100%;font-size:.8125rem}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);min-width:130px}caption{text-align:left;margin-bottom:12px;font-size:.75rem}#comparison:not(:empty){margin-top:28px}#comparison h3{font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#notice:empty{display:none}#notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:90vw;width:max-content;background:var(--ink);color:var(--paper);border:2px solid var(--field);padding:16px 24px;font-size:.875rem;z-index:10;box-shadow:4px 4px 0 var(--line);pointer-events:none}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){header{padding:12px 16px}.brand-name{display:none}main{padding:28px 20px 48px}.intro>.eyebrow{font-size:.5625rem}h1{font-size:4.5rem;margin-top:24px;letter-spacing:-3px}h1 i{display:inline-block;font-size:.5rem;margin-left:6px}.lede{position:static;font-size:1.0625rem;margin-top:24px}.hero-art{margin-top:24px}.hero-art .landscape{min-height:180px;object-fit:cover}.art-caption{position:static;display:block;font-size:.5rem;line-height:1.8;padding:10px;border-top:2px solid var(--ink)}.intro-bottom{grid-template-columns:1fr;gap:24px;padding:28px 0}.ticker{font-size:.5rem;line-height:2}footer{padding:20px;flex-direction:column;font-size:.5rem}h2{font-size:1.625rem}.quest-top .eyebrow{font-size:.5625rem}.instrument{padding:20px 16px}.score-readout output{font-size:3rem}.rating-input{gap:12px}.style{padding:16px 12px;gap:10px}.style strong{font-size:1rem}.style small{font-size:.8125rem}.style b{font-size:.5625rem}.navigation .primary{font-size:.625rem;padding:12px}.result-heading{padding:24px 20px;gap:12px;flex-wrap:wrap}.result-heading h2{font-size:1.375rem}.total{font-size:3rem}.result-heading .eyebrow{font-size:.5625rem}.artist{padding:24px 20px 0}.artist h3{font-size:1.5rem}.review{padding:20px;font-size:1rem}.reward-art{padding:24px 12px}.s1{left:4%}.s2{right:4%}.spark{font-size:25px}.cassette{font-size:20px;padding:10px}.equalizer{font-size:20px;letter-spacing:3px}.stamp{font-size:.5rem;padding:12px 20px}.actions{gap:8px}.actions button{font-size:.625rem;padding:12px}.breakdown>div{grid-template-columns:1fr 70px 40px;gap:8px;font-size:.75rem}.journal-heading .eyebrow{font-size:.5625rem}.journal-heading h2{font-size:2rem}.handheld{padding:16px 12px 12px;border-radius:10px 10px 36px;box-shadow:inset 2px 2px #d1bec8,inset -3px -3px #876f7c,4px 4px 0 var(--console-edge)}.bezel-label{font-size:.4375rem;padding-bottom:12px}.lcd{padding:16px 12px}.lcd-status{font-size:.4375rem;padding-bottom:12px;gap:8px}.scoreboard-title{font-size:1rem;margin-top:20px}.scoreboard-subtitle{font-size:.5rem}.journal-tools{margin:20px 0 12px}.journal-tools label{flex-wrap:wrap;gap:8px}.journal-tools select{width:100%}.board-column-labels,.entries article{grid-template-columns:26px minmax(0,1fr) 58px;gap:10px}.board-column-labels{font-size:.4375rem}.entries article{padding:20px 0}.entry-name{font-size:.75rem;line-height:1.75}.entries p{font-size:.8125rem}.entry-actions{margin-top:8px;gap:4px 6px}.entry-actions .quiet{padding:8px 6px}.entry-score{font-size:1.25rem}.entry-score small{font-size:.4375rem}.rank{font-size:.875rem}.pixel-trophy{width:20px;height:20px}.lcd-bottom{font-size:.4375rem;gap:8px;flex-wrap:wrap}.console-hardware{gap:10px;padding:24px 4px 8px}.console-wordmark{font-size:.5625rem}.console-wordmark small{font-size:.375rem}.console-buttons{gap:8px}.console-buttons i{width:26px;height:26px;font-size:.5rem}.dpad{width:44px;height:44px}.dpad:after{top:17px;left:17px;width:10px;height:10px}.journal-bottom{grid-template-columns:1fr;gap:20px}.board-pagination button{font-size:.5rem;padding:10px 6px}}@media(max-width:360px){main{padding-inline:16px}h1{font-size:4rem}.score-readout{gap:8px}.score-readout output{font-size:2.5rem}.score-readout span,.instrument-label{font-size:.5625rem}.journal-heading h2{font-size:1.75rem}.handheld{padding-inline:8px}.lcd{padding-inline:10px}.board-column-labels,.entries article{grid-template-columns:22px minmax(0,1fr) 48px;gap:8px}.entry-score{font-size:1.125rem}.console-wordmark small{max-width:12ch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.scoring-note{font-size:.875rem;padding:16px;border:2px solid var(--ink);background:var(--field);margin-bottom:24px}.header-controls{display:flex;align-items:center;gap:12px}.music-toggle{white-space:nowrap;min-width:112px}.music-toggle[aria-pressed=false]{color:var(--ink)}@media(max-width:650px){.header-controls{gap:4px}header .quiet{font-size:.5625rem;padding-inline:6px}.music-toggle{min-width:94px}}