/* A real game container must never inherit the zero-height anchor rule. */
html body[data-playgame] div#oyun-alani.stage-wrap{height:auto!important;min-height:0!important;padding:8px!important;margin:0!important;overflow:visible!important;box-sizing:border-box}
html body[data-game-kind="quoridor"] .play-layout{display:flex!important;flex-direction:column!important;gap:10px!important}
html body[data-game-kind="quoridor"] .play-layout>.settings{order:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;box-sizing:border-box;padding:12px!important}
html body[data-game-kind="quoridor"] .settings #specific{display:contents!important}
html body[data-game-kind="quoridor"] .settings h2{grid-column:1/-1;margin:0!important;font-size:18px!important}
html body[data-game-kind="quoridor"] .settings label{min-width:0;margin:0!important}
html body[data-game-kind="quoridor"] .settings select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px;font-size:16px!important}
html body[data-game-kind="quoridor"] .settings .small{display:none!important}
html body[data-game-kind="quoridor"] .settings>button{margin:0!important;min-height:44px}
html body[data-game-kind="quoridor"] .stage-wrap{order:1!important;width:100%!important}
html body[data-game-kind="quoridor"] #stage{height:clamp(340px,60vh,650px)!important;min-height:340px!important;width:100%!important}
html body[data-game-kind="quoridor"] #gameTools{display:flex!important;gap:6px!important;flex-wrap:wrap;justify-content:center;margin:0 0 8px!important;padding:0!important}
html body[data-game-kind="quoridor"] #gameTools button{min-height:44px;flex:1;min-width:90px;font-size:15px!important}
html body[data-game-kind="quoridor"] .score-panel{order:2!important;width:100%!important;box-sizing:border-box;padding:12px!important}
html body[data-game-kind="quoridor"] #scores{display:flex;flex-wrap:wrap;gap:8px}
html body[data-game-kind="quoridor"] #scores>*{flex:1;min-width:100px}
html:is([data-device="phone"],[data-device="tablet"]) body[data-game-kind="quoridor"] .play-layout>.settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* v177: move choices are inside the 3D viewport. */
html body[data-game-kind="quoridor"] #stage{position:relative!important}
html body[data-game-kind="quoridor"] #stage>#gameTools{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;z-index:12!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:calc(100% - 20px)!important;max-width:480px!important;box-sizing:border-box!important;padding:5px!important;margin:0!important;background:rgba(7,39,54,.72);border:1px solid #75bbc288;border-radius:12px}
html body[data-game-kind="quoridor"] #stage>#gameTools button{min-width:0!important;min-height:44px!important;padding:8px 4px!important;white-space:normal!important;line-height:1.15!important;font-size:14px!important}