[hidden]{display:none!important}.room-card{padding:18px;background:white;border:1px solid #cbd5e1;border-radius:14px;margin:15px 0}.room-card .toolbar label{display:grid;gap:5px}input{font:inherit;min-height:44px;padding:10px;border:1px solid #afbdd0;border-radius:8px;max-width:100%;background:white;color:#192b45}#share-label{display:block;margin-top:10px}#share-link{display:block;width:100%;margin-top:5px}#room-code{text-transform:uppercase;width:150px}#members{display:flex;flex-wrap:wrap;gap:8px 25px;padding-left:20px}#room-message{font-weight:600;margin-bottom:0}.game-page-dama-room .game-shell-main{max-width:1160px;width:100%}#dama-app{max-width:1100px;margin:auto}#room-panel button{min-height:44px}#board button:disabled{opacity:1}#board button:disabled .disc{opacity:1}#board button:disabled .disc.taken{opacity:.3}@media(max-width:480px){.layout{grid-template-columns:minmax(0,1fr)}.room-card{padding:12px}}
*{box-sizing:border-box}body{margin:0;background:#eef2f8;color:#192b45;font:16px system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:20px}header,.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:clamp(24px,4vw,36px)}button,select{font:inherit;border:1px solid #afbdd0;border-radius:8px;padding:10px;background:white;color:#192b45;cursor:pointer}button:disabled{opacity:.45;cursor:default}.toolbar{margin:14px 0}.layout{display:grid;grid-template-columns:minmax(280px,580px) 1fr;gap:24px}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #23354c;border-radius:8px;overflow:hidden;touch-action:manipulation}#board>*{position:relative;aspect-ratio:1;min-width:0;border:0;border-radius:0;padding:0;background:#f2e6ce}#board button{background:#657b80}#board button.last{background:#7d8e69}#board button.selected{box-shadow:inset 0 0 0 4px #ffcc33}#board button.target{box-shadow:inset 0 0 0 4px #60e5c3}#board button.target:after{content:'';position:absolute;width:22%;height:22%;border-radius:50%;background:#60e5c3;left:39%;top:39%}.disc{position:absolute;inset:12%;border-radius:50%;border:3px solid #ddd;box-shadow:inset 0 0 0 3px #bbb,0 3px 3px #0005;display:grid;place-items:center;font-size:clamp(16px,4vw,32px);font-weight:bold;background:#fff9e9;color:#594523}.disc.black{background:#253043;border-color:#111b2b;box-shadow:inset 0 0 0 3px #526176,0 3px 3px #0005;color:#f6d687}.number{position:absolute;top:1px;left:3px;font-size:10px;color:white}.taken{opacity:.3}aside{background:white;padding:20px;border-radius:14px}#status{margin-top:0;font-size:23px}#instruction{min-height:55px}#history{max-height:200px;overflow:auto;padding-left:25px}#rules{white-space:pre-line;line-height:1.6}summary{cursor:pointer;font-weight:600}#confirmation{background:#fff0bb;padding:16px;border-radius:8px;margin-bottom:15px}button:focus-visible,select:focus-visible{outline:3px solid #ab43e3;outline-offset:-3px}@media(max-width:760px){main{padding:10px}.layout{grid-template-columns:1fr}#board{max-width:580px;width:100%;margin:auto}.toolbar{gap:8px}button,select{padding:9px;font-size:14px}aside{padding:16px}}