/* Compact settings and in-board HUD for Quoridor and Kulami. */
html body #playArea #compactSettings178{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;order:0!important;width:100%!important;max-width:none!important;padding:10px!important;box-sizing:border-box!important;align-items:start!important}
html body #compactSettings178>h2{grid-column:1/-1!important;font-size:18px!important;margin:0 0 2px!important}
html body #compactSettings178>label{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;margin:0!important;gap:4px!important;font-size:14px!important}
html body #compactSettings178 select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;margin:0!important;padding:8px 5px!important;font-size:16px!important;text-overflow:ellipsis!important}
html body #compactSettings178 :is(.field-help,.palette-swatches,.small),html body #compactSettings178 #legacyOptions178{display:none!important}
html body #compactSettings178>button{width:100%!important;min-width:0!important;min-height:44px!important;padding:8px!important;margin:0!important;align-self:end!important;font-size:14px!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #playArea .play-layout{display:flex!important;flex-direction:column!important;gap:8px!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #oyun-alani{display:block!important;order:1!important;width:100%!important;height:auto!important;padding:6px!important;box-sizing:border-box!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #stage{display:flex!important;flex-direction:column!important;position:relative!important;width:100%!important;height:clamp(460px,74vh,800px)!important;min-height:460px!important;padding:6px!important;gap:6px!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:16px}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #stage[data-players="4"]{min-height:530px!important}
html body #stage #boardHud178{flex:0 0 auto!important;display:block!important;width:100%!important;padding:0!important;pointer-events:none}
html body #boardHud178 #turn{font-size:15px!important;line-height:1.3!important;margin:0 0 5px!important;text-align:center!important}
html body #boardHud178 #scores{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
html body #boardHud178 #scores>.score{min-width:0!important;margin:0!important;padding:6px 8px!important;line-height:1.3!important;background:rgba(6,35,48,.85)!important;border:1px solid #487783!important;border-left:4px solid var(--c)!important;border-radius:10px!important;font-size:13px!important}
html body #boardHud178 #scores>.current178{box-shadow:inset 0 0 0 1px var(--c)}
html body #boardHud178 .score-values178{display:flex!important;flex-wrap:wrap!important;gap:3px 10px!important;align-items:center!important;margin-top:3px!important}
html body #boardHud178 .score-values178 b{font-size:20px!important;color:#fff6d6!important}
html body #boardHud178 .score-values178 span{font-size:12px!important;line-height:1.3!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #stage>#gameTools{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:5px!important;background:none!important;border:none!important;box-sizing:border-box!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #stage>#gameTools button{width:100%!important;min-width:0!important;min-height:44px!important;white-space:normal!important;font-size:14px!important;line-height:1.2!important;padding:6px 3px!important}
html body #stage #boardViewport178{position:relative!important;flex:1 1 0!important;width:100%!important;min-height:0!important;overflow:hidden!important;border-radius:10px}
html body #stage #boardViewport178 canvas{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #stage .touch-zoom68{top:auto!important;bottom:8px!important;right:8px!important;z-index:15!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #playArea .score-panel{order:2!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:10px!important;gap:8px!important}
html body:is([data-game-kind="quoridor"],[data-game-kind="kulami"]) #playArea .score-panel>.eyebrow{display:none!important}