:root{color-scheme:dark;font-family:system-ui;background:#101a15;color:#eee9db}body{margin:0}main{max-width:1000px;margin:30px auto;padding:0 18px}header,.match-head{display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:#edce8f}h1{font-size:2.4rem}.card{background:#1b2a21;border:1px solid #405741;border-radius:14px;padding:22px;margin:18px 0}label{display:block;margin:10px 0}input,select,button{font:inherit;padding:10px;border-radius:7px;border:1px solid #61745d;background:#263a2b;color:#eee9db}input[readonly]{width:min(95%,650px);font-size:13px}button{cursor:pointer;margin:4px}button:disabled{opacity:.5;cursor:default}#board{display:grid;max-width:650px;aspect-ratio:1;margin:22px 0;border:4px solid #4a644a;gap:0}#board button{position:relative;aspect-ratio:1;min-width:0;margin:0;padding:0;border-radius:0;border:0;display:grid;place-items:center;background:#d8dfc9;color:#122017;font-size:clamp(18px,5vw,48px)}#board button.dark{background:#708573}#board button.selected{box-shadow:inset 0 0 0 4px #e3ad42}#board small{font-size:11px;position:absolute;bottom:0;right:3px;background:#17251dbb;color:white;padding:1px 3px}.disc{display:block;border-radius:50%;width:75%;height:75%;box-shadow:0 2px 5px #0008}.disc.black{background:#171917}.disc.white{background:#f4f4dc}.dead{opacity:.35}#board.go button{background:#bc945b;border:1px solid #7b633d}#board.reversi button{background:#438161;border:1px solid #325c3c}#notice{min-height:25px}#list a{display:inline-block;margin:5px}#timer{font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap}#match[hidden],#lobby[hidden],[hidden]{display:none!important}@media(max-width:600px){.card{padding:12px}main{padding:0 8px}#board small{font-size:9px}h1{font-size:1.8rem}}