#chess-game{background:#142721}#chess-game .controls{max-width:800px;margin:auto;display:flex;justify-content:flex-end;padding:6px 10px;flex:none}#chess-game .controls button{font:inherit;min-height:44px;color:#fff4ce;background:#243b30;border:1px solid #9a8757;border-radius:8px;padding:6px 14px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f1d48c;outline-offset:2px}#chess-frame{display:block;width:min(100%,800px);height:790px;border:0;margin:auto;background:#142721}#chess-game:fullscreen,#chess-game.expanded{display:flex;flex-direction:column;overflow:hidden}#chess-game.expanded{position:fixed;inset:0;z-index:10}#chess-game:fullscreen #chess-frame,#chess-game.expanded #chess-frame{flex:1;min-height:0;height:auto}#chess-game:fullscreen .controls,#chess-game.expanded .controls{width:min(100%,800px)}body.expanded{overflow:hidden}.chess-article{max-width:800px;margin:auto;padding:22px 18px 52px}.chess-article :is(h1,h2,h3){line-height:1.2}.chess-article h1{font:700 clamp(2.2rem,8vw,3.8rem)/1.1 Georgia,serif;margin:0 0 14px}.chess-article h2{margin-top:30px}.chess-article figure{margin:22px 0}.chess-article img{display:block;width:100%;height:auto;border-radius:10px}.chess-article figure.diagram{max-width:400px}.chess-article figcaption{font-size:.9rem;color:#d4dece;margin-top:8px}.chess-article details{padding:10px 0;border-bottom:1px solid #42584c}.chess-article summary{font-weight:650;cursor:pointer}@media(max-width:500px){#chess-frame{height:calc(100vw + 195px)}.chess-article picture img{max-height:520px;object-fit:contain}}