#chess{background:#120d09;overflow:hidden;transition:opacity .7s}
#chess [hidden]{display:none!important}
#chess button{border:1px solid #b48f555c;background:#251b13e8;color:#efdfbf;padding:10px 15px;border-radius:4px;font:13px Georgia,serif;cursor:pointer}
#chess button:hover{background:#493421}#chess button:disabled{opacity:.4;cursor:default}#chess button[aria-pressed=true]{border-color:#e6c98b;background:#594229}
#chess-workspace{position:absolute;inset:42px 0 32px;display:flex;justify-content:center;align-items:center;overflow:auto}
#chess-stage{width:min(100vw,calc((100svh - 74px)*1.5));aspect-ratio:1.5;flex-shrink:0}#chess-stage>svg{display:block;width:100%;height:100%}
#chess-stage [role=button]{cursor:pointer;outline:none}#chess-stage g[role=button]:focus-visible>polygon{stroke:#ffe2a1;stroke-width:4;filter:url(#chess-focus)}
.chess-actor{isolation:isolate}.chess-actor:hover>svg{filter:drop-shadow(0 0 3px #ffe1a277)}
.chess-top{position:absolute;z-index:4;inset:17px 150px auto 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.chess-top button{pointer-events:auto}.chess-heading{text-align:center}.chess-heading h2{font:normal 21px Georgia;margin:0 0 5px;color:#f0dfbd;letter-spacing:1px}.chess-heading p{font:12px Georgia;margin:0;color:#d2b990}.chess-heading small{display:block;font:10px Georgia;color:#a89477;margin-top:5px;letter-spacing:.06em}
.chess-bottom{position:absolute;z-index:4;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:7px;justify-content:center;white-space:nowrap}#chess-hint{position:absolute;bottom:76px;left:0;right:0;text-align:center;font:italic 13px Georgia;color:#e8d2ac;text-shadow:0 2px 4px #000;pointer-events:none;margin:0}#chess-error{position:absolute;z-index:8;top:96px;left:50%;transform:translateX(-50%);color:#ffe9bc;background:#281b10f5;border:1px solid #997342;padding:12px;font:14px Georgia;max-width:90%}#chess-error:empty{display:none}
#chess-loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font:20px Georgia;color:#f1d8ac;background:#23180fe8;padding:24px;border:1px solid #9c7b46}
#chess-journal{position:absolute;z-index:7;right:24px;top:96px;bottom:104px;width:min(320px,calc(100% - 48px));overflow:auto;padding:24px;background:repeating-linear-gradient(0deg,transparent 0 29px,#9e784719 29px 30px),linear-gradient(110deg,#e5d3af,#fff0d1);box-shadow:0 10px 40px #0009;color:#483220;font:14px/1.7 Georgia;border:1px solid #aa8750;transform:rotate(.4deg)}#chess-journal h3{font:normal 24px Georgia;margin:12px 0}#chess-journal h4{margin-bottom:4px}#chess-journal p{font-size:12px}#chess-moves{padding-left:25px}#chess-journal #chess-journal-close{float:right;color:#483220;background:transparent;padding:3px 8px}#chess-journal .journal-note{font-style:italic}
#chess-result{position:absolute;z-index:6;left:50%;bottom:100px;transform:translateX(-50%);width:min(470px,90vw);background:#f0dfbf;color:#46301c;padding:20px;text-align:center;border:1px solid #b18d51;box-shadow:0 8px 40px #0008}#chess-result h3{font:normal 25px Georgia;margin:0 0 8px}#chess-result p{font:14px Georgia}
#chess dialog{background:#f0dfbf;color:#46301c;border:1px solid #b18d51;border-radius:5px;padding:25px;max-width:90vw;font:15px/1.5 Georgia}#chess dialog::backdrop{background:#100a06b0}#chess dialog h3{font:normal 26px Georgia;margin:0 0 12px}.chess-promotion-options{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}#chess-promotion-cancel{margin-top:8px}
#games-chess{position:absolute;left:12%;top:40%;width:25%;height:13%;background:none;border:0;border-radius:8px;cursor:pointer}#games-chess:hover,#games-chess:focus-visible{outline:1px solid #f7d798;box-shadow:0 0 25px #f4c57133}
body[data-view=chess] #home,body[data-view=chess] #playback,body[data-view=chess] #skip,body[data-view=chess] #caption{display:none}
@media(max-width:700px){.chess-top{top:62px;left:10px;right:10px;gap:8px}.chess-heading h2{font-size:17px}.chess-heading p{font-size:11px}.chess-heading small{font-size:9px}#chess button{font-size:11px;padding:8px 9px}#chess-workspace{top:130px;bottom:145px;justify-content:flex-start;align-items:center}#chess-stage{width:max(760px,100vw)}.chess-bottom{bottom:74px;max-width:96vw;flex-wrap:wrap;white-space:normal;width:400px;gap:5px}#chess-hint{bottom:141px;padding:0 12px;font-size:11px}#chess-journal{top:130px;bottom:145px}#chess-result{bottom:150px}#chess-error{top:135px}}
@media(prefers-reduced-motion:reduce){#chess{transition:none}}

.chess-links{display:flex;gap:14px;align-items:center;pointer-events:auto}.chess-links a{color:#eed3a1;font:12px Georgia;text-decoration:none;border-bottom:1px solid #b28b4b;padding:7px 0}@media(max-width:700px){.chess-links{flex-direction:column;gap:4px}.chess-links a{font-size:10px}}