/* Static rules share the existing host navigation and never resize the game. */
.custom-host-bar,.sudoku-host-bar{position:relative;z-index:10}
.custom-host-bar:has(.seo-game-guide[open]),.sudoku-host-bar:has(.seo-game-guide[open]){z-index:30}
.custom-host-bar nav,.sudoku-host-bar nav{display:flex;align-items:center;gap:.5rem;min-width:0}
.seo-game-guide{flex:none;color:var(--ink)}
.seo-game-guide summary{display:flex;align-items:center;gap:.35rem;min-height:2.75rem;padding-inline:.55rem;border:1px solid var(--line);border-radius:.5rem;cursor:pointer;font:inherit;font-weight:650;white-space:nowrap;list-style:none}
.seo-game-guide summary::-webkit-details-marker{display:none}
.seo-game-guide summary::after{content:'⌄';font-size:.8em}
.seo-game-guide[open] summary::after{content:'⌃'}
.seo-game-guide summary:hover{background:var(--surface-soft)}
.seo-game-guide summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.seo-game-guide-panel{position:absolute;top:100%;left:.5rem;width:min(35rem,calc(100vw - 2rem));max-width:calc(100% - 1rem);max-height:calc(100dvh - 5rem - env(safe-area-inset-top,0px));overflow:auto;padding:1rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:.65rem;box-shadow:0 10px 30px rgb(0 0 0 / 15%);font-size:.9rem;line-height:1.65;overscroll-behavior:contain}
.seo-game-guide-panel h2{margin:0 0 .5rem;font-size:1.05rem;line-height:1.4}
.seo-game-guide-panel p{margin:0 0 .6rem;color:var(--ink-muted)}
.seo-game-guide-panel ol{margin:0;padding-inline-start:1.3rem}
.seo-game-guide-panel li+li{margin-top:.4rem}