@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}:root{--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #f4f5f2;--surface: #ffffff;--surface-2: #e9ebe6;--surface-3: #dcdfd8;--text: #141a2a;--muted: #5b6272;--border: #d9dcd6;--shadow: 0 1px 2px rgba(20, 26, 42, .06), 0 8px 24px rgba(20, 26, 42, .1);--accent: #141a2a;--accent-ink: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--good: #3f9d5a;--bad: #d64545;--warn: #e0a316;--radius: 16px;--radius-sm: 10px;--header-h: 56px;--max-w: 520px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}html.dark{--bg: #0f141f;--surface: #171d2b;--surface-2: #222a3a;--surface-3: #2e3748;--text: #eef0f4;--muted: #9aa2b3;--border: #2a3242;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .5);--good: #4fbf6e;--bad: #ef5b5b;--warn: #f0b429;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--accent)}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sh-header{height:var(--header-h);display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(132px,1fr);align-items:center;padding:0 8px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.sh-header .sh-left{display:flex;justify-content:flex-start;gap:2px}.sh-header .sh-right{display:flex;justify-content:flex-end;gap:2px}.sh-title{font-weight:900;font-size:clamp(1.05rem,5.2vw,1.35rem);min-width:0;letter-spacing:-.02em;text-align:center;white-space:nowrap;display:flex;align-items:baseline;gap:8px}.sh-title .sh-num{font-weight:700;font-size:.85rem;color:var(--muted);letter-spacing:0}.sh-icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;color:var(--text);transition:background .15s var(--ease),transform .15s var(--ease)}.sh-icon-btn:hover{background:var(--surface-2)}.sh-icon-btn:active{transform:scale(.92)}.sh-icon-btn svg{width:24px;height:24px}main.sh-main{flex:1;width:100%;max-width:var(--max-w);margin:0 auto;padding:16px 16px 24px;display:flex;flex-direction:column}.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;font-size:1rem;background:var(--surface-2);color:var(--text);text-decoration:none;transition:transform .12s var(--ease),background .15s var(--ease),opacity .15s}.sh-btn:active{transform:scale(.96)}.sh-btn:disabled{opacity:.45;cursor:default;transform:none}.sh-btn.primary{background:var(--accent);color:var(--accent-ink)}.sh-btn.primary:not(:disabled):hover{filter:brightness(1.06)}.sh-btn.outline{background:transparent;border:2px solid var(--text)}.sh-btn.ghost{background:transparent;color:var(--muted)}.sh-btn.small{min-height:40px;padding:0 16px;font-size:.9rem}.sh-btn svg{width:20px;height:20px}.sh-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#00000073;opacity:0;transition:opacity .2s var(--ease);padding:env(safe-area-inset-top) 0 0}.sh-modal.open{opacity:1}.sh-modal-card{width:100%;max-width:var(--max-w);max-height:calc(100dvh - 24px - env(safe-area-inset-top));background:var(--surface);border-radius:24px 24px 0 0;box-shadow:var(--shadow);padding:20px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateY(24px);transition:transform .25s var(--ease);position:relative}.sh-modal.open .sh-modal-card{transform:translateY(0)}.sh-modal-card:focus{outline:none}@media(min-width:560px){.sh-modal{align-items:center;padding:24px}.sh-modal-card{border-radius:24px;max-height:calc(100dvh - 48px);padding-bottom:24px}}.sh-modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.sh-modal-close:hover{background:var(--surface-2)}.sh-modal h2{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:12px;padding-right:40px}.sh-modal h3{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.sh-modal p{margin-bottom:10px}.sh-modal ul{margin:0 0 10px;padding-left:20px}.sh-modal li{margin-bottom:4px}.sh-modal .sh-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.sh-result-head{text-align:center;margin-bottom:14px}.sh-result-head .sh-result-title{font-size:1.6rem;font-weight:900;letter-spacing:-.02em}.sh-result-head .sh-result-sub{color:var(--muted);margin-top:4px}.sh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 4px}.sh-stat{text-align:center}.sh-stat b{display:block;font-size:1.7rem;font-weight:900;line-height:1.1}.sh-stat span{font-size:.72rem;color:var(--muted);line-height:1.2;display:block}.sh-dist{display:grid;gap:5px;margin-top:6px}.sh-dist-row{display:grid;grid-template-columns:minmax(24px,auto) 1fr;align-items:center;gap:8px;font-size:.85rem}.sh-dist-row .lbl{font-weight:800;text-align:right;color:var(--muted)}.sh-dist-row .bar{height:22px;min-width:24px;background:var(--muted);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 7px;font-weight:800;font-size:.8rem;transition:width .5s var(--ease)}.sh-dist-row .bar.hit{background:var(--accent)}.sh-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.sh-footer .sh-next{text-align:center}.sh-footer .sh-next span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sh-footer .sh-next b{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.sh-footer .sh-divider{width:1px;height:44px;background:var(--border)}.sh-footer .sh-share{display:flex;justify-content:center}.sh-more{margin-top:16px;display:grid;gap:8px}.sh-more a.sh-game-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);background:var(--surface-2)}.sh-more a.sh-game-link .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 auto}.sh-more a.sh-game-link small{display:block;color:var(--muted)}.sh-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.sh-setting:last-child{border-bottom:0}.sh-setting .lbl b{display:block;font-weight:800}.sh-setting .lbl small{color:var(--muted)}.sh-switch{position:relative;width:48px;height:28px;border-radius:999px;background:var(--surface-3);transition:background .2s;flex:0 0 auto}.sh-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s var(--ease)}.sh-switch[aria-checked=true]{background:var(--accent)}.sh-switch[aria-checked=true]:after{transform:translate(20px)}.sh-seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}.sh-seg button{padding:6px 12px;border-radius:999px;font-weight:800;font-size:.85rem;color:var(--muted);white-space:nowrap}.sh-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.sh-input{min-height:40px;padding:0 12px;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;width:150px;max-width:45vw}.sh-input:focus{outline:none;border-color:var(--accent)}.sh-select{width:auto;max-width:52vw;padding-right:8px}.sh-friend{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);font-size:.95rem}.sh-friend b{font-weight:900}.sh-link-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:.85rem}.sh-link-row a{color:var(--muted)}.sh-toaster{position:fixed;top:calc(var(--header-h) + 12px + env(safe-area-inset-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:60}.sh-toast{background:var(--text);color:var(--bg);font-weight:800;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);animation:sh-toast-in .2s var(--ease-bounce);pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);text-align:center}.sh-toast.out{animation:sh-toast-out .2s var(--ease) forwards}.sh-toast button{color:var(--accent);font-weight:900;text-decoration:underline}@keyframes sh-toast-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:none}}@keyframes sh-toast-out{to{opacity:0;transform:translateY(-6px)}}.sh-confetti{position:fixed;inset:0;pointer-events:none;z-index:70}.sh-steps{counter-reset:s;list-style:none;padding:0;margin:0}.sh-steps li{counter-increment:s;display:flex;gap:12px;padding:8px 0;align-items:flex-start}.sh-steps li:before{content:counter(s);width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.sh-tip{color:var(--muted);font-size:.9rem;text-align:center}.sh-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--surface-2);font-size:.8rem;font-weight:800;color:var(--muted)}.sh-shake{animation:sh-shake .5s}@keyframes sh-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.sh-pop{animation:sh-pop .25s var(--ease-bounce)}@keyframes sh-pop{0%{transform:scale(.85)}to{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}