*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background-color:#2b2b2b}body{margin:0;min-height:100vh}#app{min-height:100vh;display:flex;align-items:stretch;justify-content:center}.app-shell{width:100%;max-width:1200px;padding:16px;margin:0 auto}.layout{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.layout{flex-direction:row;align-items:flex-start}}.board-wrapper{flex:2 1 0;display:flex;justify-content:center}.board-inner{width:100%;max-width:640px;aspect-ratio:1/1}.sidebar-wrapper{flex:1 1 0}.card{background:#343434;border-radius:10px;padding:16px;box-shadow:0 1px 4px #0009}.card h2{color:#fff;font-weight:600;margin:0 0 8px}.card p{color:#d4d4d4;margin:4px 0}.click-list{margin-top:8px;padding:0;list-style:none;max-height:360px;overflow-y:auto}.click-list li{font-size:14px;padding:6px 0;color:#f3f3f3;border-bottom:1px solid rgba(255,255,255,.08)}.click-list li:last-child{border-bottom:none}.click-list::-webkit-scrollbar{width:6px}.click-list::-webkit-scrollbar-thumb{border-radius:999px;background-color:#ffffff40}.reset{margin-top:12px;padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.reset:hover{background:#d32f2f}.chess-board{display:grid;width:100%;height:100%;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:4px;border:2px solid #1f1f1f;overflow:hidden;background:transparent;box-shadow:0 6px 18px #00000059}.chess-board .square{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s ease-out,transform .08s ease-out,background-color .12s ease-out}.chess-board .square--light{background:#eaecd0}.chess-board .square--dark{background:#739552}.chess-board .square:hover{transform:translateY(-1px)}.chess-board .square--clicked{box-shadow:inset 0 0 0 3px #f6c453}.chess-board .square .rank-label{position:absolute;left:4px;top:4px;font-size:11px;font-weight:500;color:#000000b3;-webkit-user-select:none;user-select:none}.chess-board .square .file-label{position:absolute;right:4px;bottom:4px;font-size:11px;font-weight:500;color:#000000b3;text-transform:lowercase;-webkit-user-select:none;user-select:none}