:root{--ink:#473341;--accent:#74475d;--muted:#806b77;--line:#e4d6da;--light:#f5e6d9;--dark:#b88d9e;--last-light:#e5c8a9;--last-dark:#a77589;--paper:#fffaf7;--background:#faf6f3;--soft:#f0e4e9;font-synthesis:none}.mode-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{display:block;border:1px solid var(--line);background:var(--paper);width:100%;border-radius:10px;padding:12px;text-align:left;min-height:65px}.mode.active{border-color:var(--accent);background:var(--soft)}.mode strong{display:block;font-size:16px}.mode small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.side-setting{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:15px}.side-setting select{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px;min-height:42px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters label{font-size:14px;color:var(--muted)}.filters select{display:block;margin-top:6px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px;font-size:14px}.catalog-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted);margin:12px 0}.text-button,.small-button{min-height:40px;font-size:14px;padding:8px;color:var(--muted)}.position-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.position-list>button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);background:var(--background);border-radius:10px;min-height:65px;padding:9px}.position-list>button.current{border-color:var(--accent);background:var(--soft)}.position-list strong{font-size:14px;display:block}.position-list small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.position-list>button>svg{margin-left:auto;color:var(--accent)}.mini-position{width:32px;height:40px;display:flex;align-items:center;flex-shrink:0}.mini-position .piece{width:100%;height:100%}.fine-print{margin-top:14px}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.dialog-buttons .primary{min-height:44px;border-radius:8px;background:var(--accent);color:#fff;padding:9px 16px;font-size:16px}.help-copy a{text-decoration:underline}.catalog-pages{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:14px}.catalog-pages button{min-height:36px;padding:4px 12px;border:1px solid var(--line);border-radius:6px}.position-list>button{min-width:0}.position-list strong{overflow-wrap:anywhere}.mini-position{width:24px}.chess-dialog-body>h3{margin:0 0 12px}@media(max-height:450px)and (orientation:landscape){.position-list{grid-template-columns:repeat(4,minmax(0,1fr))}.position-list>button{gap:4px;padding:5px}.mini-position{display:none}.filters select{min-height:32px;padding:4px}.catalog-meta{margin:3px 0}.catalog-pages{margin-top:6px}.fine-print{display:none}}@media(max-height:450px)and (orientation:landscape){.chess-dialog:has(.position-list) .chess-dialog-body,.chess-dialog:has(.mode-list) .chess-dialog-body{padding:8px 12px}.chess-dialog:has(.position-list) .chess-dialog-head,.chess-dialog:has(.mode-list) .chess-dialog-head{padding:6px 16px}.mode-list{grid-template-columns:repeat(4,minmax(0,1fr))}.mode{padding:8px}.mode strong{font-size:14px}.side-setting{margin-top:8px}.side-setting select{min-height:32px;padding:4px}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;color:var(--ink, #28313d);background:var(--background, #f4f6f8);font-family:Pretendard,system-ui,sans-serif}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}svg{flex-shrink:0}h1,h2,p{margin:0}.chess-app{position:fixed;inset:0;height:100%;width:100%;padding:0 24px 12px;overflow:hidden;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.chess-header{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;max-width:min(1100px,calc(min(720px,calc(100vw - 396px),calc(100dvh - 184px)) + 324px));width:100%;margin:0 auto;gap:12px}.chess-breadcrumb{display:flex;align-items:center;gap:10px;min-width:0}.chess-breadcrumb>a{color:var(--muted);font-size:15px;white-space:nowrap}.chess-breadcrumb>span{color:var(--line)}.chess-breadcrumb h1{font-size:21px;letter-spacing:-.8px;line-height:1.2;white-space:nowrap}.chess-menu{display:flex;flex:none;gap:2px}.chess-menu>:is(button,a){height:40px;width:40px;display:grid;place-items:center;color:var(--muted);border-radius:8px}.chess-menu>:is(button,a):hover{background:var(--soft)}.chess-workspace{--board-size: min(720px, calc(100vw - 396px) , calc(100dvh - 184px) );display:grid;grid-template-columns:var(--board-size) 300px;grid-template-rows:40px auto;gap:8px 24px;margin:0 auto;min-height:0}.chess-position{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.chess-position>div{display:flex;align-items:baseline;gap:10px;min-width:0}.chess-position span{font-size:13px;color:var(--muted);white-space:nowrap}.chess-position h2{font-size:18px;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chess-position>button{font-size:14px;min-height:36px;padding:4px 10px;border-radius:8px;border:1px solid var(--line);white-space:nowrap}.chess-board-pane{min-width:0;display:flex;flex-direction:column;gap:6px}.chess-toolbar{gap:8px;height:40px;display:flex;align-items:center;justify-content:space-between;flex:none}.chess-tool-group{display:flex;align-items:center;gap:8px}.chess-toolbar button{height:38px;width:38px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.chess-toolbar button:hover:not(:disabled){background:var(--soft);color:var(--accent)}.chess-toolbar button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.chess-score-slot{width:66px;text-align:right;margin-right:5px;white-space:nowrap}.chess-evaluation-label{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--ink)}.chess-evaluation{width:100%;height:7px;margin:0;flex:none}.chess-evaluation-track{width:100%;height:100%;position:relative;overflow:hidden;border-radius:3px;background:var(--line)}.chess-evaluation.is-visible .chess-evaluation-track{background:#383839;box-shadow:inset 0 0 0 1px #0002}.chess-evaluation-white{position:absolute;inset:0 auto 0 0;background:#fffdf5;transition:width .4s ease}.chess-board-frame{position:relative;width:var(--board-size);height:var(--board-size);flex:none;border:3px solid var(--line);border-radius:4px;box-shadow:0 3px 16px #28313d0b}.board{width:100%;height:100%;aspect-ratio:1;position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));touch-action:none;user-select:none;-webkit-user-select:none}.square{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border-radius:0;touch-action:none;-webkit-user-select:none;user-select:none}.square.light{background:var(--light, #e3e8ee)}.square.dark{background:var(--dark, #8796a8)}.square.last.light{background:var(--last-light, #ccd9e7)}.square.last.dark{background:var(--last-dark, #9fb4cc)}.square:has(.piece){cursor:grab}.locked .square,.locked .square:has(.piece){cursor:default}.board .square.selected{box-shadow:inset 0 0 0 3px var(--accent)}.board .square.drop-target{box-shadow:inset 0 0 0 4px var(--accent)}.board .square.check{background:radial-gradient(ellipse at center,#ed7777 20%,#b64d6380 75%)}.square:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--accent);z-index:2}.piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.board .piece{width:100%;height:100%;transform-origin:center;will-change:transform}.coordinate{position:absolute;font-size:clamp(8px,1vw,11px);font-weight:700;line-height:1;z-index:2;pointer-events:none;color:var(--ink)}.rank{left:3px;top:3px}.file{right:3px;bottom:3px}.move-dot{position:absolute;width:24%;height:24%;border-radius:50%;background:#28313d55;pointer-events:none}.capture-ring{position:absolute;inset:3%;border:4px solid color-mix(in srgb,var(--accent),transparent 30%);border-radius:50%;pointer-events:none}.drag-piece{position:absolute;transform:translate(-50%,-50%);z-index:20;pointer-events:none;display:grid;place-items:center;filter:drop-shadow(0 8px 7px #0004)}.drag-piece .piece{width:100%;height:100%}.board .square.drag-origin .piece{opacity:.12}.chess-capture-ghost{position:absolute;width:12.5%;height:12.5%;z-index:4;pointer-events:none;animation:chess-capture .17s ease-out forwards}@keyframes chess-capture{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.78)}}.chess-controls{display:flex;flex-direction:column;gap:12px;align-self:center;min-width:0;width:100%}.chess-status{min-height:42px;display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4}.chess-status>span{color:var(--muted)}.chess-status.is-error{font-size:14px;flex-wrap:wrap}.chess-status button{text-decoration:underline;min-height:36px}.chess-context-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:14px;color:var(--muted);padding:10px 0;text-align:left;min-height:40px}.chess-context-button strong{color:var(--ink);font-weight:650}.chess-actions{display:flex;gap:8px}.chess-primary,.chess-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border-radius:8px;font-size:16px;font-weight:700;text-align:center;flex:1}.chess-primary{background:var(--accent);color:#fff}.chess-secondary{background:var(--paper);border:1px solid var(--line)}.chess-primary:hover:not(:disabled){filter:brightness(.94)}.chess-links{display:flex;align-items:center;justify-content:space-between;gap:8px}.chess-links button,.chess-links a{min-height:36px;padding:4px 0;font-size:14px;color:var(--muted)}.chess-links button:hover,.chess-links a:hover{text-decoration:underline}.chess-result-banner{display:flex;align-items:center;gap:12px;border:1px solid var(--accent);border-left:5px solid var(--accent);border-radius:9px;padding:12px;background:var(--soft);min-height:76px}.chess-result-seal{font-size:34px;color:var(--accent)}.chess-result-banner strong{display:block;font-size:20px;line-height:1.3;letter-spacing:-.4px}.chess-result-banner div>span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.thinking-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:chess-thinking 1s alternate infinite}@keyframes chess-thinking{to{opacity:.25}}.chess-dialog{width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border:1px solid var(--line);border-radius:14px;background:var(--paper, #fffdf9);color:var(--ink);padding:0;box-shadow:0 20px 80px #18202e33;overflow:auto;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.chess-dialog.is-wide{width:min(760px,calc(100vw - 28px))}.chess-dialog::backdrop{background:#1a1d2666}.chess-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.chess-dialog-head h2{font-size:20px;letter-spacing:-.5px}.chess-dialog-head button{width:40px;height:40px;font-size:28px;color:var(--muted)}.chess-dialog-body{padding:20px}.chess-dialog-body p{font-size:15px;line-height:1.7;margin:0 0 14px}.chess-dialog-body p,.chess-move-list,.chess-copyable,input,textarea{user-select:text;-webkit-user-select:text}.chess-dialog-body a{text-decoration:underline}.chess-dialog-body .muted,.fine-print{color:var(--muted);font-size:13px}.chess-move-list{display:flex;flex-wrap:wrap;gap:8px 16px;line-height:1.8;font-size:17px}.chess-move-list small{font-size:13px;color:var(--muted)}.chess-move-list .recent{background:var(--soft);border-radius:4px;font-weight:700;padding:0 4px}.chess-review-board{width:min(100%,340px);aspect-ratio:1;margin:0 auto 16px;border:3px solid var(--line);border-radius:4px}.chess-review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:20px}.chess-promotion{position:absolute;z-index:22;left:5%;right:5%;top:30%;padding:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 40px #0003;border-radius:10px;text-align:center}.promotion-options{display:flex;gap:8px}.promotion-options button{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--soft)}.promotion-options .piece{width:100%;height:auto}.promotion-options span{display:block;font-size:14px}.chess-promotion p{margin-bottom:10px}.chess-promotion>button{min-height:36px;margin-top:8px}.chess-notice{font-size:13px;color:var(--muted);line-height:1.4}@media(orientation:portrait){.chess-app{padding:0 12px max(8px,env(safe-area-inset-bottom))}.chess-header{height:48px;max-width:600px}.chess-breadcrumb{gap:7px}.chess-breadcrumb>a{font-size:13px}.chess-breadcrumb h1{font-size:18px}.chess-menu>:is(button,a){width:34px;height:38px}.chess-workspace{--board-size: min( 600px, calc(100vw - 24px) , calc(100dvh - 350px - env(safe-area-inset-bottom)) );display:flex;flex-direction:column;width:min(600px,calc(100vw - 24px));gap:8px}.chess-board-pane{width:100%;align-items:center}.chess-toolbar{width:100%}.chess-evaluation{width:var(--board-size)}.chess-position{height:36px;flex:none}.chess-position>div{gap:7px}.chess-position h2{font-size:16px}.chess-position span{font-size:12px}.chess-position>button{font-size:13px;padding:3px 6px}.chess-toolbar button{width:36px}.chess-score-slot{width:58px;margin-right:2px}.chess-controls{gap:6px;min-height:142px;align-self:stretch}.chess-context-button{padding:3px 0;min-height:32px}.chess-status{min-height:32px;font-size:15px}.chess-primary,.chess-secondary{font-size:15px;min-height:42px;padding:8px}.chess-links button,.chess-links a{font-size:13px;min-height:32px}.chess-result-banner{min-height:62px;padding:8px 10px;gap:8px}.chess-result-banner strong{font-size:18px}.chess-result-banner div>span{font-size:12px;margin-top:2px}.chess-result-seal{font-size:28px}.chess-review-grid{display:block}.chess-review-board{max-width:300px}.chess-dialog-body{padding:16px}}@media(orientation:landscape)and (max-height:600px){.chess-app{padding:0 12px 8px}.chess-header{height:40px;max-width:calc(min(calc(100vw - 336px),calc(100dvh - 150px)) + 300px)}.chess-workspace{--board-size: min( calc(100vw - 336px) , calc(100dvh - 150px) );grid-template-columns:var(--board-size) 280px;grid-template-rows:32px auto;gap:6px 20px}.chess-position h2{font-size:16px}.chess-toolbar{height:34px}.chess-toolbar button{width:32px;height:32px}.chess-score-slot{width:54px;font-size:13px}.chess-controls{gap:8px}.chess-status{min-height:32px}.chess-context-button{min-height:30px;padding:2px 0}.chess-breadcrumb h1{font-size:19px}.chess-result-banner{min-height:66px;padding:8px}.chess-result-banner strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.chess-evaluation-white{transition:none}.chess-capture-ghost{display:none}.thinking-dot{animation:none}}@media(orientation:landscape)and (max-height:360px){.chess-toolbar button{width:max(24px,calc(var(--board-size) / 7))}.chess-score-slot{width:40px;margin-right:0}.chess-evaluation-label{font-size:12px}}.chess-hint-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;color:#e07916;filter:drop-shadow(0 1px 2px #fff);opacity:.9}.chess-toolbar .chess-text-tool{width:auto;padding:0 10px;border:1px solid var(--line);background:var(--panel, #fff);font-size:14px;font-weight:650;white-space:nowrap;color:var(--ink)}.chess-score-slot:empty{display:none}button.chess-context-button{border:1px solid var(--accent);background:var(--soft);border-radius:9px;cursor:pointer}@media(max-width:600px){.chess-toolbar .chess-text-tool{padding:0 7px;font-size:13px}.chess-score-slot{width:auto;max-width:48px;margin-right:0}}.chess-position .chess-heading-actions{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.chess-heading-actions button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--accent);background:var(--panel, #fff);font-size:14px;font-weight:650;white-space:nowrap}.chess-heading-actions button:last-child{background:var(--soft)}@media(max-width:600px){.chess-position .chess-heading-actions{gap:4px}.chess-heading-actions button{font-size:13px;padding:6px}}@media(orientation:portrait){.chess-position{height:auto;min-height:36px;flex-wrap:wrap;row-gap:4px}.chess-position .chess-heading-actions{margin-left:auto}}@media(orientation:landscape)and (max-height:500px){.chess-toolbar{min-width:260px}}.chess-status>.chess-turn{color:var(--ink)}.chess-turn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.chess-turn-color{width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid #535761}.chess-turn-color.is-white{background:#fff}.chess-turn-color.is-black{background:#25272b}.chess-turn-check{font-size:13px;color:#a33d49}.chess-opponent{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--muted)}.chess-opponent-button{min-height:44px;padding:8px 14px;border:1px solid var(--accent);border-radius:9px;background:var(--soft);color:var(--ink);font-size:15px;font-weight:650}.chess-opponent-button:hover{background:var(--paper)}.square.premove{box-shadow:inset 0 0 0 3px #c85160;background-image:linear-gradient(#df61703b,#df61703b)}.premove-order{position:absolute;top:2px;right:2px;padding:1px 4px;border-radius:4px;background:#9d3442;color:#fff;font-size:12px;line-height:1.2;font-weight:700;pointer-events:none;z-index:9}.chess-premove-status{flex:none;padding:4px 6px;border-radius:6px;background:#df61701a;color:#933544;font-size:12px;font-weight:650;white-space:nowrap}