@font-face{font-family:LMS Digits;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/jersey-20-latin.woff2) format("woff2");unicode-range:U+0030-0039}:root{--night: #160e1c;--wood: #2b1a24;--wood-edge: #4a2c33;--plank: #7a4a2e;--plank-shade: #4e2c1a;--plank-light: #a86b44;--outline: #0b060e;--sand: #f4dfb0;--dust: #b89c7a;--sunset: #ff7a2f;--sunset-shade: #c4501a;--sunset-light: #ffb07a;--gold: #ffcf40;--gold-shade: #c99a1a;--gold-light: #ffe58a;--cactus: #38d9b0;--bang: #ff3b3b;--diamond: #6fe6ff;--copper: #d07a43;--silver: #c7d2dd;--ground: #1e0b16;--ground-edge: #3a1626;--mesa: #2a1024;--cactus-silhouette: #12060e;--font-display: "Jersey 10", monospace;--font-body: "LMS Digits", "Pixelify Sans", monospace;--notch: 0 -4px 0 0 var(--wood-edge), 0 4px 0 0 var(--wood-edge), -4px 0 0 0 var(--wood-edge), 4px 0 0 0 var(--wood-edge);--notch-gold: 0 -2px 0 0 var(--gold), 0 2px 0 0 var(--gold), -2px 0 0 0 var(--gold), 2px 0 0 0 var(--gold);--edge: 0 -4px 0 0 var(--outline), 0 4px 0 0 var(--outline), -4px 0 0 0 var(--outline), 4px 0 0 0 var(--outline)}*,*:before,*:after{box-sizing:border-box}html{background:var(--night)}body{margin:0;background:var(--night);color:var(--sand);font-family:var(--font-body);font-size:16px;-webkit-text-size-adjust:100%}#root{display:flex;flex-direction:column;position:relative;min-height:100dvh;max-width:430px;margin:0 auto;background:var(--night);color:var(--sand);overflow-x:hidden;overflow-x:clip}.app-dock{position:sticky;bottom:0;z-index:20;pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}a{color:var(--sunset)}a:hover{color:var(--sunset-light)}button,input{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;position:relative}.spacer{flex:1 1 auto}.title-shadow{font-family:var(--font-display);font-weight:400;line-height:1;color:var(--sand);text-shadow:3px 3px 0 var(--sunset),6px 6px 0 var(--outline)}.label{font-size:13px;color:var(--dust)}.num{font-family:var(--font-display);line-height:1}.btn{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:14px 28px;border:0;cursor:pointer;font-family:var(--font-display);font-size:32px;line-height:1;text-decoration:none;color:var(--night)}.btn-primary{color:var(--night);background:var(--sunset);box-shadow:inset -4px -4px 0 0 var(--sunset-shade),inset 4px 4px 0 0 var(--sunset-light),var(--edge)}.btn-gold{color:var(--night);background:var(--gold);box-shadow:inset -4px -4px 0 0 var(--gold-shade),inset 4px 4px 0 0 var(--gold-light),var(--edge)}.btn-plank{color:var(--sand);background:var(--plank);box-shadow:inset -4px -4px 0 0 var(--plank-shade),inset 4px 4px 0 0 var(--plank-light),var(--edge)}.btn-danger{color:var(--bang);background:var(--night);box-shadow:0 -4px 0 0 var(--bang),0 4px 0 0 var(--bang),-4px 0 0 0 var(--bang),4px 0 0 0 var(--bang)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;color:var(--dust);background:var(--wood);box-shadow:var(--notch)}.btn-wide{width:100%}.btn-link{min-height:44px;padding:8px 12px;border:0;background:none;cursor:pointer;font-family:var(--font-body);font-size:15px;color:var(--dust);text-decoration:underline}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0}.panel{background:var(--wood);box-shadow:var(--notch)}.plank{background:var(--plank);box-shadow:inset -4px -4px 0 0 var(--plank-shade),inset 4px 4px 0 0 var(--plank-light),var(--edge)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background:var(--night);font-size:12px;line-height:1;color:var(--gold);box-shadow:var(--notch-gold)}.tag-dust{color:var(--dust);box-shadow:0 -2px 0 0 var(--wood-edge),0 2px 0 0 var(--wood-edge),-2px 0 0 0 var(--wood-edge),2px 0 0 0 var(--wood-edge)}.badge-hard{display:inline-block;padding:2px 8px;font-family:var(--font-display);font-size:20px;line-height:1;letter-spacing:1px;color:var(--night);background:var(--bang);box-shadow:0 -2px 0 0 var(--bang),0 2px 0 0 var(--bang),-2px 0 0 0 var(--bang),2px 0 0 0 var(--bang)}.pixel{display:block;shape-rendering:crispEdges}@keyframes lms-twinkle{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.lms-twinkle{animation:lms-twinkle 1.4s steps(4) infinite}@keyframes lms-flicker{0%{transform:scale(1) rotate(0)}33%{transform:scale(1.25) rotate(45deg)}66%{transform:scale(.85) rotate(90deg)}to{transform:scale(1) rotate(135deg)}}.lms-flicker{animation:lms-flicker .45s steps(3) infinite}@keyframes lms-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.lms-bar{animation:lms-bar .5s steps(4) infinite alternate;transform-origin:50% 50%}@keyframes lms-boom{0%{transform:scale(.7)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.lms-boom{animation:lms-boom .6s steps(3) infinite alternate}@keyframes lms-pop{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.3);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.lms-pop{animation:lms-pop .5s steps(5) both}@keyframes lms-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}.lms-shake{animation:lms-shake .3s steps(2) infinite}@keyframes lms-blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.lms-blink{animation:lms-blink .8s steps(2) infinite}@media(prefers-reduced-motion:reduce){.lms-twinkle,.lms-flicker,.lms-bar,.lms-boom,.lms-pop,.lms-shake,.lms-blink{animation:none}}
