.cm-chessboard .board.input-enabled .square{cursor:pointer}.cm-chessboard .coordinates,.cm-chessboard .markers-layer,.cm-chessboard .pieces-layer,.cm-chessboard .markers-top-layer{pointer-events:none}.cm-chessboard-content .list-inline{padding-left:0;list-style:none}.cm-chessboard-content .list-inline-item{display:inline-block}.cm-chessboard-content .list-inline-item:not(:last-child){margin-right:1rem}.cm-chessboard-accessibility.visually-hidden{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cm-chessboard-accessibility button:disabled,.cm-chessboard-accessibility button:disabled:hover{opacity:.5;cursor:not-allowed;pointer-events:none}.cm-chessboard.default .board .square.white{fill:#ecdab9}.cm-chessboard.default .board .square.black{fill:#c5a076}.cm-chessboard.default.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#c5a076}.cm-chessboard.default.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#c5a076}.cm-chessboard.default.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default.border-type-frame .board .border-inner{fill:#c5a076;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default .coordinates .coordinate{fill:#b5936d;font-size:7px;cursor:default}.cm-chessboard.default .coordinates .coordinate.black{fill:#eeddbf}.cm-chessboard.default .coordinates .coordinate.white{fill:#b5936d}.cm-chessboard.default-contrast .board .square.white{fill:#ecdab9}.cm-chessboard.default-contrast .board .square.black{fill:#c5a076}.cm-chessboard.default-contrast.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#c5a076}.cm-chessboard.default-contrast.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#c5a076}.cm-chessboard.default-contrast.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default-contrast.border-type-frame .board .border-inner{fill:#c5a076;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default-contrast .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default-contrast .coordinates .coordinate{fill:#b5936d;font-size:7px;cursor:default}.cm-chessboard.default-contrast .coordinates .coordinate.black,.cm-chessboard.default-contrast .coordinates .coordinate.white{fill:#333}.cm-chessboard.green .board .square.white{fill:#e0ddcc}.cm-chessboard.green .board .square.black{fill:#4c946a}.cm-chessboard.green.border-type-thin .board .border{stroke:#4c946a;stroke-width:.7%;fill:#4c946a}.cm-chessboard.green.border-type-none .board .border{stroke:#4c946a;stroke-width:0;fill:#4c946a}.cm-chessboard.green.border-type-frame .board .border{fill:#e0ddcc;stroke:none}.cm-chessboard.green.border-type-frame .board .border-inner{fill:#4c946a;stroke:#4c946a;stroke-width:.7%}.cm-chessboard.green .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.green .coordinates .coordinate{fill:#468862;font-size:7px;cursor:default}.cm-chessboard.green .coordinates .coordinate.black{fill:#e2e0d0}.cm-chessboard.green .coordinates .coordinate.white{fill:#468862}.cm-chessboard.blue .board .square.white{fill:#d8ecfb}.cm-chessboard.blue .board .square.black{fill:#86afcf}.cm-chessboard.blue.border-type-thin .board .border{stroke:#86afcf;stroke-width:.7%;fill:#86afcf}.cm-chessboard.blue.border-type-none .board .border{stroke:#86afcf;stroke-width:0;fill:#86afcf}.cm-chessboard.blue.border-type-frame .board .border{fill:#d8ecfb;stroke:none}.cm-chessboard.blue.border-type-frame .board .border-inner{fill:#86afcf;stroke:#86afcf;stroke-width:.7%}.cm-chessboard.blue .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.blue .coordinates .coordinate{fill:#7ba1be;font-size:7px;cursor:default}.cm-chessboard.blue .coordinates .coordinate.black{fill:#dbeefb}.cm-chessboard.blue .coordinates .coordinate.white{fill:#7ba1be}.cm-chessboard.chess-club .board .square.white{fill:#e6d3b1}.cm-chessboard.chess-club .board .square.black{fill:#af6b3f}.cm-chessboard.chess-club.border-type-thin .board .border{stroke:#692e2b;stroke-width:.7%;fill:#af6b3f}.cm-chessboard.chess-club.border-type-none .board .border{stroke:#692e2b;stroke-width:0;fill:#af6b3f}.cm-chessboard.chess-club.border-type-frame .board .border{fill:#692e2b;stroke:none}.cm-chessboard.chess-club.border-type-frame .board .border-inner{fill:#af6b3f;stroke:#692e2b;stroke-width:.7%}.cm-chessboard.chess-club .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chess-club .coordinates .coordinate{fill:#e6d3b1;font-size:7px;cursor:default}.cm-chessboard.chess-club .coordinates .coordinate.black{fill:#e6d3b1}.cm-chessboard.chess-club .coordinates .coordinate.white{fill:#af6b3f}.cm-chessboard.chessboard-js .board .square.white{fill:#f0d9b5}.cm-chessboard.chessboard-js .board .square.black{fill:#b58863}.cm-chessboard.chessboard-js.border-type-thin .board .border{stroke:#404040;stroke-width:.7%;fill:#b58863}.cm-chessboard.chessboard-js.border-type-none .board .border{stroke:#404040;stroke-width:0;fill:#b58863}.cm-chessboard.chessboard-js.border-type-frame .board .border{fill:#f0d9b5;stroke:none}.cm-chessboard.chessboard-js.border-type-frame .board .border-inner{fill:#b58863;stroke:#404040;stroke-width:.7%}.cm-chessboard.chessboard-js .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chessboard-js .coordinates .coordinate{fill:#404040;font-size:7px;cursor:default}.cm-chessboard.chessboard-js .coordinates .coordinate.black{fill:#f0d9b5}.cm-chessboard.chessboard-js .coordinates .coordinate.white{fill:#b58863}.cm-chessboard.black-and-white .board .square.white{fill:#fff}.cm-chessboard.black-and-white .board .square.black{fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-thin .board .border{stroke:#9c9c9c;stroke-width:.7%;fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-none .board .border{stroke:#9c9c9c;stroke-width:0;fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-frame .board .border{fill:#fff;stroke:none}.cm-chessboard.black-and-white.border-type-frame .board .border-inner{fill:#9c9c9c;stroke:#9c9c9c;stroke-width:.7%}.cm-chessboard.black-and-white .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.black-and-white .coordinates .coordinate{fill:#909090;font-size:7px;cursor:default}.cm-chessboard.black-and-white .coordinates .coordinate.black{fill:#fff}.cm-chessboard.black-and-white .coordinates .coordinate.white{fill:#909090}.cm-chessboard .keyboard-focus-indicator .keyboard-focus{fill:none;stroke:#06c;stroke-width:3px;pointer-events:none}.cm-chessboard .keyboard-focus-indicator .keyboard-from-square{fill:#0066cc4d;stroke:#06c;stroke-width:2px;pointer-events:none}.cm-chessboard:focus{outline:2px solid #0066cc;outline-offset:2px}:root{color-scheme:dark;--bg: #0c1117;--card: #131a23;--border: #263242;--text: #cbd5e1;--muted: #64748b;--accent: #f59e0b;--accent-soft: rgba(245, 158, 11, .12);--rose: #fb7185}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1200px;margin:0 auto;padding:20px 20px 28px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:baseline;gap:16px;padding-bottom:28px}.brand{font-size:28px;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.brand-accent{color:var(--accent)}.tagline{color:var(--muted);font-size:14px;flex:1}.gh-link{color:var(--muted);font-size:14px;text-decoration:none;border:1px solid var(--border);padding:6px 14px;border-radius:8px}.gh-link:hover{color:var(--text);border-color:var(--muted)}.dropzone{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--border);border-radius:16px;background:var(--card);cursor:pointer;min-height:380px;transition:border-color .15s,background .15s;text-align:center;padding:40px}.dropzone:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-conic-gradient(rgba(148,163,184,.07) 0% 25%,transparent 0% 50%);background-size:168px 168px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,black,transparent 78%);mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,black,transparent 78%);opacity:.7;transition:opacity .25s;pointer-events:none}.dropzone:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 45% at 50% 42%,rgba(245,158,11,.06),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}.dropzone>*{position:relative;z-index:1}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:#151d28}.dropzone:hover:before,.dropzone-active:before{opacity:1}.dropzone:hover:after,.dropzone-active:after{opacity:1}.dropzone-active:before{background:repeating-conic-gradient(rgba(245,158,11,.07) 0% 25%,transparent 0% 50%);background-size:168px 168px;background-position:center}.drop-title{font-size:24px;font-weight:600;color:#f1f5f9}.drop-sub{color:var(--text);font-size:15px}.drop-sub kbd{background:#1e293b;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:13px}.drop-hint{color:var(--muted);font-size:13px}.noboard{color:var(--rose);font-size:14px;margin-top:8px}.scan-status{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text);font-size:16px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:24px}.media-row{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:center}.shot-card{margin:0 auto;width:100%;max-width:clamp(240px,calc(100vh - 420px),560px);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #00000059}.shot-frame{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#0a0e14;border:1px solid #1a2432;border-radius:10px;overflow:hidden}.shot-frame img{max-width:100%;max-height:100%;display:block}.shot-card figcaption{color:var(--muted);font-size:13px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.result-board{width:100%}.transform-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent)}.transform-arrow svg{width:44px;height:44px;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(6px);opacity:1}}@media(max-width:700px){.media-row{grid-template-columns:1fr 36px 1fr;gap:8px}.transform-arrow svg{width:28px;height:28px}.shot-card{padding:8px}}.board-host{width:100%}.result-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.btn-rescan{gap:8px;background:transparent;color:var(--muted)}.btn-rescan:hover{color:var(--text)}.btn-rescan svg{width:16px;height:16px}.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:#fbbf24;border-radius:10px;padding:10px 14px;font-size:14px}.fen-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.fen-row{display:flex;gap:8px;align-items:stretch}.fen{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:10px}.control-label{color:var(--muted);font-size:13px}.toggle{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.toggle button{width:76px;height:36px;background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer}.toggle button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0c1117;font-weight:600}.btn-primary:hover{background:#fbbf24;border-color:#fbbf24}.btn-quiet{height:36px;padding:0 14px;font-size:13px}.footer{padding-top:20px;color:var(--muted);font-size:13px;text-align:center}.footer a{color:var(--muted)}