:root{color-scheme:dark;--bg:#0f1115;--card:#171a21;--line:#303646;--muted:#9ba8bf;--accent:#8b5cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e6e9ef;font:15px system-ui,sans-serif}main{max-width:720px;margin:auto;padding:24px 16px}h1{font-size:25px}a{color:#ad95ff}p{color:var(--muted);line-height:1.5}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button,.btn,select,input{font:inherit;color:inherit;background:#222735;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}button.primary{background:var(--accent)}button:disabled{opacity:.5;cursor:default}input[type=number]{width:105px;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=range]{accent-color:var(--accent);width:100%}select,option{background:#222735;color:#e6e9ef}label{display:block;color:var(--muted);margin:10px 0}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,350px);margin:20px auto}.cell{aspect-ratio:1;font-size:45px;font-weight:700;padding:0;touch-action:manipulation}.cell.x{color:#8ab7ff}.cell.o{color:#c7a0ff}.status{text-align:center;min-height:30px;font-size:18px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line)}progress{width:100%;accent-color:var(--accent)}.note{font-size:13px}.hidden{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#424958;border-radius:8px}html{scrollbar-color:#424958 var(--bg);scrollbar-width:thin}