@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--font-mono: "Departure Mono", "Space Mono", monospace;--board-bg: #3d3a4f;--dot-filled: #767676;--dot-hollow: #767676;--line-color: rgba(255, 255, 255, .2);--bg-light-blue: #b8d4e8;--accent-gold: #d4af37;--accent-pink: #ff6b9d;--accent-green: #4a9;--text-dark: #2c3e50;--text-muted: #5a6a7a;--square-size: 64px;--board-padding: 12px;--retro-black: #1a1a24}body{font-family:var(--font-mono);background:var(--bg-light-blue);min-height:100vh;color:var(--text-dark)}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem}h1{font-family:var(--font-mono);font-size:2.2rem;font-weight:400;letter-spacing:.05em;margin-bottom:.15rem;color:var(--text-dark)}.subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--text-dark);letter-spacing:.15em;margin-bottom:1.5rem}.game-container{display:flex;gap:2rem;align-items:flex-start}.sidebar{display:flex;flex-direction:column;gap:8px;min-width:140px}.sidebar-left{align-items:flex-end}.sidebar-right{align-items:flex-start}.hand{background:#ffffffb3;padding:8px;border:3px solid var(--board-bg);border-radius:6px}.hand-title{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--board-bg);margin-bottom:.5rem}.hand-pieces{display:flex;flex-wrap:wrap;gap:4px}.hand-piece{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:2px;cursor:pointer;position:relative;transition:all .15s ease;border:2px solid transparent}.hand-piece:hover{background:#fff3}.hand-piece.selected{border-color:var(--dot-filled);background:#ffffff26}.hand-piece .piece-img{width:32px;height:32px;object-fit:contain;filter:brightness(1.3) saturate(.9)}.hand-piece .count{position:absolute;bottom:1px;right:3px;font-family:var(--font-mono);font-size:.55rem;color:var(--board-bg)}.hand-piece.opponent .piece-img{transform:rotate(180deg);filter:brightness(.6) saturate(1.1)}.empty-hand{font-family:var(--font-mono);color:var(--board-bg);font-size:.6rem;letter-spacing:.1em;opacity:.6}.game-info{background:#ffffffb3;border-radius:6px;padding:12px;text-align:center;border:3px solid var(--board-bg)}.turn-indicator{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--board-bg)}.turn-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold)}.turn-dot.pulse{animation:thinking-pulse .8s ease-in-out infinite;box-shadow:0 0 6px var(--dot-filled)}@keyframes thinking-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px var(--dot-filled)}50%{opacity:.5;transform:scale(1.3);box-shadow:0 0 12px var(--dot-filled)}}.status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;color:var(--dot-filled);min-height:1.2em}.status.check{color:#ff6b6b;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.status.game-over{color:var(--board-bg);text-transform:uppercase;text-decoration:underline;font-size:1rem}.status.game-over.win{color:var(--accent-gold)}.controls{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}button{font-family:var(--font-mono);padding:.4rem .7rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(61,58,79,.3);border-radius:6px;cursor:pointer;transition:all .15s ease;background:#ffffff26;color:var(--board-bg)}button:hover{background:#ffffff40}button.active{background:var(--accent-gold);color:var(--board-bg)}button.daily-btn.active{background:var(--accent-green)}button:disabled{opacity:.3;cursor:not-allowed}.help-text{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;color:var(--board-bg);opacity:1;max-width:120px;line-height:1.5;margin-top:.75rem}.board-wrapper{position:relative}.board-with-coords{display:flex;flex-direction:column;align-items:center}.file-coords{display:flex;margin-bottom:4px;margin-left:24px}.file-coords span{font-family:var(--font-mono);width:var(--square-size);text-align:center;font-size:.7rem;color:var(--text-muted)}.board-row-wrapper{display:flex;align-items:stretch}.rank-coords{display:flex;flex-direction:column;justify-content:space-around;padding:var(--board-padding) 4px var(--board-padding) 0}.rank-coord{font-family:var(--font-mono);height:var(--square-size);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.board-container{position:relative;background:var(--board-bg);border-radius:4px;padding:var(--board-padding)}.board-lines{position:absolute;top:var(--board-padding);left:var(--board-padding);width:calc(5 * var(--square-size));height:calc(5 * var(--square-size));pointer-events:none;z-index:1}.board-lines line{stroke:var(--line-color);stroke-width:1.5}.board{display:grid;grid-template-columns:repeat(5,var(--square-size));grid-template-rows:repeat(5,var(--square-size));position:relative;z-index:2}.square{width:var(--square-size);height:var(--square-size);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2}.square-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--dot-filled);z-index:1;transition:opacity .15s ease}.square.rank-middle .square-dot{background:transparent;border:3px solid var(--dot-hollow)}.square.has-piece .square-dot{opacity:0}.square.selected:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:2px;border:2px solid var(--dot-filled);z-index:3}.square.legal-target .square-dot{background:var(--accent-green);border-color:var(--accent-green);opacity:1;box-shadow:0 0 10px var(--accent-green)}.square.last-move:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:2px;background:#c4b4c433;z-index:0}.square:hover{background:#ffffff0d;border-radius:2px}.piece{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;z-index:4;width:48px;height:48px}.piece-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.piece.black .piece-img{filter:brightness(1.3) saturate(.9) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.piece.white{transform:rotate(180deg)}.piece.white .piece-img{filter:brightness(.4) grayscale(100%) sepia(1) contrast(5) saturate(1.7) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.piece-fallback{font-family:"Noto Serif JP",serif;font-size:1.9rem;font-weight:500;color:#1a1a1a}.loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--board-bg);padding:1rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--board-bg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{font-family:var(--font-mono);color:#ff6b6b;font-size:.6rem;letter-spacing:.05em;margin-top:.5rem}.promotion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promotion-dialog{background:var(--board-bg);color:var(--dot-filled);padding:1.25rem 1.5rem;border-radius:4px;text-align:center}.promotion-dialog h3{font-family:var(--font-mono);margin-bottom:1rem;font-weight:400;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.promotion-choices{display:flex;gap:8px;justify-content:center}.promotion-choice{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:2px;cursor:pointer;transition:all .15s ease}.promotion-choice:hover{background:#fff3}.promotion-choice .piece{width:48px;height:48px}.custom-sfen{margin-top:1.5rem;text-align:center}.custom-sfen-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.15em;text-transform:uppercase}.custom-sfen-input{display:inline-flex;background:var(--board-bg);border-radius:4px;padding:4px}.custom-sfen-input input{padding:.5rem .75rem;font-family:var(--font-mono);font-size:.7rem;border:none;border-radius:2px 0 0 2px;background:#ffffffe6;color:var(--text-dark);width:240px}.custom-sfen-input input::placeholder{color:var(--text-muted);opacity:.6}.custom-sfen-input input:focus{outline:none;background:#fff}.custom-sfen-input button{padding:.5rem .75rem;font-size:.65rem;border:none;border-radius:0 2px 2px 0;background:var(--dot-filled);color:var(--board-bg)}.custom-sfen-input button:hover:not(:disabled){background:#fff}.custom-sfen-input button:disabled{opacity:.4}.footer{margin-top:2rem;padding:1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--text-muted)}.footer a{color:var(--text-dark);text-decoration:none;border-bottom:1px solid var(--text-muted);transition:all .15s ease}.footer a:hover{color:var(--board-bg);border-bottom-color:var(--board-bg)}.claude-reasoning{margin-top:1.5rem;background:#ffffffb3;border:3px solid var(--board-bg);border-radius:6px;padding:12px 16px;max-width:500px;width:100%}.reasoning-title{font-family:var(--font-mono);font-size:.65rem;text-decoration:underline;letter-spacing:.15em;text-transform:uppercase;color:var(--board-bg);margin-bottom:8px}.reasoning-text{font-family:var(--font-mono);font-size:.65rem;color:var(--board-bg);white-space:pre-wrap;word-wrap:break-word;line-height:1.6;max-height:200px;overflow-y:auto;margin:0;padding-right:8px}.reasoning-text::-webkit-scrollbar{width:4px}.reasoning-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.reasoning-text::-webkit-scrollbar-thumb{background:var(--dot-filled);border-radius:2px;opacity:.5}.claude-thinking-animation{display:flex;justify-content:center;align-items:center;padding:20px 0}.claude-thinking-icon{width:64px;height:64px;image-rendering:pixelated}.bot-selector-tiles{margin-top:1.5rem;text-align:center}.bot-selector-label{font-family:var(--font-mono);font-size:.65rem;color:var(--board-bg);margin-bottom:.75rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:underline}.bot-tiles{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.bot-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border:2px solid var(--board-bg);border-radius:6px;background:#ffffff80;cursor:pointer;transition:all .15s ease;opacity:.6;min-width:70px}.bot-tile:hover{opacity:.8;transform:translateY(-2px)}.bot-tile.selected{opacity:1;border-width:3px;box-shadow:0 2px 8px #00000026}.bot-tile:disabled{cursor:not-allowed;transform:none}.bot-tile-icon{width:32px;height:32px;image-rendering:pixelated}.bot-tile-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--retro-black)}.bot-tile-random{background:#4a999926}.bot-tile-random.selected{background:#4a99994d;border-color:var(--accent-green)}.bot-tile-greedy{background:#d4af3726}.bot-tile-greedy.selected{background:#4a99994d;border-color:var(--accent-green)}.bot-tile-easy_minimax{background:#7ac47a26}.bot-tile-easy_minimax.selected{background:#d4a5744d;border-color:#d4a574}.bot-tile-minimax{background:#ff505026}.bot-tile-minimax.selected{background:#ff50504d;border-color:#ff5050}.bot-tile-claude{background:#d4a57426}.bot-tile-claude.selected{background:#d4a5744d;border-color:#d4a574}img[src$=".svg"]{border-radius:8px}@media (max-width: 768px){:root{--square-size: 56px;--board-padding: 12px}#root{padding:1rem .5rem}h1{font-size:1.8rem}.subtitle{font-size:.8rem;margin-bottom:1rem}.game-container{flex-direction:column;align-items:center;gap:8px}.board-wrapper{order:1}.sidebar{flex-direction:row;min-width:unset;width:100%;max-width:360px}.sidebar-left{order:3;align-items:center}.sidebar-right{order:2;align-items:center}.hand{padding:8px;width:100%}.hand-pieces{justify-content:center}.hand-piece{width:36px;height:36px}.hand-piece .piece-img{width:28px;height:28px}.game-info{padding:10px;width:100%}.turn-indicator{font-size:.65rem;margin-bottom:.25rem}.controls{margin-top:.5rem}button{padding:.35rem .6rem;font-size:.55rem}.square-dot{width:18px;height:18px}.square.rank-middle .square-dot{width:18px;height:18px;border-width:2px}.piece{width:42px;height:42px}.help-text{display:none}.footer{margin-top:1rem;padding:.5rem;font-size:.6rem}.custom-sfen-input input{width:180px;font-size:.6rem;padding:.4rem .6rem}.custom-sfen-input button{font-size:.55rem;padding:.4rem .6rem}.claude-reasoning{max-width:100%;margin-top:1rem;padding:10px 12px}.reasoning-text{font-size:.55rem;max-height:150px}.claude-thinking-icon{width:48px;height:48px}.bot-selector-tiles{margin-top:1rem}.bot-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:280px;margin:0 auto}.bot-tile{padding:8px 10px;min-width:unset}.bot-tile-icon{width:28px;height:28px}.bot-tile-label{font-size:.5rem}}@media (max-width: 400px){:root{--square-size: 48px;--board-padding: 8px}h1{font-size:1.5rem}.square-dot{width:14px;height:14px}.piece{width:36px;height:36px}.hand-piece{width:32px;height:32px}.hand-piece .piece-img{width:24px;height:24px}.custom-sfen-input input{width:150px}.bot-tiles{max-width:240px}.bot-tile{padding:6px 8px}.bot-tile-icon{width:24px;height:24px}.bot-tile-label{font-size:.45rem}}.footer-links-wrapper{position:relative;display:inline-block}.footer-tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#fff;border:2px solid var(--board-bg);border-radius:6px;padding:10px 32px 10px 14px;font-family:var(--font-mono);font-size:.7rem;color:var(--board-bg);white-space:nowrap;box-shadow:0 2px 8px #00000026;animation:tipFadeIn .3s ease;z-index:50}@keyframes tipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer-tip strong{color:#e74549}.footer-tip-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;font-family:var(--font-mono);font-size:1rem;color:var(--board-bg);cursor:pointer;padding:0 4px;line-height:1;opacity:.6;transition:opacity .15s ease}.footer-tip-close:hover{opacity:1;background:none}.footer-tip-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--board-bg)}.footer-tip-arrow:before{content:"";position:absolute;top:-10px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}@media (max-width: 768px){.footer-tip{font-size:.6rem;padding:8px 28px 8px 12px}.footer-tip-close{font-size:.9rem;right:6px}}@media (max-width: 768px){.footer-tip.floating{position:fixed;bottom:20px;left:50%;transform:translate(-50%);margin-bottom:0;z-index:100}.footer-tip.floating .footer-tip-arrow{display:none}.footer-tip.attached{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.footer-tip.attached .footer-tip-arrow{display:block}}.share-header{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);margin-top:.5rem;letter-spacing:.05em}.move-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dark);margin-top:.15rem;letter-spacing:.05em}.share-btn{margin-top:.5rem;padding:.4rem 1rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent-gold);color:var(--text-dark);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.share-btn:hover{background:#e5c349;transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.leaderboard{margin-top:1.5rem;background:#ffffffb3;border:3px solid var(--board-bg);border-radius:6px;padding:12px 16px;max-width:400px;width:100%}.leaderboard-classic{max-width:500px}.leaderboard-title{font-family:var(--font-mono);font-size:.65rem;text-decoration:underline;letter-spacing:.15em;text-transform:uppercase;color:var(--board-bg);margin-bottom:8px}.leaderboard-empty,.leaderboard-loading{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em}.leaderboard-entries{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.leaderboard-row{font-family:var(--font-mono);font-size:.6rem;padding:6px 8px;border-radius:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#ffffff80}.leaderboard-row.win{background:#4a999926}.leaderboard-row.loss{background:#ff64641a}.lb-time{color:var(--text-muted);flex-shrink:0}.lb-result{color:var(--text-dark)}.lb-name{color:var(--text-muted);font-style:italic}.leaderboard-bot-group{margin-bottom:8px}.leaderboard-bot-group:last-child{margin-bottom:0}.leaderboard-bot-header{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--board-bg);padding:4px 0;margin-bottom:4px;border-bottom:1px solid var(--board-bg)}.leaderboard-classic .leaderboard-row{display:grid;grid-template-columns:30px 70px 1fr 50px;gap:8px}.lb-rank{color:var(--accent-gold);font-weight:600}.lb-moves{color:var(--text-dark)}.lb-date{color:var(--text-muted);font-size:.5rem;text-align:right}.leaderboard-classic .lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entries::-webkit-scrollbar{width:4px}.leaderboard-entries::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.leaderboard-entries::-webkit-scrollbar-thumb{background:var(--dot-filled);border-radius:2px}@media (max-width: 768px){.leaderboard{max-width:100%;margin-top:1rem;padding:10px 12px}.leaderboard-entries{max-height:250px}.leaderboard-row{font-size:.55rem;padding:5px 6px}.leaderboard-classic .leaderboard-row{grid-template-columns:25px 60px 1fr 45px;gap:4px}.lb-date{font-size:.45rem}}.name-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.name-popup{background:var(--bg-light-blue);border:3px solid var(--board-bg);padding:1.5rem;border-radius:8px;text-align:center;max-width:300px;width:90%}.name-popup h3{font-family:var(--font-mono);font-size:.8rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--board-bg);margin-bottom:.5rem}.name-popup-result{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dark);margin-bottom:1rem}.name-popup input{width:100%;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.7rem;border:2px solid var(--board-bg);border-radius:4px;background:#fff;color:var(--text-dark);margin-bottom:1rem}.name-popup input:focus{outline:none;border-color:var(--accent-gold)}.name-popup-buttons{display:flex;gap:8px;justify-content:center}.name-popup-cancel{background:transparent;border:1px solid var(--board-bg);color:var(--board-bg)}.name-popup-cancel:hover{background:#0000000d}.name-popup-submit{background:var(--accent-gold);border:none;color:var(--text-dark)}.name-popup-submit:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.name-popup{padding:1.25rem}.name-popup h3{font-size:.75rem}.name-popup-result,.name-popup input{font-size:.65rem}}.rules-page{min-height:100vh;background:var(--bg-light-blue);font-family:Departure Mono,Space Mono,monospace;color:var(--text-dark);padding:2rem}.rules-header{text-align:center;margin-bottom:2rem}.rules-header h1{font-family:Departure Mono,Space Mono,monospace;font-size:2.5rem;font-weight:400;margin-bottom:.25rem}.rules-subtitle{font-size:1rem;color:var(--text-muted);letter-spacing:.1em}.back-link{display:inline-block;margin-bottom:1rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--text-dark)}.rules-content{max-width:900px;margin:0 auto}.rules-section{background:#ffffffb3;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.rules-section h2{font-family:Departure Mono,Space Mono,monospace;font-size:1.4rem;font-weight:400;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-gold)}.rules-section h3{font-family:Departure Mono,Space Mono,monospace;font-size:1.1rem;font-weight:400;margin-bottom:.5rem;color:var(--text-dark)}.rules-section p{font-family:Departure Mono,Space Mono,monospace;font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.rules-section ul{font-family:Departure Mono,Space Mono,monospace;font-size:.9rem;line-height:1.8;margin-left:1.5rem}.rules-section li{margin-bottom:.5rem}.goal-content{display:flex;align-items:center;gap:2rem}.goal-text{flex:1}.king-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.king-display span{font-size:.85rem;color:var(--text-muted)}.large-piece{width:64px;height:64px}.movement-legend{display:flex;gap:2rem;margin-bottom:1rem;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-box{width:20px;height:20px;border-radius:3px}.legend-box.move{background:#4a999999;border:2px solid var(--accent-green)}.legend-box.slide{background:#4a99994d;border:2px dashed var(--accent-green)}.pieces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.piece-card{background:#ffffff80;border-radius:8px;padding:1rem;text-align:center}.piece-card h3{margin-bottom:.75rem;font-size:1rem}.piece-card p{font-size:.8rem;color:var(--text-muted);margin-bottom:0}.movement-diagram{display:flex;justify-content:center;margin-bottom:.75rem}.mini-board{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:2px;background:var(--board-bg);padding:4px;border-radius:4px}.mini-board.knight-board{grid-template-columns:repeat(5,28px);grid-template-rows:repeat(5,28px)}.mini-square{background:var(--dot-filled);border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative}.mini-square.can-move{background:#4a999999;border:2px solid var(--accent-green)}.mini-square.can-slide{background:#4a99994d;border:2px dashed var(--accent-green)}.mini-square.center{background:var(--dot-filled);border:none}.diagram-piece{width:28px;height:28px}.knight-board .diagram-piece{width:22px;height:22px}.slide-arrow{display:none}.promotion-examples{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0}.promo-item{display:flex;align-items:center;gap:.5rem;background:#ffffff80;padding:.5rem 1rem;border-radius:8px}.promo-item img{width:32px;height:32px}.promo-item span{font-size:.9rem}.promo-label{font-size:.75rem!important;color:var(--text-muted)}.promotion-zone-diagram{display:flex;justify-content:center;margin:1rem 0}.zone-board{width:200px}.zone-row{height:32px;background:var(--dot-filled);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.zone-row.promotion-zone{background:#4a999966}.zone-row.promotion-zone.white{background:#ff6b9d4d}.zone-row span{font-size:.7rem;color:var(--text-dark)}.special-rule{background:#fff6;border-radius:8px;padding:1rem;margin-bottom:1rem}.special-rule:last-child{margin-bottom:0}.special-rule h3{color:#c0392b}.note{font-style:italic;color:var(--text-muted);font-size:.85rem!important}.nifu-diagram{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.nifu-board{display:flex;background:var(--board-bg);padding:4px;border-radius:4px}.nifu-col{display:flex;flex-direction:column;gap:2px}.nifu-cell{width:36px;height:36px;background:var(--dot-filled);border-radius:2px;display:flex;align-items:center;justify-content:center}.nifu-cell img{width:28px;height:28px}.nifu-cell.blocked{background:#c0392b4d;color:#c0392b;font-size:1.2rem;font-weight:700}.nifu-cell.empty{background:#ffffff4d}.nifu-label{font-size:.8rem;color:var(--text-muted)}.quick-ref-table{width:100%;border-collapse:collapse;font-family:Departure Mono,Space Mono,monospace;font-size:.85rem;margin:1rem 0}.quick-ref-table th,.quick-ref-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.quick-ref-table th{background:#0000000d;font-weight:400}.quick-ref-table tr:last-child td{border-bottom:none}.table-notes{font-size:.8rem!important;color:var(--text-muted);margin-top:.5rem}.rules-footer{text-align:center;padding:2rem}.rules-footer a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.rules-footer a:hover{color:var(--text-dark)}.hand-explanation{background:#d4af371a;border-left:4px solid var(--accent-gold);padding:1rem;border-radius:0 8px 8px 0}.hand-explanation p:last-child{margin-bottom:0}@media (max-width: 768px){.rules-page{padding:1rem}.rules-section{padding:1rem 1.25rem}.rules-header h1{font-size:1.8rem}.goal-content{flex-direction:column;text-align:center}.pieces-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.promotion-examples{justify-content:center}.movement-legend{flex-direction:column;gap:.5rem}}.bots-page{min-height:100vh;background:var(--bg-light-blue);font-family:Departure Mono,Space Mono,monospace;color:var(--text-dark);padding:2rem;max-width:100vw;overflow-x:hidden}.bots-header{text-align:center;margin-bottom:2rem}.bots-header h1{font-family:Departure Mono,Space Mono,monospace;font-size:2.5rem;font-weight:400;margin-bottom:.25rem}.bots-subtitle{font-size:1rem;color:var(--text-muted);letter-spacing:.1em}.bots-page .back-link{display:inline-block;margin-bottom:1rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.bots-page .back-link:hover{color:var(--text-dark)}.bots-content{max-width:900px;margin:0 auto;overflow-x:hidden}.bots-section{background:#ffffffb3;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.bots-section h2{font-family:Departure Mono,Space Mono,monospace;font-size:1.4rem;font-weight:400;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-gold)}.bots-section p{font-family:Departure Mono,Space Mono,monospace;font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.bots-section ul{font-family:Departure Mono,Space Mono,monospace;font-size:.9rem;line-height:1.8;margin-left:1.5rem}.bots-section li{margin-bottom:.5rem}.bot-cards{display:flex;flex-direction:column;gap:1.5rem}.bot-card{background:#ffffff80;border-radius:8px;border:2px solid transparent;transition:border-color .2s;overflow:visible}.bot-card:hover{border-color:var(--board-bg)}.bot-card-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#3d3a4f14}.bot-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--board-bg)}.bot-icon img{width:80%;height:80%;object-fit:contain}.bot-icon.random{background:#495f25}.bot-icon.greedy{background:linear-gradient(135deg,#d4af37,#b8942d)}.bot-icon.minimax{background:linear-gradient(135deg,#aa6555,#222eb6)}.bot-icon.claude{background:linear-gradient(135deg,#f7efe6,#a15305)}.bot-title-area{display:flex;flex-direction:column;gap:.25rem}.bot-title-area h3{font-family:Departure Mono,Space Mono,monospace;font-size:1.2rem;font-weight:400;margin:0}.bot-difficulty-tags{display:flex;gap:.5rem}.bot-difficulty{font-family:Departure Mono,Space Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;width:fit-content}.bot-difficulty.easy{background:#4a999933;color:#3d7a6a}.bot-difficulty.medium{background:#d4af3733;color:#9a8020}.bot-difficulty.hard{background:#c0392b33;color:#a33}.bot-difficulty.experimental{background:#8a645033;color:#8a6450}.bot-card-content{padding:1.25rem;overflow:visible}.bot-description{font-size:.9rem;margin-bottom:1rem}.bot-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#3d3a4f0d;border-radius:6px}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-value{font-size:.85rem;font-weight:400;color:var(--text-dark)}.bot-details{border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;margin-top:.5rem;overflow:visible}.bot-details h4{font-family:Departure Mono,Space Mono,monospace;font-size:.85rem;font-weight:400;margin-bottom:.5rem;margin-top:1rem;color:var(--board-bg);text-decoration:underline;text-underline-offset:3px}.bot-details h4:first-child{margin-top:0}.bot-details p{font-size:.85rem;margin-bottom:.5rem}.bot-details p code{background:#00000014;padding:.15rem .35rem;border-radius:3px;font-size:.8rem}.bot-details ul{margin-left:1.5rem;margin-top:.5rem;margin-bottom:.75rem}.bot-details li{font-size:.85rem;line-height:1.6;margin-bottom:.35rem}.bot-details ol{list-style-position:inside}.bot-details pre{max-width:100%!important;overflow-x:auto!important}.bot-details>div{max-width:100%!important;overflow-x:auto!important}.claude-card{border:2px solid rgba(212,165,116,.3)}.claude-card .bot-card-header{background:#d4a5741a}.minimax-card .bot-card-header{background:#ff00001a}.piece-values-table{width:100%;max-width:200px;border-collapse:collapse;font-family:Departure Mono,Space Mono,monospace;font-size:.8rem;margin:.5rem 0}.piece-values-table th,.piece-values-table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.piece-values-table th{background:#0000000d;font-weight:400;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.piece-values-table tr:last-child td{border-bottom:none}.comparison-table{width:100%;border-collapse:collapse;font-family:Departure Mono,Space Mono,monospace;font-size:.85rem;margin:1rem 0}.comparison-table th,.comparison-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.comparison-table th{background:#0000000d;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#3d3a4f08}.resource-tree{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.15);overflow:visible}.resource-tree h4{text-align:center;margin-bottom:1.5rem!important;font-size:.9rem!important;color:var(--text-dark)!important;letter-spacing:.05em;text-decoration:none!important}.tree-container{display:flex;flex-direction:column;align-items:center;gap:0;overflow:visible}.tree-level{display:flex;justify-content:center}.tree-root{margin-bottom:0}.tree-subtree{display:flex;flex-direction:column;align-items:center}.tree-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.tree-node-wrapper:has(.expanded){z-index:50}.tree-node{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:70px;background:linear-gradient(145deg,#3d3a4f,#2a2838);border:2px solid #4a4760;border-radius:6px;color:#e8e6f0;font-family:Departure Mono,Space Mono,monospace;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a}.tree-node:hover{background:linear-gradient(145deg,#4a4760,#3d3a4f);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 12px #0006,inset 0 1px #ffffff26}.tree-node:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.tree-node.expanded{border-color:var(--accent-gold);background:linear-gradient(145deg,#4a4760,#3d3a4f)}.tree-node-label{font-size:.7rem;font-weight:400;text-align:center;line-height:1.2;padding:0 .25rem}.tree-node-link-count{font-size:.55rem;color:#9a98a8;margin-top:.25rem;letter-spacing:.05em}.tree-branches{display:flex;justify-content:center;position:relative;height:40px;width:300px}.tree-branches:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:20px;background:#4a4760}.tree-branches:after{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:180px;height:2px;background:#4a4760}.tree-branch{position:absolute;top:20px;width:2px;height:20px;background:#4a4760}.tree-branch.left{left:calc(50% - 90px)}.tree-branch.right{right:calc(50% - 90px)}.tree-branch:before{display:none}.tree-children{display:flex;justify-content:center;gap:60px;width:100%}.tree-child{display:flex;justify-content:center;min-width:120px}.tree-node-links{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;background:linear-gradient(145deg,#3d3a4f,#2a2838);border:2px solid #4a4760;border-radius:6px;padding:8px;min-width:150px;box-shadow:0 4px 12px #0006;z-index:100}.tree-node-links:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#4a4760}.tree-node-links:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#3d3a4f;margin-right:-2px}.tree-link{color:#c8c6d8;text-decoration:none;font-family:Departure Mono,Space Mono,monospace;font-size:.65rem;padding:6px 10px;border-radius:4px;background:#ffffff0d;transition:all .15s ease;white-space:nowrap}.tree-link:hover{background:#ffffff26;color:#fff}.bots-footer{text-align:center;padding:2rem}.bots-footer a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.bots-footer a:hover{color:var(--text-dark)}@media (max-width: 768px){.bots-page{padding:1rem;max-width:100vw;overflow-x:hidden}.bots-content{max-width:100%;padding:0;overflow-x:hidden}.bots-header h1{font-size:1.6rem}.bots-subtitle{font-size:.75rem}.back-link{font-size:.65rem}.bots-section{padding:1rem;margin-bottom:1rem;overflow-x:hidden}.bots-section h2{font-size:1.1rem}.bots-section p{font-size:.7rem}.bots-section ul{font-size:.7rem;margin-left:1rem}.bot-card{padding:0;overflow:hidden}.bot-card-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.bot-icon{width:48px;height:48px}.bot-title-area h3{font-size:1rem}.bot-card-content{padding:.75rem;overflow-x:hidden}.bot-description{font-size:.7rem}.bot-stats{flex-wrap:wrap;gap:.5rem;padding:.5rem}.stat{min-width:70px}.stat-label{font-size:.55rem}.stat-value{font-size:.7rem}.bot-details{overflow-x:hidden}.bot-details h4{font-size:.75rem}.bot-details p,.bot-details li{font-size:.65rem}.bot-details ul{margin-left:1rem}.bot-details pre,.bot-details code{font-size:.5rem!important;max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;word-break:break-word!important}.bot-details>div{max-width:100%!important;overflow-x:auto!important}.bot-details [class*=language-],.bot-details [style*=color]{max-width:calc(100vw - 3rem)!important;overflow-x:auto!important}.piece-values-table,.comparison-table{font-size:.55rem;display:block;overflow-x:auto;max-width:100%}.piece-values-table th,.piece-values-table td,.comparison-table th,.comparison-table td{padding:.35rem .4rem;white-space:nowrap}.resource-tree{overflow-x:auto;padding-bottom:1rem}.tree-container{min-width:280px;transform:scale(.85);transform-origin:top center}.tree-node{width:90px;height:55px}.tree-node-label{font-size:.55rem}.tree-node-link-count{font-size:.45rem}.tree-branches{width:220px;height:30px}.tree-branches:after{width:140px}.tree-branch.left{left:calc(50% - 70px)}.tree-branch.right{right:calc(50% - 70px)}.tree-children{gap:40px}.tree-node-links{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:85vw;max-height:70vh;overflow-y:auto;z-index:1000}.tree-node-links:before,.tree-node-links:after{display:none}.tree-link{font-size:.6rem;padding:8px 12px}}@media (max-width: 400px){.bots-page{padding:.5rem}.bots-header h1{font-size:1.4rem}.bot-icon{width:40px;height:40px}.bot-details pre,.bot-details code{font-size:.45rem!important}.tree-container{transform:scale(.75)}}.bot-details h4{text-decoration:underline;text-underline-offset:3px}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.how-it-works{--bg-primary: #c9dde8;--bg-secondary: #d4e4ed;--bg-card: #e8eff3;--bg-card-inner: #dce6ec;--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #718096;--accent: #b8a000;--accent-bright: #d4b800;--border: #b8c9d4;--code-bg: #1a1a1a;--code-border: #333333;--highlight-bg: rgba(184, 160, 0, .15);--font-mono: "Departure Mono", "SF Mono", "Fira Code", "Consolas", monospace;--nav-width: 300px;--content-max: 800px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 48px;--border-radius: 12px}.how-it-works{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.7;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:var(--nav-width) 1fr;grid-template-areas:"header header" "nav content" "footer footer";padding:var(--spacing-lg);gap:var(--spacing-lg)}.how-header{grid-area:header;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--bg-card);border-radius:var(--border-radius)}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;font-size:12px;transition:all .2s;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:4px;background:var(--bg-card-inner)}.back-link:hover{color:var(--accent);border-color:var(--accent)}.how-header h1{font-size:32px;font-weight:400;letter-spacing:8px;margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.how-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.section-nav{grid-area:nav;background:var(--bg-card);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-y:auto;height:fit-content;max-height:calc(100vh - 200px);position:sticky;top:var(--spacing-lg)}.nav-button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;text-align:left;cursor:pointer;transition:all .15s;border-radius:6px;margin-bottom:2px}.nav-button:hover{background:var(--bg-card-inner);color:var(--text-primary)}.nav-button.active{background:var(--bg-card-inner);color:var(--accent)}.nav-icon{font-size:11px;width:24px;text-align:center;flex-shrink:0;color:var(--text-muted);font-weight:400}.nav-button.active .nav-icon{color:var(--accent)}.nav-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-content{grid-area:content;background:var(--bg-card);border-radius:var(--border-radius);padding:var(--spacing-xl);overflow-y:auto;max-width:var(--content-max)}.content-section{display:none;animation:fadeIn .3s ease}.content-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-section h2{font-size:18px;font-weight:400;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--accent);display:flex;align-items:center;gap:var(--spacing-sm)}.section-icon{font-size:20px}.content-section p{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.content-section ul,.content-section ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg);color:var(--text-primary)}.content-section li{margin-bottom:var(--spacing-xs)}.content-section strong{color:var(--accent);font-weight:400}.highlight{background:var(--highlight-bg);color:var(--accent);padding:1px 4px;border-radius:2px}.content-section code{background:var(--code-bg);border:1px solid var(--code-border);padding:1px 6px;border-radius:2px;font-size:12px;color:#c9dde8}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:var(--spacing-md);margin:var(--spacing-md) 0;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;font-family:var(--font-mono);color:#e0e0e0}.code-comment{color:#666}.code-keyword{color:#cc7832}.code-string{color:#6a8759}.code-number{color:#6897bb}.code-type{color:#ffc66d}.diagram{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:var(--spacing-md);margin:var(--spacing-md) 0;overflow-x:auto}.diagram pre{margin:0;font-size:11px;line-height:1.4;color:#888;font-family:var(--font-mono);white-space:pre}.sfen-breakdown{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:var(--spacing-md);margin:var(--spacing-md) 0}.sfen-full{display:block;font-size:14px;color:var(--accent);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--border)}.sfen-parts{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:11px;color:var(--text-secondary)}.sfen-parts code{font-size:11px;margin-right:var(--spacing-sm)}.timeline{margin:var(--spacing-lg) 0;border-left:3px solid var(--accent);padding-left:var(--spacing-lg)}.timeline-item{display:flex;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);position:relative}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-lg) - 7px);top:6px;width:10px;height:10px;background:var(--accent);border-radius:50%;border:2px solid var(--bg-card)}.time{color:var(--accent);font-size:11px;min-width:60px;flex-shrink:0}.event{color:var(--text-primary);font-size:12px}.how-footer{grid-area:footer;padding:var(--spacing-lg);text-align:center;background:var(--bg-card);border-radius:var(--border-radius)}.how-footer p{margin:0;color:var(--text-muted);font-size:11px}.how-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.how-footer a:hover{color:var(--accent)}@media (max-width: 900px){.how-it-works{grid-template-columns:1fr;grid-template-areas:"header" "nav" "content" "footer";padding:var(--spacing-md);gap:var(--spacing-md)}.section-nav{position:static;height:auto;max-height:none;display:flex;flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-xs);overflow-x:auto}.nav-button{flex:0 0 auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:10px;margin-bottom:0}.nav-button.active{background:var(--accent);color:#fff}.nav-button.active .nav-icon{color:#fff}.nav-title{display:none}.section-content{padding:var(--spacing-md)}}.section-nav::-webkit-scrollbar,.section-content::-webkit-scrollbar{width:6px;height:6px}.section-nav::-webkit-scrollbar-track,.section-content::-webkit-scrollbar-track{background:var(--bg-card-inner);border-radius:3px}.section-nav::-webkit-scrollbar-thumb,.section-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.section-nav::-webkit-scrollbar-thumb:hover,.section-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.how-it-works{display:block;background:#fff;color:#000}.section-nav{display:none}.content-section{display:block!important;page-break-inside:avoid;margin-bottom:2em}.code-block,.diagram{background:#f5f5f5;border-color:#ddd}}