/*! chessboard.js v1.0.0 | (c) 2019 Chris Oakman | MIT License chessboardjs.com/license */
.clearfix-7da63{clear:both}.board-b72b1{box-sizing:content-box;border:2px solid #404040}.square-55d63{float:left;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;position:relative}.white-1e1d7{color:#b58863;background-color:#f0d9b5}.black-3c85d{color:#f0d9b5;background-color:#b58863}.highlight1-32417,.highlight2-9c5d2{box-shadow:inset 0 0 3px 3px #ff0}.notation-322f9{cursor:default;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;position:absolute}.alpha-d2270{bottom:1px;right:3px}.numeric-fc462{top:2px;left:2px}*{box-sizing:border-box}body{color:#e5e7eb;background:#0b1220;margin:0 0 0 200px;font-family:system-ui,sans-serif;transition:margin-left .3s}@media (width<=768px){body{margin-left:0;padding-top:60px}}header{background:#020617;border-bottom:1px solid #1f2937;padding:16px 24px}main{padding:20px}@media (width>=900px){main{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}}@media (width<=899px){main{flex-direction:column;gap:20px;padding:12px;display:flex}}.panel{background:#16213e;border:1px solid #1f2937;border-radius:16px;margin-bottom:20px;padding:16px}@media (width<=768px){.panel{border-radius:12px;margin-bottom:16px;padding:12px}.panel h3{margin-top:12px;margin-bottom:12px;font-size:18px}}#dropzone{text-align:center;cursor:pointer;border:2px dashed #334155;border-radius:12px;margin-bottom:12px;padding:14px;transition:border-color .3s;position:relative}#dropzone:hover{border-color:#22c55e}#dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=768px){#dropzone{padding:20px 12px;font-size:14px}}.canvas-wrapper,.preview-wrapper{width:100%;max-width:420px;margin:0 auto;position:relative}@media (width<=768px){.canvas-wrapper,.preview-wrapper{max-width:100%}}canvas{background:#020617;border:1px solid #1f2937;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:420px;margin:0 auto;display:block}.preview-wrapper canvas{border:1px dashed #475569}@media (width<=768px){canvas{border-radius:8px;max-height:300px}}.crop-overlay{z-index:100;cursor:default;touch-action:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.crop-overlay.hidden{display:none}.crop-box{cursor:move;touch-action:none;background:0 0;border:3px solid #fff;position:absolute;box-shadow:inset 0 0 0 1px #ffffff4d}.crop-grid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.grid-line{background:#fff6;position:absolute}.grid-v-1,.grid-v-2{width:1px;height:100%;top:0}.grid-v-1{left:33.333%}.grid-v-2{left:66.666%}.grid-h-1,.grid-h-2{width:100%;height:1px;left:0}.grid-h-1{top:33.333%}.grid-h-2{top:66.666%}.crop-handle{z-index:10;background:#fff;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #0000004d}.crop-handle.corner{background:#fff;border:2px solid #fff;width:12px;height:12px}.crop-handle.edge{background:#fffc}.crop-handle.top-left{cursor:nwse-resize;top:-6px;left:-6px}.crop-handle.top-right{cursor:nesw-resize;top:-6px;right:-6px}.crop-handle.bottom-left{cursor:nesw-resize;bottom:-6px;left:-6px}.crop-handle.bottom-right{cursor:nwse-resize;bottom:-6px;right:-6px}.crop-handle.top{cursor:ns-resize;height:4px;top:-2px;left:15px;right:15px}.crop-handle.right{cursor:ew-resize;width:4px;top:15px;bottom:15px;right:-2px}.crop-handle.bottom{cursor:ns-resize;height:4px;bottom:-2px;left:15px;right:15px}.crop-handle.left{cursor:ew-resize;width:4px;top:15px;bottom:15px;left:-2px}@media (width<=768px){.crop-box{border-width:4px}.crop-handle.corner{border-width:3px;width:24px;height:24px}.crop-handle.top-left{top:-12px;left:-12px}.crop-handle.top-right{top:-12px;right:-12px}.crop-handle.bottom-left{bottom:-12px;left:-12px}.crop-handle.bottom-right{bottom:-12px;right:-12px}.crop-handle.edge{display:none}}.controls{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}button{cursor:pointer;color:#052e16;background:#22c55e;border:none;border-radius:10px;flex:0 auto;align-items:center;gap:6px;padding:10px 16px;font-weight:600;transition:all .2s;display:inline-flex}button.btn-secondary{color:#e5e7eb;background:#475569}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}button.active{background:#16a34a;box-shadow:0 0 0 3px #22c55e33}button.hidden{display:none}button.theme-btn{color:#e5e7eb;background:#1e293b;padding:8px 12px;font-size:13px}@media (width<=768px){button{flex:calc(50% - 4px);min-width:120px;padding:10px 14px;font-size:14px}button i{font-size:14px}}@media (width<=480px){button{flex:100%;width:100%}}.output{word-break:break-all;background:#020617;border:1px solid #1f2937;border-radius:10px;margin-top:12px;padding:10px;font-family:monospace;font-size:14px}@media (width<=768px){.output{padding:8px;font-size:12px}}#board{width:100%;max-width:420px;margin:auto}@media (width<=768px){#board{max-width:100%}}.board-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}@media (width<=768px){.board-controls{gap:6px}.board-controls button{flex:calc(50% - 3px);min-width:0}}.theme-section{background:#1e293b;border:1px solid #334155;border-radius:10px;margin-top:20px;padding:16px}.theme-section h4{color:#22c55e;margin:0 0 8px;font-size:14px}.theme-section select{color:#e5e7eb;cursor:pointer;background:#020617;border:1px solid #475569;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.board-theme-options{flex-wrap:wrap;gap:8px;display:flex}.info-box{background:#1e293b;border:1px solid #334155;border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.info-box strong{color:#22c55e;margin-bottom:8px;display:block}.info-box ul{margin:0;padding-left:20px}.info-box li{margin-bottom:4px;line-height:1.5}.board-brown .white-1e1d7{color:#b58863;background-color:#f0d9b5!important}.board-brown .black-3c85d{color:#f0d9b5;background-color:#b58863!important}.board-blue .white-1e1d7{color:#8ca2ad;background-color:#dee3e6!important}.board-blue .black-3c85d{color:#dee3e6;background-color:#8ca2ad!important}.board-green .white-1e1d7{color:#86a666;background-color:#ffd!important}.board-green .black-3c85d{color:#ffd;background-color:#86a666!important}.board-gray .white-1e1d7{color:gray;background-color:#d0d0d0!important}.board-gray .black-3c85d{color:#d0d0d0;background-color:gray!important}.loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#020617bf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading.hidden{display:none}.spinner{border:6px solid #ffffff26;border-top-color:#22c55e;border-radius:50%;width:56px;height:56px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loadingText{color:#e5e7eb;margin-top:16px;font-size:16px}.notification{color:#fff;z-index:10000;border-radius:10px;padding:12px 20px;font-weight:500;transition:transform .3s;position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 4px 12px #0000004d}.notification.show{transform:translate(0)}.notification.success{background:#22c55e}.notification.error{background:#ef4444}@media (width<=768px){.notification{width:auto;padding:10px 16px;font-size:14px;top:70px;left:12px;right:12px}button,.crop-handle,#dropzone,.crop-box{-webkit-tap-highlight-color:transparent}.crop-overlay{-webkit-user-select:none;user-select:none}}