:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#171920;color:#f2f2f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 85% 0,#27607233,transparent 70%)}main{max-width:1500px;margin:auto;padding:clamp(12px,2.5vw,32px)}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}header small{font-size:.6rem;letter-spacing:.2em;color:#87c3d5}h1{font-size:clamp(1.4rem,3vw,2rem);margin:5px 0}a{color:#b0e1f0;text-decoration:none}button,select{font:inherit;color:#fff;min-height:38px;border:1px solid #53585f;border-radius:8px;background:#232629;padding:7px 10px;cursor:pointer}.device{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;background:#252630;border:1px solid #3a3e43;border-radius:12px}.device label{font-size:.8rem;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.device select{font-size:.8rem;max-width:100%}.device p{font-size:.75rem;color:#b9bbc7;line-height:1.4;max-width:510px;margin:0}.overview-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;font-size:.75rem;color:#b5bbc9}#boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board-card{border:1px solid #43484e;border-radius:14px;padding:16px;background:linear-gradient(145deg,#2b2c37,#20212a);min-width:0}.board-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.board-head h2{font-size:1.1rem;margin:0}.badge{font-size:.68rem;padding:4px 7px;border-radius:15px;background:#323539;color:#b1b6bc}.badge.online{background:#223a30;color:#a6dfba}.board-mode{color:#8dc1d1;font-size:.75rem;margin:12px 0;line-height:1.4}.board-player{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-top:1px solid #373b40}.board-player span{font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.board-player strong{font-size:clamp(1.5rem,3vw,2.8rem);font-variant-numeric:tabular-nums;line-height:1.1}.board-player.active{color:#c6edf9}.board-turn{font-size:.75rem;color:#c9cad4;min-height:18px;margin:10px 0}.board-actions{display:flex;gap:6px;flex-wrap:wrap}.board-actions a,.board-actions button{padding:7px 9px;min-height:36px;border:1px solid #53585f;border-radius:8px;background:#292b2f;font-size:.74rem;color:#dff5fc}.board-time{font-size:.65rem;color:#9b9eac;margin:10px 0 0}.board-empty{font-size:.8rem;color:#9b9eac;padding:20px 0}footer{font-size:.7rem;color:#989ead;line-height:1.5;margin-top:18px}dialog{width:min(550px,calc(100vw - 24px));background:#252630;color:#fff;border:1px solid #5090a4;border-radius:12px;padding:18px}dialog::backdrop{background:#0009}dialog input{width:100%;padding:10px;background:#161820;color:#fff;border:1px solid #5d636c;border-radius:7px;margin-bottom:12px}@media(max-width:950px){#boards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main{padding:12px}.device{align-items:start;flex-direction:column}.board-card{padding:10px}#boards{gap:8px}.board-head{flex-wrap:wrap}.board-head h2{font-size:.95rem}.board-player span{font-size:.7rem}.board-actions a,.board-actions button{font-size:.66rem;padding:6px}.board-mode{font-size:.65rem}header a{font-size:.75rem}}

/* Clear turn highlight without changing card size or position. */
.board-player.active{background:radial-gradient(ellipse at 50% 0,#3188a366,transparent 85%),linear-gradient(145deg,#245e70,#1d3942);border-color:#8bdbf4;box-shadow:inset 0 0 0 2px #5cc7e8,inset 0 5px 0 #9ee1f5,0 0 18px #3198b82b;color:#fff}

.admin-reset[hidden]{display:none!important}.admin-reset{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px;margin:14px 0;border:1px solid #c89049;border-radius:12px;background:linear-gradient(120deg,#45301d,#25282b)}.admin-reset strong{color:#ffdb9c;font-size:.85rem}.admin-reset p{margin:5px 0 0;color:#d9c8b6;font-size:.73rem;line-height:1.45}.admin-reset>div{flex:1;min-width:200px}#resetBoards{border:1px solid #f4bd64;background:linear-gradient(135deg,#e7a238,#b87024);color:#201507;font-size:.8rem;font-weight:800;min-height:44px;padding:10px 13px}#resetBoards:disabled{opacity:.55;cursor:wait}#resetStatus{flex-basis:100%;color:#ffe0ad}#resetStatus:empty{display:none}@media(max-width:600px){#resetBoards{width:100%;font-size:.75rem}.admin-reset{padding:12px}}