*{box-sizing:border-box} :root{color-scheme:dark;font-family:"Schibsted Grotesk","Helvetica Neue",system-ui,sans-serif;background:#131619;color:#f4f3ef}body{margin:0;padding:clamp(16px,4vw,48px)}main{max-width:800px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}header p{font-size:12px;color:#c8c6be}h1{font-size:clamp(30px,6vw,48px);letter-spacing:-.05em;line-height:1.05;margin:0}p{line-height:1.7}button{font:inherit;cursor:pointer;min-height:48px;padding:10px 20px;border:1px solid #a3a199;border-radius:6px;background:#272c31;color:#f4f3ef}button:disabled{cursor:default;opacity:.55}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #63d9c7;outline-offset:5px}button[aria-disabled=true]{cursor:default}.frame{border:1px solid #45494c;border-radius:12px;overflow:hidden}.rail{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b1f23;color:#c8c6be;font:12px ui-monospace,monospace}.dots{display:flex;gap:5px}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:#a3a199}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}.status{min-height:3.4em;color:#c8c6be;margin-block:12px}details{border-top:1px solid #45494c;padding-block:12px}summary{cursor:pointer;min-height:44px;padding-block:10px}details p{color:#c8c6be;font-size:14px}footer{font-size:12px;color:#a3a199;margin-top:24px}.error{padding:16px;border:1px solid #f08a7d;color:#f08a7d}[hidden]{display:none!important}noscript p{padding:16px;border:1px solid #e0b05a} @media(max-width:420px){header{align-items:flex-start;flex-direction:column;gap:8px}.controls button{flex:1}body{padding:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.stats{display:flex;justify-content:space-between;padding:18px 24px;background:#1b1f23}.stats span{color:#c8c6be}.stats strong{display:block;font:32px ui-monospace,monospace;color:#63d9c7}.target-board{position:relative;height:360px;background-color:#131619;background-image:radial-gradient(#28423f 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.target-board p{padding:24px;margin:0;font-size:clamp(34px,7vw,64px);line-height:1;max-width:8ch;letter-spacing:-.055em;color:#63d9c7;font-weight:700}#target{position:absolute;transform:translate(-50%,-50%);width:72px;height:72px;min-height:72px;padding:0;border:1px solid #63d9c7;border-radius:50%;background:#45d0bc;color:#15181b;box-shadow:0 0 0 12px #45d0bc22,0 0 0 25px #45d0bc11;font-size:44px;line-height:1}#target:focus-visible{outline:3px solid #f4f3ef;outline-offset:6px}@media(max-width:420px){.target-board{height:320px}}