.spot .spot-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:16px}.spot .spot-timer{flex:1 1 160px}.spot .spot-timer.is-off{display:none}.spot .spot-timer{max-width:320px;height:16px;overflow:hidden;background:var(--paper);border:var(--line);border-radius:999px}.spot .spot-timer-fill{display:block;width:100%;height:100%;background:var(--midori)}.spot .spot-timer-fill.is-hurry{background:var(--momo)}.spot .segmented{margin:0}.spot .spot-levels{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:10px 0 0;font-size:.9375rem}.spot .spot-levels dt{font-weight:900}.spot .spot-levels dd{margin:0}.spot .spot-limit{margin-left:6px}.spot .spot-log{font-size:.9375rem;color:var(--ink-soft)}.spot-boards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,3vw,28px);max-width:860px}.spot-side{min-width:0}.spot-side .spot-label{margin-bottom:6px;font-size:.9375rem;font-weight:900}.spot-grid{--cols: 6;position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);padding:clamp(4px,1.2vw,10px);background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.spot-grid.is-shake{animation:spot-shake .3s}.spot-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .06s}.spot-grid.is-dark:after{opacity:1}.spot-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;font-size:clamp(.7rem,25vw / var(--cols),12rem / var(--cols));line-height:1;background:none;border:0;border-radius:8px;cursor:pointer}.spot-cell:hover{background:#2d4ea214}.spot-cell.is-found:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:3px solid var(--momo);border-radius:50%}.spot-cell.is-missed{background:#ef5d8640}@keyframes spot-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}