:root{--bg:#0b1410;--panel:#111d17;--panel-2:#172720;--line:#24382e;--chalk:#eef3ea;--dim:#8fa598;--hit:#2f9e5a;--near:#d6a21e;--miss:#2a332f;--accent:#f2c14e;--display:"Oswald", "Arial Narrow", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-card:0 1px 2px #0000004d, 0 8px 24px -6px #00000073;--shadow-pop:0 2px 4px #0000004d, 0 16px 40px -8px #0009;--ring:0 0 0 3px #f2c14e59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:repeating-linear-gradient(0deg, transparent 0 79px, #ffffff06 79px 80px), var(--bg);min-height:100dvh;color:var(--chalk);margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{box-shadow:var(--ring);outline:none}.app{max-width:560px;margin:0 auto;padding:12px 16px 32px}.top{justify-content:space-between;align-items:center;display:flex}.top h1{font:700 34px/1 var(--display);letter-spacing:.06em;text-wrap:balance;margin:0}.top h1 span{color:var(--accent)}.icon{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--dim);transition-property:transform,background-color,color,border-color;transition-duration:.15s;transition-timing-function:var(--ease-out);border-radius:10px;place-items:center;display:grid}.icon svg,.close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon:hover:not(:disabled){background:var(--panel-2);color:var(--chalk);border-color:#2f4a3c}.icon:active:not(:disabled){transform:scale(.96)}.icon:disabled{opacity:.35;cursor:default}.tagline{text-align:center;color:var(--dim);text-wrap:pretty;font-variant-numeric:tabular-nums;margin:6px 0 14px;font-size:13px}.box{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:var(--shadow-card);border-radius:12px;padding:14px}.box-head{font:600 18px/1 var(--display);letter-spacing:.08em;border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.jersey{color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:16px}.stats{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:10px}.stats th{font:500 11px var(--mono);color:var(--dim);text-align:right;letter-spacing:.06em;padding:2px 6px}.stats td{text-align:right;font-variant-numeric:tabular-nums;padding:0 6px;font-size:28px;font-weight:700}.stats .grp{text-align:left;color:var(--accent);width:34%}.reveals{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;display:grid}.reveal{background:var(--panel-2);border:1px solid var(--line);min-width:0;transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:var(--ease-out);border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.reveal .rl{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10px}.reveal .rv{color:var(--dim);text-wrap:pretty;font-size:13px;line-height:1.3}.reveal.open{border-color:var(--accent);background:#1b2c22}.reveal.open .rv{color:var(--chalk);animation:enter .3s var(--ease-out) both;font-weight:600}.guess{margin:14px 0;position:relative}.guess input{width:100%;color:var(--chalk);background:var(--panel);border:2px solid var(--line);transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:var(--ease-out);border-radius:12px;outline:none;padding:14px 16px;font-size:16px}.guess input::placeholder{color:var(--dim)}.guess input:focus{border-color:var(--accent);box-shadow:var(--ring)}.suggest{z-index:5;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow-pop);animation:enter .16s var(--ease-out) both;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggest li{cursor:pointer;min-height:44px;transition:background-color .12s var(--ease-out);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.suggest li.hi{background:var(--line)}.suggest small{color:var(--dim);font-family:var(--mono);white-space:nowrap;font-size:11px}.result-bar,.share{width:100%;transition-property:transform,filter;transition-duration:.15s;transition-timing-function:var(--ease-out);border:0;border-radius:12px;padding:14px;font-weight:700;display:block}.result-bar:hover,.share:hover{filter:brightness(1.08)}.result-bar:active,.share:active{transform:scale(.96)}.result-bar{background:var(--accent);color:#1a1400;margin:14px 0}.grid{flex-direction:column;gap:6px;display:flex}.grid-row{grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));align-items:stretch;gap:4px;display:grid}.grid-row.head div{font:500 10px var(--mono);color:var(--dim);letter-spacing:.08em;text-align:center}.grid-row.head .name{text-align:left}.grid-row .name{text-overflow:ellipsis;text-wrap:balance;align-self:center;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.grid-row.win .name{color:var(--hit)}.tile{border:1px solid var(--line);height:46px;font:700 12px/1.1 var(--mono);font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.tile i{opacity:.9;font-size:10px;font-style:normal}.tile.hit{background:var(--hit);border-color:var(--hit);box-shadow:inset 0 1px #ffffff26}.tile.near{background:var(--near);border-color:var(--near);color:#1a1400;box-shadow:inset 0 1px #ffffff40}.tile.miss{background:var(--miss)}.flip{animation:flip .45s var(--ease-out) both}.empty .tile{opacity:.5;border-style:dashed}.foot{text-align:center;color:var(--dim);opacity:.7;text-wrap:balance;margin-top:28px;font-size:11px}@keyframes flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes enter{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.scrim{z-index:10;background:#000000b3;place-items:center;padding:16px;animation:.2s ease-out both fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);text-align:center;width:100%;max-width:400px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-pop);animation:enter .26s var(--ease-out) both;border-radius:16px;padding:22px 20px;position:relative;overflow-y:auto}.modal h2{font:700 30px var(--display);letter-spacing:.08em;color:var(--accent);text-wrap:balance;margin:0}.close{width:44px;height:44px;color:var(--dim);transition-property:color,background-color,transform;transition-duration:.15s;transition-timing-function:var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.close:hover{color:var(--chalk);background:var(--panel-2)}.close:active{transform:scale(.96)}.answer{color:var(--dim);text-wrap:pretty;margin:6px 0 16px}.statline{grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid}.statline div{color:var(--dim);flex-direction:column;font-size:11px;display:flex}.statline b{font:700 26px var(--mono);color:var(--chalk);font-variant-numeric:tabular-nums}.dist{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.bar-row{font:12px var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.bar{background:var(--miss);text-align:right;transition:width .4s var(--ease-out);border-radius:4px;padding:2px 6px;font-weight:700}.bar.me{background:var(--hit)}.share{background:var(--hit);font-size:16px}.next{color:var(--dim);margin:12px 0 0;font-size:13px}.next b{font-family:var(--mono);color:var(--chalk);font-variant-numeric:tabular-nums}.help{text-align:left}.help h2{text-align:center}.help p,.help li{text-wrap:pretty}.help ul{margin:10px 0 0;padding-left:18px}.help li{margin-bottom:8px}.k{border-radius:4px;padding:0 5px}.k.hit{background:var(--hit)}.k.near{background:var(--near);color:#1a1400}@media (width<=400px){.stats td{font-size:22px}.tile{height:42px;font-size:11px}.grid-row .name{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}