@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{color:#fff;--page:#6a0073;--panel:#56005e;--panel-dark:#420047;--border:#7f1f88;--light-square:#eee2ef;--dark-square:#8f5a96;--accent:#c0f;background:#6a0073;font-family:Roboto,Arial,sans-serif;font-size:15px}*{box-sizing:border-box}html,body{background:var(--page);min-width:320px;min-height:100%;font-family:inherit;font-size:inherit;margin:0}body{min-height:100vh}a,button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p,span,strong,a,button,div{font-size:1rem;font-style:normal;line-height:1.4}strong,h1,h2,h3,h4,h5,h6{font-weight:700}p,span,a,button,div{font-weight:400}.site-header{align-items:center;width:min(1320px,100% - 30px);min-height:72px;margin:auto;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-logo{object-fit:cover;border-radius:12px;width:42px;height:42px}.library{width:min(1320px,100% - 30px);margin:auto;padding:16px 0 60px}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:38px 16px;display:grid}.bot-tile{min-width:0}.thumbnail-link{aspect-ratio:16/9;border-radius:12px;width:100%;display:block;overflow:hidden}.bot-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.bot-title-link{margin-top:10px;padding-right:8px;display:block}.bot-title-link strong{display:block}.game-shell{width:min(1260px,100% - 40px);margin:auto;padding:26px 0 50px}.return-home{border:1px solid var(--border);background:var(--panel);border-radius:11px;align-items:center;min-height:42px;margin-bottom:22px;padding:0 16px;display:inline-flex}.game-layout{grid-template-columns:minmax(0,760px) minmax(320px,430px);justify-content:center;align-items:start;gap:26px;display:grid}.board-wrap{position:relative}.chessboard{aspect-ratio:1;border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.annotation-layer{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-square{aspect-ratio:1;cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.board-square:disabled{cursor:default}.light-square{background:var(--light-square)}.dark-square{background:var(--dark-square)}.chess-piece{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:94%;height:94%;display:block}.moving-piece{z-index:9999;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;display:block;position:fixed}.selected-square{box-shadow:inset 0 0 0 5px var(--accent)}.legal-square:after{content:"";aspect-ratio:1;pointer-events:none;background:#cc00ff9e;border-radius:50%;width:24%;position:absolute}.capture-square:after{background:0 0;border:5px solid #cc00ffc7;width:76%}.board-modal-overlay{z-index:50;background:#12001494;border-radius:16px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.board-dialog{border:1px solid var(--border);background:var(--panel-dark);text-align:center;border-radius:14px;gap:22px;width:min(360px,100% - 32px);padding:22px;display:grid}.dialog-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cancel-resign-button,.confirm-resign-button,.close-win-button,.play-again-button{border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:40px}.cancel-resign-button,.close-win-button{color:#fff;background:0 0}.confirm-resign-button,.play-again-button{color:var(--page);background:#fff}.game-controls{justify-content:flex-end;align-items:center;min-height:54px;padding-top:12px;display:flex}.resign-button{border:1px solid var(--border);background:var(--panel);color:#fff;cursor:pointer;border-radius:10px;min-height:38px;padding:0 15px}.game-info{padding-top:4px}.bot-identity{align-items:flex-start;gap:18px;display:flex}.name-tag-image{object-fit:cover;border-radius:15px;flex:none;width:94px;height:94px}.bot-identity-copy{min-width:0;padding-top:4px}.name-and-rating{align-items:baseline;gap:8px;display:flex}.game-description{margin:10px 0 0}@media (width<=960px){.game-layout{grid-template-columns:minmax(0,720px)}}@media (width<=640px){.site-header,.library,.game-shell{width:min(100% - 24px,1180px)}.bot-grid{grid-template-columns:1fr;gap:28px}.game-shell{padding-top:18px}.bot-identity{gap:14px}.name-tag-image{border-radius:12px;width:76px;height:76px}.name-and-rating{gap:6px}.selected-square{box-shadow:inset 0 0 0 3px var(--accent)}.capture-square:after{border-width:3px}.board-dialog{padding:18px}}