@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{color:#fff;--page:#0f0f0f;--panel:#202020;--panel-dark:#171717;--border:#383838;--light-square:#eacfac;--dark-square:#aa7a5b;--accent:#c0f;background:#0f0f0f;font-family:Roboto,Arial,sans-serif;font-size:15px}:root[data-theme=theme2]{--page:#6a0073;--panel:#56005e;--panel-dark:#420047;--border:#7f1f88;--light-square:#eee2ef;--dark-square:#8f5a96}*{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{justify-content:space-between;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}.theme-button{border:1px solid var(--border);background:var(--panel);color:#fff;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;display:inline-flex}.theme-button:hover{filter:brightness(1.08)}.library{width:min(1320px,100% - 30px);margin:auto;padding:16px 0 60px}.bot-section{margin:0 0 54px}.bot-section:last-child{margin-bottom:0}.bot-section-heading{color:#fff;margin:0 0 18px;font-size:32px;line-height:1.15}.normal-bot-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.normal-bot-card{border-radius:12px;display:block;overflow:hidden}.normal-bot-card-image{width:100%;height:auto;display:block}.variant-bot-section{padding-top:8px}.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{--board-square-size:94px;--bot-text-size:15.6667px;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:auto minmax(320px,430px);justify-content:center;align-items:start;gap:26px;display:grid}.game-board-column{min-width:0}.board-wrap{max-width:100%;position:relative}.chessboard{aspect-ratio:1;border:1px solid var(--border);border-radius:6px;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}.promotion-menu{z-index:45;filter:drop-shadow(0 0 4px #000000e6);border-radius:3px;grid-template-rows:8fr 1fr;width:12.5%;height:56.25%;display:grid;position:absolute;top:0;overflow:hidden}.promotion-options{background:#fff;grid-template-rows:repeat(4,1fr);min-height:0;display:grid}.promotion-option{cursor:pointer;background:#fff;border:0;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid}.promotion-option:hover{background:#f5f5f5}.promotion-option img{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:94%;height:94%;display:block;position:relative}.promotion-cancel{color:#111;width:100%;min-width:0;height:100%;min-height:0;font-size:calc(var(--board-square-size,94px) * .28);cursor:pointer;background:#d9d9d9;border:0;border-radius:0;place-items:center;padding:0;font-weight:400;line-height:1;display:grid}.promotion-cancel:hover{background:#cecece}.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)}.board-coordinate{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:15px;font-weight:700;line-height:1;position:absolute}.file-coordinate{bottom:3px;right:4px}.rank-coordinate{top:3px;left:4px}.light-square .board-coordinate{color:var(--dark-square)}.dark-square .board-coordinate{color:var(--light-square)}.right-highlight-square:before{content:"";z-index:1;pointer-events:none;background:#ff2bd680;position:absolute;inset:0}.last-move-square:before{content:"";z-index:1;pointer-events:none;background:#cc00ff80;position:absolute;inset:0}.check-highlight-square:before{content:"";z-index:1;pointer-events:none;background:#ff000080;position:absolute;inset:0}.chess-piece{z-index:2;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:94%;height:94%;display:block;position:relative}.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}.dragging-piece{z-index:10000;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:left,top;display:block;position:fixed;transform:translate(-50%,-50%)}.selected-square:before{content:"";z-index:1;pointer-events:none;background:#cc00ff80;position:absolute;inset:0}.legal-square:after{content:"";z-index:3;aspect-ratio:1;pointer-events:none;background:#80808080;border-radius:50%;width:26.4%;position:absolute}.capture-square:after{background:0 0;border:5px solid #80808080;width:76%}.dark-square.legal-square:after{background:#68564d}.dark-square.capture-square:after{background:0 0;border-color:#68564d}.board-modal-overlay{z-index:50;background:#12001494;border-radius:6px;place-items:center;padding:24px;animation:.3s ease-out both board-overlay-enter;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:space-between;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-theme-button{border-radius:10px;min-height:38px}.game-info{padding-top:4px}.bot-identity{grid-template-columns:var(--board-square-size,94px) minmax(0,1fr);align-items:start;gap:10px 18px;display:grid}.bot-profile-column{width:var(--board-square-size,94px);min-width:var(--board-square-size,94px);display:block}.bot-stats{font-size:calc(var(--bot-text-size,15.6667px) * .72);color:#fff;white-space:nowrap;grid-area:2/1/auto/-1;width:max-content;max-width:100%;margin-top:0;line-height:1.35}.bot-stats div,.bot-stats span{font-size:inherit;line-height:inherit}.bot-times-played{margin-bottom:.18em}.bot-percent-row{grid-template-columns:7.15em auto;align-items:center;column-gap:.24em;min-height:1.35em;display:grid}.bot-percent-label,.bot-percent-value{white-space:nowrap}.bot-percent-meter{align-items:center;min-width:0;display:flex}.bot-percent-bar{background:#c0f;border-radius:.16em;flex:none;width:0;height:1em;transition:width .18s ease-out;display:block}.bot-percent-value{margin-left:.38em}.name-tag-image{width:var(--board-square-size,94px);height:var(--board-square-size,94px);object-fit:cover;border-radius:15px;flex:none}.bot-identity-copy{min-width:0;font-size:var(--bot-text-size,15.6667px);padding-top:4px;line-height:1.25}.name-and-rating{font-size:inherit;line-height:inherit;align-items:baseline;gap:.5em;display:flex}.name-and-rating strong,.name-and-rating span,.game-description{font-size:inherit;line-height:inherit}.game-description{margin:.65em 0 0;font-size:80%}@media (width<=960px){.game-layout{grid-template-columns:auto;justify-content:center}.game-board-column{margin-inline:auto}}@media (width<=640px){.bot-section{margin-bottom:42px}.bot-section-heading{margin-bottom:14px;font-size:28px}.normal-bot-grid{grid-template-columns:1fr;gap:16px}.site-header,.library,.game-shell{width:min(100% - 24px,1180px)}.bot-grid{grid-template-columns:1fr;gap:28px}.game-shell{padding-top:18px}.game-info{width:100%;min-width:0;padding-top:18px}.bot-identity{grid-template-columns:clamp(76px,22vw,96px) minmax(0,1fr);align-items:start;gap:14px 16px;width:100%}.bot-profile-column{width:clamp(76px,22vw,96px);min-width:clamp(76px,22vw,96px)}.name-tag-image{border-radius:12px;width:clamp(76px,22vw,96px);height:clamp(76px,22vw,96px)}.bot-identity-copy{padding-top:1px;font-size:clamp(17px,4.4vw,20px);line-height:1.28}.name-and-rating{gap:.5em}.game-description{margin-top:.5em;font-size:82%;line-height:1.35}.bot-stats{white-space:nowrap;grid-column:1/-1;width:100%;max-width:none;font-size:clamp(14px,3.7vw,17px);line-height:1.45}.bot-percent-row{grid-template-columns:8.15em minmax(0,1fr);column-gap:.28em;width:100%}.bot-percent-meter{width:100%;min-width:0}.bot-percent-value{flex:none;margin-left:.38em}.selected-square{box-shadow:inset 0 0 0 3px var(--accent)}.capture-square:after{border-width:3px}.board-dialog{padding:18px}}.board-square{touch-action:none}.check-highlight-square:before{background:#ff000080!important}.last-move-square.selected-square:before{background:#cc00ff80!important}.last-move-square.right-highlight-square:before{background:#ff2bd680!important}.last-move-square.check-highlight-square:before{background:#ff000080!important}.board-dialog{pointer-events:none;animation:.3s ease-out both board-dialog-enter}.board-dialog.dialog-ready{pointer-events:auto}@keyframes board-dialog-enter{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes board-overlay-enter{0%{opacity:0}to{opacity:1}}.challenge-library-section{padding-top:8px}.dragon-piece{object-fit:contain;width:84.6%;height:84.6%}.challenge-control-right{align-items:center;gap:12px;margin-left:auto;display:flex}.challenge-add-control{border:1px solid var(--border);background:var(--panel);color:#fff;cursor:pointer;border-radius:10px;min-height:38px;padding:0 15px}.challenge-add-control:hover{filter:brightness(1.08)}.challenge-identity{row-gap:14px}.challenge-dragon-count{margin:.55em 0 0;font-size:80%}.dragon-chart{grid-column:1/-1;width:100%;min-width:0;margin-top:2px}.dragon-chart-svg{width:100%;height:auto;max-height:245px;display:block;overflow:visible}.single-action{grid-template-columns:1fr}@media (width<=640px){.challenge-control-right{gap:8px}.challenge-add-control,.challenge-resign-button{padding:0 11px}.challenge-info{width:100%;min-width:0}.challenge-identity{width:100%}.dragon-chart{width:100%;max-width:none;margin-top:4px}.dragon-chart-svg{width:100%;max-width:none}}