*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c3c2bf;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#383936}#stage{position:fixed;inset:0;touch-action:none;z-index:1}canvas{display:block;width:100%;height:100%;outline:0}.icon{width:44px;height:44px;display:grid;place-items:center;background:transparent;color:inherit;border:0;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}.icon:hover{background:#ffffff38}.icon:active{transform:scale(.93)}.icon:focus-visible{outline:2px solid #424640;outline-offset:3px}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.icon svg circle{fill:#aaa9a5}#settings-toggle{position:fixed;bottom:25px;left:25px;color:#f6f5f1;background:#ffffff0b;border:1px solid #ffffff23;z-index:3}#settings-toggle:hover,#settings-toggle[aria-expanded=true]{background:#ffffff30}#settings{position:fixed;left:26px;bottom:84px;width:310px;max-width:calc(100vw - 52px);padding:21px 22px 17px;background:#f0efe9ed;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 18px 65px #24272223;z-index:4;animation:appear .2s ease}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head>span{font-size:15px;font-weight:500;letter-spacing:-.3px}.panel-head .icon{width:30px;height:30px}.control{margin-bottom:19px}.control label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#686c62;margin-bottom:9px}.control output{font-variant-numeric:tabular-nums;font-size:11px;color:#41473d}input[type=range]{display:block;width:100%;height:3px;margin:0;appearance:none;background:#d4d6cd;border-radius:3px;accent-color:#51594a;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#51594a;box-shadow:0 0 0 3px #eeeee7}.foot{display:flex;justify-content:space-between;border-top:1px solid #d8d9d1;padding-top:13px;margin-top:24px;font-size:9px;letter-spacing:.3px;color:#94988c}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#settings-toggle{left:18px;bottom:18px}#settings{left:18px;bottom:74px}}#score{position:fixed;inset:0;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;--focus-x:50vw;--focus-y:80vh;--focus-radius:170px}.score-layer{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:11vh}.score-layer span{font-size:min(clamp(150px,27vh,310px),calc(140vw / var(--score-digits,1)));font-weight:900;line-height:1;letter-spacing:-.065em;padding:0 .08em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#3e413bb8 10%,#3e413b70 56%,#3e413b1f);background-clip:text;-webkit-background-clip:text;color:transparent}.score-sharp{mask-image:radial-gradient(circle var(--focus-radius) at var(--focus-x) var(--focus-y),transparent 15%,#000 100%);-webkit-mask-image:radial-gradient(circle var(--focus-radius) at var(--focus-x) var(--focus-y),transparent 15%,#000 100%)}.score-soft{filter:blur(7px);mask-image:radial-gradient(circle var(--focus-radius) at var(--focus-x) var(--focus-y),#000 15%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--focus-radius) at var(--focus-x) var(--focus-y),#000 15%,transparent 100%)}#portrait-gate{display:none;position:fixed;inset:0;z-index:10;background:#c3c2bf;align-items:center;justify-content:center;touch-action:none}#portrait-gate svg{width:78px;fill:none;stroke:#686d61;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}html[data-mobile=true] #settings-toggle,html[data-mobile=true] #settings{display:none!important}html[data-mobile=true] .score-layer{padding-top:14svh}html[data-mobile=true] .score-layer span{font-size:min(clamp(130px,25svh,245px),calc(140vw / var(--score-digits,1)));max-width:94vw;letter-spacing:-.07em}html[data-mobile=true][data-landscape=true] #portrait-gate{display:flex}html[data-mobile=true][data-landscape=true] #stage,html[data-mobile=true][data-landscape=true] #score{visibility:hidden}