:root{--gray:#cfcfcf;--yellow:#fff3cc;--orange:#f0a400;--black:#000;--pad-top:max(8px, env(safe-area-inset-top));--pad-right:max(8px, env(safe-area-inset-right));--pad-bottom:max(8px, env(safe-area-inset-bottom));--pad-left:max(8px, env(safe-area-inset-left));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--gray);height:100%;color:var(--black);touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:15px;overflow:hidden}#app{padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);grid-template:"banner""scope"minmax(0,1fr)"controls"/minmax(0,1fr);gap:8px;display:grid;position:fixed;inset:0}.banner{grid-area:banner;justify-content:center;align-items:center;height:32px;display:flex;position:relative}.readout{white-space:pre;font-size:15px;font-weight:700}.difficulty{border:1px solid var(--black);border-radius:6px;display:flex;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.difficulty button{border:0;border-radius:0;min-width:0;min-height:26px;padding:0 7px;font-size:11px;position:relative}.difficulty button+button{border-left:1px solid var(--black)}.difficulty button:after{content:"";position:absolute;inset:-8px 0}.status{letter-spacing:.04em;font-size:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.scope{touch-action:none;grid-area:scope;min-width:0;min-height:0;position:relative}.scope>svg{touch-action:none;display:block;position:absolute;top:0;left:0}.timer{z-index:1;font-variant-numeric:tabular-nums;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:8px;right:12px}.result{z-index:3;background:#00000026;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.result-card{text-align:center;background:var(--gray);border:1px solid var(--black);border-radius:10px;min-width:220px;max-width:100%;padding:16px 24px 18px;box-shadow:0 6px 24px #00000040}.result-label{font-size:12px}.result-time{font-variant-numeric:tabular-nums;margin-top:2px;font-size:30px;font-weight:700}.result-text{margin:6px 0 14px;font-size:18px;font-weight:700}.result-card button{background:var(--yellow);min-width:120px}.call{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:8px;left:6px;right:6px}.call-line{white-space:pre-wrap;text-align:center;background:#fff3ccd9;border-radius:4px;padding:2px 6px;font-size:12px;font-style:italic}.notice{font-size:12px}.icon{flex:none;width:1.25em;height:1.25em}.call-line .icon{vertical-align:-.25em;margin-right:6px}button .icon{vertical-align:-.25em;margin-right:4px}.controls{grid-area:controls;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}button{min-width:44px;min-height:48px;font:inherit;color:var(--black);border:1px solid var(--black);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;padding:0 4px;font-size:14px}button:active:not(:disabled){background:#0000001a}button[aria-pressed=true]{background:var(--yellow)}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--black);outline-offset:2px}kbd{font:inherit;color:var(--black);font-size:11px;display:none}@media (hover:hover) and (pointer:fine){kbd{display:block}}.start{z-index:10;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);background:var(--gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.start h1{letter-spacing:.06em;color:var(--black);margin:0;font-size:26px}.start .intro{max-width:28em;margin:0}.start-button{letter-spacing:.1em;min-width:200px;min-height:64px;font-size:22px;font-weight:700}.start .hint{color:var(--black);margin:0;font-size:13px}@media (pointer:fine){#app{border:1px solid var(--black);border-radius:12px;width:min(100vw,400px);height:min(100vh,820px);inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}}@media (orientation:landscape) and (pointer:coarse){#app{--side:150px;grid-template-columns:minmax(0, 1fr) var(--side);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"banner banner""scope controls"}.banner{padding-right:calc(var(--side) + 8px)}.controls{grid-template-columns:minmax(0,1fr);align-content:end}}