@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-sc-700.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--court:#1f4e79;--line-white:#fff;--paper:#f5f7f8;--surface:#fff;--ink:#152433;--muted:#5a6b7b;--rule:#d5dee6;--ball:#d4f03c;--on-ball:#152433;--err:#b3261e;--err-bg:#fbeceb;--display:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--text:Barlow, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0e1b27;--surface:#15273a;--ink:#e6edf3;--muted:#9fb0c0;--rule:#28405a;--err:#ffb4ab;--err-bg:#3a1d1b}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:17px/1.5 var(--text);-webkit-text-size-adjust:100%;margin:0}main{max-width:30rem;margin:0 auto;padding:0 16px 40px}p{margin:0 0 12px}h2{font:700 1.2rem/1.2 var(--display);margin:28px 0 8px}.band{background:var(--court);color:var(--line-white);background-image:linear-gradient(var(--line-white), var(--line-white)), linear-gradient(var(--line-white), var(--line-white));background-position:16px calc(100% - 16px),50% calc(100% - 19px);background-repeat:no-repeat;background-size:calc(100% - 32px) 3px,3px 12px;margin:0 -16px 24px;padding:28px 16px 44px}.band h1{font:700 2rem/1.05 var(--display);letter-spacing:-.005em;margin:0}.band p{opacity:.85;max-width:34ch;margin:10px 0 0}@media (width>=30rem){.band{border-radius:0 0 18px 18px;margin:0 0 24px}}button,.btn{border:1.5px solid var(--ink);width:100%;min-height:50px;color:var(--ink);font:600 1rem/1.2 var(--text);text-align:center;cursor:pointer;background:0 0;border-radius:12px;margin:10px 0;padding:12px 18px;text-decoration:none;display:block}button.primary,.btn.primary{background:var(--ball);border-color:var(--ball);color:var(--on-ball)}button:disabled{opacity:.4;cursor:default}button:focus-visible,.btn:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--court);outline-offset:2px}@media (prefers-color-scheme:dark){button:focus-visible,.btn:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--ball)}}.actions{margin-top:24px}section h3{font:600 1rem/1.3 var(--text);margin:22px 0 10px}.choices{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:8px;display:grid}.choices button{border-color:var(--rule);white-space:nowrap;border-radius:999px;width:auto;min-height:44px;margin:0;padding:10px 4px;font-weight:400}.choices button.on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}input:not([type=file]){border:1.5px solid var(--rule);background:var(--surface);width:100%;min-height:50px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 14px}.hero{background:var(--surface);border:1.5px solid var(--rule);border-radius:18px;margin:0 0 8px;padding:20px}.hero p{color:var(--muted);margin:0}.hero strong{font:700 1.6rem/1.1 var(--display);margin:4px 0 8px;display:block}.facts{color:var(--muted)}.rank{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.rank li{border-bottom:1px solid var(--rule);grid-template-columns:2.6rem 1fr;gap:0 10px;padding:14px 0;display:grid}.rank li>:not(.n){grid-column:2}.rank .n{font:700 1.9rem/1 var(--display);color:var(--court);font-variant-numeric:tabular-nums;grid-row:1/span 4}.rank b{font:700 1.2rem/1.2 var(--display)}@media (prefers-color-scheme:dark){.rank .n{color:var(--ball)}}.rows{margin:0;padding:0;list-style:none}.rows>*{border-bottom:1px solid var(--rule);padding:12px 0}.rows b{font:700 1.15rem/1.3 var(--display)}.score{gap:12px;margin:16px 0;display:flex}.score div{background:var(--surface);border:1.5px solid var(--rule);color:var(--muted);border-radius:14px;flex:1;padding:12px 14px}.score b{font:700 2.4rem/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.preview{aspect-ratio:1;background:var(--court);border-radius:14px;width:100%;max-width:240px;margin:8px auto;display:block}progress{width:100%;height:6px;accent-color:var(--court)}.boxwrap{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;margin:12px 0;position:relative;overflow:hidden}.frame{background:var(--surface);width:100%;display:block}.rect{border:3px solid var(--ball);pointer-events:none;background:#d4f03c2e;position:absolute}.beta{border-left:3px solid var(--court);background:var(--surface);color:var(--muted);margin:0 0 16px;padding:10px 14px;font-size:.92rem}.beta b{color:var(--ink)}@media (prefers-color-scheme:dark){.beta{border-left-color:var(--ball)}}.hint{color:var(--muted);font-size:.92rem}.error{background:var(--err-bg);color:var(--err);border-radius:12px;padding:10px 14px}.error:empty{display:none}.guide{padding-left:1.2rem}.guide li{margin:6px 0}details{margin:20px 0}summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}details ul{padding-left:1.2rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}