.mwrap{display:flex;gap:16px;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:0 16px 32px}
.mboard{--bw:min(94vw,640px);display:grid;width:var(--bw);aspect-ratio:1;user-select:none}
.mc{aspect-ratio:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs);line-height:1;cursor:pointer;position:relative;text-shadow:0 0 1px #000,0 0 2px #000,0 1px 1px #000}
.mc.lt{background:var(--light)}.mc.dk{background:var(--dark)}.mc.void{background:transparent;cursor:default}
.mc.storm{background:#5a1f2a!important;opacity:.55}.mc.warn{box-shadow:inset 0 0 0 100px #ff3b3b33}
.mc.sel{box-shadow:inset 0 0 0 100px var(--sel)}.mc.last{box-shadow:inset 0 0 0 100px #81b64c44}
.mc.check{background-image:radial-gradient(#ff3b3bcc,transparent 70%)}
.mc.tgt::after{content:'';width:30%;height:30%;border-radius:50%;background:#0006;position:absolute}
.mc.tcap{box-shadow:inset 0 0 0 3px #e33}
.mside{background:var(--panel);border-radius:12px;padding:14px;width:min(94vw,280px);display:flex;flex-direction:column;gap:8px}
.mside ul,.mside ol{margin:0;padding-left:18px;font-size:.88rem}.mside ul{list-style:none;padding:0}.mside ul li{padding:2px 4px;border-radius:4px}
.mlog{max-height:220px;overflow:auto;color:var(--muted)}
.mtop{text-align:center;padding:12px 16px}.mtop h1{margin:0}.mtop p{max-width:720px;margin:8px auto;color:var(--muted)}
.mtop a{color:var(--accent)}#status{font-weight:600;min-height:1.5em;text-align:center;margin:6px}
/* full-screen layout (ui/game-layout.css) */
.oc-center > .mboard{--bw:min(100cqw,100cqh - 64px)}
.oc-right #players{background:transparent;padding:0;width:auto;list-style:none;font-size:.88rem;margin:0 0 6px}
.oc-right #players li{padding:2px 4px;border-radius:4px}
.oc-right .mlog{max-height:none}
#hud{font-size:.88rem}
@media (max-width:900px){.oc-center > .mboard{--bw:min(100cqw,92vh)}}