:root{--ink: #191534;--ink-2: #241f47;--panel: rgba(30, 24, 62, .94);--cream: #fff6e4;--muted: #b0aad0;--red: #ee4d34;--red-dark: #a52a18;--yellow: #ffd23f;--blue: #7fd7ff;--green: #66f08a;--grass: #5cc94a;--sky: #7fd0ee;--pixel: "Press Start 2P", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--sky);color:var(--cream);font-family:var(--pixel);-webkit-font-smoothing:none;overscroll-behavior:none}body{background-image:linear-gradient(180deg,#6ec6ea,#9adcf2 30%,#b9e88a 52%,#5cc94a 68%,#3f9f38)}#root{height:100%}.app{height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.frame{position:relative;width:min(100%,460px);aspect-ratio:240 / 360;max-height:calc(100dvh - 16px);border:4px solid var(--cream);border-radius:12px;background:#191534;box-shadow:0 0 0 4px var(--red),0 0 0 7px #7a1c10,0 16px 40px #140a2873;overflow:hidden;touch-action:none}.screen{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 14px;background:linear-gradient(180deg,#191534de,#2c1c4ad4);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.overlay-splash{justify-content:space-between;padding:14px 12px 12px;background:linear-gradient(180deg,#191534e0,#191534d1 30%,#1915340f 35%,#1915340a 63%,#191534cc 69%,#191534e6)}.splash-stage{flex:1 1 auto;min-height:30%;pointer-events:none}.splash-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overlay-board{justify-content:flex-start}.overlay-over{justify-content:safe center}.splash-top{text-align:center;margin-top:6px}.title{margin:0;line-height:1.05;display:flex;flex-direction:column;gap:4px;font-size:clamp(20px,8vw,34px);letter-spacing:1px}.title-a{color:var(--cream);text-shadow:3px 3px 0 var(--ink),6px 6px 0 rgba(0,0,0,.4)}.title-b{color:var(--red);text-shadow:3px 3px 0 var(--ink),6px 6px 0 rgba(0,0,0,.4)}.controls-hint{font-size:7px;line-height:1.9;color:var(--muted);margin:2px 0 0;text-align:center}.best-line{margin:2px 0 0;font-size:8px;color:var(--yellow)}.btn{font-family:inherit;font-size:10px;line-height:1.6;color:var(--cream);background:#34a05a;border:2px solid #1f7038;border-bottom-width:4px;border-radius:4px;padding:10px 14px;cursor:pointer;min-width:190px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .06s ease,background .12s ease}.btn:hover{background:#3fbb69}.btn:active{transform:translateY(2px);border-bottom-width:2px}.btn:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.btn-primary{background:var(--red);border-color:var(--red-dark);color:#fff6ee}.btn-primary:hover{background:#ff644a}.btn-lg{font-size:13px;padding:14px 16px}.btn-small{min-width:0;font-size:9px;padding:11px 12px;border-bottom-width:3px}.btn-sub{font-size:6px;color:#ffffff9e;letter-spacing:.5px}.linkish{font-family:inherit;font-size:8px;color:var(--muted);background:none;border:none;border-bottom:1px dotted #7a6ec0;padding:8px 4px;cursor:pointer}.linkish:hover{color:var(--cream)}.link-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px}.over-head{text-align:center}.over-title{margin:2px 0 0;font-size:clamp(16px,6vw,22px);letter-spacing:1px;color:var(--cream);text-shadow:2px 2px 0 var(--ink),4px 4px 0 rgba(0,0,0,.3);animation:over-title-in .42s cubic-bezier(.2,1.4,.4,1) both}@keyframes over-title-in{0%{opacity:0;transform:scale(1.9) rotate(-4deg)}60%{opacity:1;transform:scale(.94) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.score-block{animation:pop-in .4s .18s ease-out both}.verdict{animation:pop-in .4s .32s ease-out both}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.over-title,.score-block,.verdict,.overlay-over{animation:none}}.quip{margin:0;font-size:8px;line-height:1.8;color:var(--blue)}.quip-who{color:var(--yellow)}.score-block{text-align:center}.score-big{font-size:26px;font-variant-numeric:tabular-nums;color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}.new-best{margin:8px 0 0;font-size:8px;color:var(--green);animation:blink .8s steps(2,end) infinite}@keyframes blink{50%{opacity:.35}}.hud-buttons{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:12}.iconbtn{width:30px;height:30px;display:grid;place-items:center;font-family:inherit;font-size:13px;line-height:1;color:var(--cream);background:#191534d1;border:2px solid #6a5eb0;border-radius:4px;cursor:pointer;padding:0}.iconbtn:hover{background:#3b3370;border-color:var(--yellow)}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.overlay-over>*:not(.confetti){position:relative;z-index:4}.overlay-over{animation:over-in .28s ease-out both}@keyframes over-in{0%{opacity:0;transform:translateY(10px)}}.verdict{display:flex;align-items:center;gap:8px;max-width:300px}.verdict-man{width:30px;flex:none;image-rendering:pixelated;image-rendering:crisp-edges}.stable-title{color:var(--yellow)}.stable{list-style:none;margin:0;padding:0;width:100%;max-width:330px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rig{width:100%;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;background:#2b2454;border:2px solid #463d80;border-radius:4px;cursor:pointer;color:var(--cream)}.rig img{width:34px;image-rendering:pixelated;image-rendering:crisp-edges}.rig-name{font-size:6px;line-height:1.5;text-align:center}.rig-how{font-size:5px;line-height:1.6;color:var(--muted);text-align:center}.rig-on{border-color:var(--yellow);background:#3b3370}.rig-on .rig-how{color:var(--yellow)}.rig-locked{cursor:default;opacity:.55}.rig-locked img{filter:grayscale(1) brightness(.5)}.legend{list-style:none;margin:0;padding:0;display:grid;gap:7px;width:100%}.legend li{display:flex;align-items:center;gap:9px;font-size:7px;line-height:1.8;color:var(--cream)}.legend img{width:20px;height:20px;object-fit:contain;flex:none;padding:2px;background:#fff6e424;border-radius:3px;image-rendering:pixelated;image-rendering:crisp-edges}.legend-good{color:var(--green)}.legend-bad{color:#ff9a7a}.unlock{display:flex;align-items:center;gap:12px;width:100%;max-width:300px;padding:9px 12px;background:#66f08a21;border:2px solid #3d8f55;border-radius:5px;animation:unlock-in .45s .3s cubic-bezier(.2,1.5,.4,1) both}@keyframes unlock-in{0%{opacity:0;transform:scale(.7)}}.unlock-rig{width:36px;flex:none;image-rendering:pixelated;image-rendering:crisp-edges}.unlock-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.unlock-tag{margin:0;font-size:6px;line-height:1.6;color:var(--green)}.unlock-name{margin:0;font-size:11px;line-height:1.4;color:var(--yellow)}.unlock-more{margin:0;font-size:6px;color:var(--muted)}.unlock-btn{margin-top:2px;font-size:7px;padding:6px 9px}.unlock-btn:disabled{opacity:.65;cursor:default}.share-cta{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:300px;padding:9px 10px 10px;background:#2f7fe024;border:2px solid #2f7fe0;border-radius:6px}.share-line{margin:0;font-size:7px;line-height:1.9;color:var(--blue);text-align:center}.share-line b{color:var(--yellow);font-weight:400}.btn-share{width:100%;min-width:0;background:#2f7fe0;border-color:#1a4f96;animation:share-pulse 1.6s ease-in-out 3}.btn-share:hover{background:#4a97f5}@keyframes share-pulse{50%{box-shadow:0 0 0 4px #7fd7ff52}}.share-alt{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.chip{font-family:inherit;font-size:9px;line-height:1.6;color:var(--cream);background:#3b3370;border:2px solid #6a5eb0;border-bottom-width:3px;border-radius:999px;padding:10px 14px;min-height:34px;cursor:pointer}.chip:hover{background:#4a4188;border-color:var(--yellow)}.chip-wa{background:#1f7a4d;border-color:#2fbb75}.chip-wa:hover{background:#2a9b62}.sharemsg{margin:0;color:var(--green);overflow-wrap:anywhere;text-align:center}.btn-again{width:100%;max-width:300px;min-width:0}@media(prefers-reduced-motion:reduce){.btn-share{animation:none}}.challenge{margin:0 0 2px;font-size:8px;line-height:1.9;color:var(--cream);text-align:center}.challenge-score{color:var(--yellow)}.statline{margin:0;max-width:300px;font-size:7px;line-height:2;color:var(--muted);text-align:center}.tally{list-style:none;margin:0;padding:7px 6px;width:100%;max-width:300px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#2b2454d9;border:1px solid #5b4fa0;border-radius:4px}.tally li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:0 2px}.tally li+li{border-left:1px solid #453b7e}.tally b{font-size:10px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--cream)}.tally span{font-size:5px;line-height:1.6;color:var(--muted)}.tally-pints b,.tally-pints span{color:var(--yellow)}.submit-row{display:flex;gap:6px;width:100%}.name-input{flex:1;min-width:0;font-family:inherit;font-size:10px;color:var(--cream);background:#2b2454;border:2px solid #6a5eb0;border-radius:4px;padding:12px 10px}.name-input:focus{outline:none;border-color:var(--yellow)}.posted{font-size:8px;color:var(--green);margin:0;text-align:center}.error{color:#ff8a5a;margin:0;text-align:center}.board{width:100%;max-width:340px}.tabs{display:flex;gap:4px;margin-bottom:8px}.tab{flex:1;font-family:inherit;font-size:7px;padding:7px 2px;color:var(--muted);background:#2b2454;border:1px solid #463d80;border-radius:3px;cursor:pointer}.tab-on{color:#2a1c05;background:var(--yellow);border-color:#c99a10}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}.row{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;font-size:7px;padding:6px;background:#2b2454;border-radius:3px;border-left:3px solid #463d80}.row:nth-child(1){border-left-color:var(--yellow)}.row:nth-child(2){border-left-color:#c8c8d4}.row:nth-child(3){border-left-color:#c08040}.row-mine{background:#3b3370;color:var(--green)}.row-rank{color:var(--muted)}.row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{color:var(--muted);font-size:6px}.row-score{color:var(--yellow)}.row-mine .row-score{color:var(--green)}.board-msg{text-align:center;padding:14px 4px;line-height:1.9}.board-foot{margin:10px 0 0;text-align:center;line-height:1.8}.modal-scrim{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#120e28e0;z-index:20}.modal{width:min(100%,420px);max-height:86dvh;overflow-y:auto;background:var(--panel);border:3px solid #6a5eb0;border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.modal-title{margin:0;font-size:12px;color:var(--yellow)}.modal p{margin:0;font-size:8px;line-height:2}.modal a{color:var(--blue)}.modal .btn{align-self:stretch}@media(max-width:560px){.app{padding:0;align-items:center}.frame{width:100%;max-height:100dvh;border:0;border-radius:0;box-shadow:none}.hud-buttons{top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right))}}.touch-hint{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.touch-hint span{border:0 solid rgba(255,255,255,.03)}.touch-hint span:first-child{border-right-width:1px}.muted{color:var(--muted)}.small{font-size:7px;line-height:1.9}.tiny{font-size:6px;line-height:1.9}@media(max-height:660px),(max-width:430px){.title,.score-big{font-size:20px}.over-title{font-size:15px}.btn-lg{font-size:11px;padding:11px 14px}.overlay{gap:5px;padding:9px 12px}.share-cta{gap:5px;padding:7px 8px 8px}.tally{padding:5px 4px}.unlock{padding:7px 10px}.unlock-rig{width:34px}.verdict-man{width:22px}}@media(prefers-reduced-motion:reduce){.new-best{animation:none}}