:root{--wall:#17352a;--panel:#0e231b;--screen:#050b08;--chalk:#eceee4;--sage:#93ac9e;--bulb:#ffc247;--bulb-dim:#ffc24729;--foul:#ee5a41;--line:#eceee424;--display:"Big Shoulders Stencil", "Arial Narrow", sans-serif;--bulbs:"Doto", "IBM Plex Mono", monospace;--body:"Barlow", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--wall);color:var(--chalk);font:400 1.0625rem/1.55 var(--body);padding:0 var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));background-image:repeating-linear-gradient(#0000 0 calc(12.5vh - 1px),#0000001f calc(12.5vh - 1px) 12.5vh);margin:0}a{color:var(--chalk);text-underline-offset:.18em;text-decoration-color:#eceee466}a:hover{-webkit-text-decoration-color:var(--bulb);text-decoration-color:var(--bulb)}:focus-visible{outline:3px solid var(--bulb);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}code,.mono{font-family:var(--mono);font-size:.9em}.masthead{max-width:960px;margin:0 auto;padding:clamp(24px,6vw,64px) 0 clamp(20px,4vw,36px)}.title{font:900 min(calc((100vw - 2 * var(--gutter)) / 5.86), 7.5rem) / .86 var(--display);letter-spacing:0;text-transform:uppercase;margin:0}.title-series{color:var(--bulb);margin-bottom:.1em;font-size:.668em;line-height:1;display:block}.title-name{white-space:nowrap;display:block}.eyebrow{color:var(--sage);letter-spacing:.14em;text-transform:uppercase;margin:16px 0 0;font-size:.8rem;font-weight:600}.lede{max-width:38em;margin:8px 0 0;font-size:clamp(1.02rem,2.2vw,1.25rem);line-height:1.5}@media (min-width:900px){.masthead{grid-template-columns:auto 1fr;align-items:end;column-gap:44px;display:grid}.title{font-size:clamp(5.5rem,9vw,8rem)}.title-series{margin-bottom:.14em;font-size:.333em}.title-name>span{display:block}.eyebrow{margin:0}.lede{max-width:27em;padding-bottom:.4em}}main{max-width:960px;margin:0 auto}.board{background:var(--panel);border:1px solid var(--line);max-width:max(320px,133.333svh - 172px);margin:0 auto;box-shadow:0 30px 60px -30px #0009}.screen{aspect-ratio:4/3;background:var(--screen);margin:clamp(8px,1.6vw,14px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 60px #000c}.screen.is-drop{outline:3px dashed var(--bulb);outline-offset:-10px}.screen:fullscreen{aspect-ratio:auto;background:#000;margin:0}canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.panel-kicker{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:700}.panel-kicker.busy:after{content:"…"}.panel-kicker.error{color:var(--foul)}.panel-note{color:var(--sage);margin:0;font-size:.95rem}button{font:600 .9rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);cursor:pointer;background:0 0;border:1px solid #eceee459;border-radius:3px;min-height:44px;padding:11px 16px}button:hover:not(:disabled){border-color:var(--chalk)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#eceee41f}button.primary{background:var(--bulb);border-color:var(--bulb);color:var(--panel);padding:14px 26px;font-weight:700}button.primary:hover:not(:disabled){background:#ffd47a;border-color:#ffd47a}button.big{padding:18px 40px;font-size:clamp(1.1rem,3vw,1.5rem)}button.link{min-height:0;color:var(--sage);text-underline-offset:.2em;border:0;padding:6px;text-decoration:underline}button.quiet{color:var(--sage);border-color:#0000}.board-foot{padding:0 clamp(8px,1.6vw,14px) clamp(12px,2vw,18px)}.linescore{border-collapse:collapse;table-layout:fixed;width:100%}.linescore th{letter-spacing:.14em;text-transform:uppercase;color:var(--sage);text-align:center;padding:6px 4px;font-size:.72rem;font-weight:600}.linescore thead th:first-child,.linescore tbody th{text-align:left;width:34%}.linescore tbody th{color:var(--chalk);letter-spacing:.1em;border-top:1px solid var(--line);font-size:clamp(.8rem,2vw,1rem);font-weight:700}.linescore td{border-top:1px solid var(--line);border-left:1px solid var(--line);text-align:center;padding:4px 2px 2px}.bulbs{font:900 clamp(1.6rem, 5.4vw, 2.6rem) / 1.15 var(--bulbs);color:var(--bulb-dim);transition:color .25s,text-shadow .25s;display:inline-block}[data-state=done] .bulbs{color:var(--bulb);text-shadow:0 0 14px #ffc2478c}[data-state=busy] .bulbs{color:var(--bulb);animation:.9s steps(2,jump-none) infinite flicker}[data-state=error] .bulbs{color:var(--foul);text-shadow:0 0 14px #ee5a418c}@keyframes flicker{0%{opacity:1}to{opacity:.25}}.status{min-height:1.55em;margin:10px 2px 0;font-size:.98rem}.status[data-tone=error]{color:#ffb3a6}.toolbar{flex-wrap:wrap;gap:8px;padding:0 clamp(8px,1.6vw,14px) clamp(12px,2vw,18px);display:flex}.toolbar .quiet{margin-left:auto}.touchpad{-webkit-user-select:none;user-select:none;touch-action:none;padding:4px 14px 18px}.touchpad span{color:var(--chalk);font:700 .95rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;place-items:center;display:grid}.touchpad .is-down{color:var(--panel);background:var(--bulb)!important}.shoulders{justify-content:space-between;margin-bottom:14px;display:flex}.pill{border:1px solid var(--line);background:#eceee41a;border-radius:20px;width:96px;height:40px}.pill.small{width:66px;height:30px;font-size:.7rem!important}.pad-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.meta-btns{flex-direction:column;align-items:center;gap:12px;display:flex}.dpad{border-radius:50%;width:128px;height:128px;position:relative}.dpad i{pointer-events:none;background:linear-gradient(#eceee424,#eceee424) 50%/34% 100% no-repeat,linear-gradient(#eceee424,#eceee424) 50%/100% 34% no-repeat;border-radius:6px;position:absolute;inset:0}.dpad.is-down{background:0 0!important}.dpad.is-down i{background:linear-gradient(#ffc24773,#ffc24773) 50%/34% 100% no-repeat,linear-gradient(#ffc24773,#ffc24773) 50%/100% 34% no-repeat}.face{width:138px;height:138px;position:relative}.face-btn{border:1px solid var(--line);background:#eceee41a;border-radius:50%;width:50px;height:50px;position:absolute}.face-btn.x{top:0;left:44px}.face-btn.y{top:44px;left:0}.face-btn.a{top:44px;right:0}.face-btn.b{bottom:0;left:44px}.notes{gap:0 48px;margin:clamp(28px,5vw,52px) 0 0;display:grid}@media (min-width:760px){.notes{grid-template-columns:1fr 1fr}}.note{border-top:2px solid var(--chalk);padding:14px 0 26px}.note h2{letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.85rem;font-weight:700}.note p{margin:0 0 12px}.facts{margin:0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);padding:8px 0}.facts li:last-child{border-bottom:0}.checks,.saves{border:1px solid var(--line);background:#0000002e;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 14px;padding:12px 14px;display:grid}.checks dt,.saves dt{color:var(--sage);letter-spacing:.1em;text-transform:uppercase;padding-top:.15em;font-size:.8rem;font-weight:600}.checks dd,.saves dd{overflow-wrap:anywhere;margin:0}.keys{border-collapse:collapse;width:100%;margin:0 0 14px}.keys th{text-align:left;color:var(--sage);letter-spacing:.1em;text-transform:uppercase;padding:0 0 6px;font-size:.8rem;font-weight:600}.keys td{border-top:1px solid var(--line);padding:5px 0}kbd{font:500 .85rem var(--mono);background:#0003;border:1px solid #eceee44d;border-bottom-width:2px;border-radius:4px;padding:2px 7px}.save-actions{flex-wrap:wrap;gap:8px;display:flex}.fineprint{border-top:1px solid var(--line);max-width:960px;color:var(--sage);margin:12px auto 0;padding:18px 0 36px;font-size:.88rem}.fineprint p{max-width:60em;margin:0 0 10px}.fineprint a{color:var(--sage)}.build{font-family:var(--mono);font-size:.78rem}@media (max-width:600px){.board{margin:0 calc(-1 * var(--gutter));border-left:0;border-right:0}.screen{margin:0 0 8px}.linescore thead th:first-child,.linescore tbody th{width:26%}.toolbar button{flex:auto;min-height:38px;padding:8px 10px;font-size:.78rem}.pill{width:84px;height:36px}.toolbar .quiet{margin-left:0}}.play-head{display:none}.touchpad [data-btn]{touch-action:none}@media (pointer:coarse) and (max-width:1024px){html.is-playing,html.is-playing body{overscroll-behavior:none;height:100%;overflow:hidden}html.is-playing .masthead,html.is-playing .notes,html.is-playing .fineprint,html.is-playing .linescore{display:none}html.is-playing .board{z-index:10;max-width:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--panel);border:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}html.is-playing .play-head{font:900 1.05rem/1 var(--display);text-transform:uppercase;color:var(--chalk);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:8px 14px 7px;display:block;overflow:hidden}html.is-playing .play-head span{color:var(--bulb);margin-right:.3em}html.is-playing .screen{flex:none;align-self:center;width:min(100%,77.3333dvh);margin:0}html.is-playing .touchpad{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:8px 14px;display:flex}html.is-playing .board-foot{padding:0 14px}html.is-playing .status{min-height:0;color:var(--sage);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.85rem;overflow:hidden}html.is-playing .status:empty{display:none}html.is-playing .toolbar{flex-wrap:nowrap;gap:6px;padding:0 10px 10px}html.is-playing .toolbar button{letter-spacing:.04em;flex:1 1 0;min-width:0;min-height:40px;padding:8px 4px;font-size:.72rem}html.is-playing .toolbar .quiet{border-color:#eceee433;margin-left:0}}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){html.is-playing .board{grid-template:"l screen r""dpad screen face"1fr"meta screen tools"/1fr auto 1fr;place-items:center;padding-top:0;padding-bottom:0;display:grid}html.is-playing .play-head,html.is-playing .board-foot{display:none}html.is-playing .screen{grid-area:screen;align-self:stretch;width:auto;height:100dvh}html.is-playing .touchpad,html.is-playing .shoulders,html.is-playing .pad-row{display:contents}html.is-playing [data-btn=l]{grid-area:l;margin-top:10px}html.is-playing [data-btn=r]{grid-area:r;margin-top:10px}html.is-playing .dpad{grid-area:dpad}html.is-playing .face{grid-area:face}html.is-playing .meta-btns{flex-direction:row;grid-area:meta;margin-bottom:10px}html.is-playing .toolbar{grid-area:tools;grid-template-columns:1fr 1fr;gap:4px;width:100%;max-width:180px;padding:0 6px 8px;display:grid}html.is-playing .toolbar button{min-height:32px;padding:4px;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.bulbs{transition:none}[data-state=busy] .bulbs{animation:none}}