.classic-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-block:.5rem; }
.app-shell-header [data-action="hint"] { font-variant-numeric:tabular-nums; white-space:nowrap; }
.classic-mode-nav { display:flex; flex-wrap:wrap; gap:.75rem; flex-basis:100%; order:-1; }
.classic-mode-nav a { padding:.5rem .8rem; border:1px solid var(--line); border-radius:6px; color:var(--fg-body); }
.classic-mode-nav a[aria-current="page"] { font-weight:700; background:var(--bg-cell-selected); text-decoration:none; }
.classic-clock { font:700 1.3rem ui-monospace,monospace; font-variant-numeric:tabular-nums; margin-inline-end:auto; }
.board-area { position:relative; --hint-target-bg:#FFF0BD; --hint-target-border:#855600; }
@media (prefers-color-scheme:dark) {
  .board-area { --hint-target-bg:#55421D; --hint-target-border:#FFD27A; }
}
.classic-cover { position:absolute; inset:0; z-index:4; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; border-radius:12px; background:var(--bg-cell); color:var(--fg-body); }
.classic-cover[hidden] { display:none; }
.classic-cover { padding:16px; text-align:center; }
.classic-cover button { min-height:48px; }
.board-area[data-paused="true"] .board { visibility:hidden; }
.board-area .cell[data-focus="1"] { background:var(--bg-cell-selected); box-shadow:inset 0 0 0 1px var(--focus); }
.board-area .board .cell[data-target="1"] { background:var(--hint-target-bg); outline:4px solid var(--hint-target-border); outline-offset:-5px; box-shadow:none; }
.classic-notice { max-width:55ch; min-height:1.5em; }
.classic-cover button,.classic-tools button { font:inherit; color:var(--fg-body); background:var(--bg-cell); padding:.65rem 1rem; border:1px solid var(--line); border-radius:6px; }
.classic-cover button:focus-visible,.classic-tools button:focus-visible { outline:3px solid var(--focus); }
.classic-name { display:block; width:min(100%,22rem); margin-block:.5rem; padding:.6rem; font:inherit; }
.classic-table { width:100%; border-collapse:collapse; }
.classic-table td,.classic-table th { padding:.4rem; text-align:start; border-bottom:1px solid #8885; }
.classic-admin { margin:0; background:#131923; color:#eef1f5; font:16px/1.5 system-ui,sans-serif; }
.classic-admin main { max-width:1400px; margin:auto; padding:1.5rem; }
.classic-admin nav,.classic-admin #controls { display:flex; flex-wrap:wrap; gap:.6rem; margin-block:1rem; }
.classic-admin button,.classic-admin input { padding:.5rem .75rem; margin:.2rem; font:inherit; }
.classic-admin table { width:100%; border-collapse:collapse; }
.classic-admin td,.classic-admin th { text-align:left; padding:.5rem; border-bottom:1px solid #ffffff30; overflow-wrap:anywhere; }
.classic-admin #content { overflow:auto; }
.classic-admin pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:65vh; overflow:auto; background:#090e17; padding:1rem; }
.classic-admin button:focus-visible { outline:3px solid #7de5cb; }