@layer app{.kp-dropdown{display:inline-block;position:relative}.kp-dropdown-toggle{border:1px solid var(--border);font:inherit;cursor:pointer;color:var(--fg);background:#fafafa;border-radius:4px;align-items:center;gap:.3rem;padding:.25rem .5rem;display:inline-flex}.kp-dropdown-toggle:hover{border-color:var(--accent);color:var(--accent)}.kp-dropdown-menu{background:var(--bg,#fff);border:1px solid var(--border,#ddd);z-index:10;white-space:nowrap;border-radius:4px;max-width:calc(100vw - 1rem);max-height:20rem;margin-top:2px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 2px 8px #0000001f}.kp-dropdown-menu.align-right{left:auto;right:0}.kp-dropdown-menu button{cursor:pointer;text-align:left;width:100%;color:var(--fg);background:0 0;border:none;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;display:flex}.kp-dropdown-menu button:hover,.kp-dropdown-menu button.is-focused{background:#f0f0ec}.kp-dropdown-menu button.is-active{color:var(--accent);font-weight:600}.kp-dropdown-menu button.danger{color:#b00;border-top:1px solid var(--border,#ddd)}.kp-dropdown-menu button.danger:hover{background:#fee}.kp-dropdown-menu button:disabled{opacity:.5;cursor:default}.kp-dropdown-menu button:first-child{border-radius:4px 4px 0 0}.kp-dropdown-menu button:last-child{border-radius:0 0 4px 4px}@media (width<=600px){.kp-dropdown-toggle,.kp-dropdown-menu button{min-height:var(--tap-target)}}:root{--fg:#222;--muted:#666;--bg:#fafaf7;--bg-surface:#fff;--bg-code:#f4f4f0;--accent:#8b3a2b;--accent-warm:#ffb74d;--accent-warm-border:#d68b1d;--accent-warm-fg:#3a2a00;--accent-warning:#b89a45;--bg-warning:#fff8e1;--border:#ddd;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--tap-target:2.75rem;--site-header-h:3.7rem;--content-width:820px}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,system-ui,sans-serif;line-height:1.7}h1,h2,h3{line-height:1.3}.site-header{z-index:10;border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:baseline;gap:1.5rem;padding:1rem 2rem;display:flex;position:sticky;top:0}:target{scroll-margin-top:calc(var(--site-header-h) + var(--space-2))}@media (width<=600px){:root{--site-header-h:5.4rem}.site-header{gap:.5rem 1rem;padding:.6rem 1rem}.site-header nav{flex-wrap:wrap;gap:.6rem;width:100%;font-size:.9rem}}.site-title{color:var(--accent);align-items:center;gap:.3rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.site-icon{vertical-align:middle;flex-shrink:0}.hero{align-items:center;gap:1.5rem;display:flex}.hero-icon{flex-shrink:0;width:5rem;height:5rem}.hero h1{margin:0}.site-header .blog-name{color:var(--fg);font-weight:700;text-decoration:none}.site-header .blog-name:hover{color:var(--accent)}.site-header nav{align-items:center;gap:1rem;margin-left:auto;display:flex}.site-header nav a{color:var(--fg);text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-header nav a.icon-link{align-items:center;display:inline-flex}main{max-width:var(--content-width);margin:0 auto;padding:2rem 1.5rem 4rem}main.wide{max-width:none;padding:0}.cluster{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.table-scroll{max-width:100%;overflow-x:auto}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:2rem}.site-footer-links{justify-content:center;gap:var(--space-2) var(--space-5)}.site-footer .site-footer-links a{color:inherit;padding:var(--space-2) var(--space-1)}.site-footer-name{margin:var(--space-3) 0 0;font-size:.9rem}.entry-meta{color:var(--muted);flex-wrap:wrap;gap:0 .6rem;font-size:.9rem;display:flex}.tag-list{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.tag{color:var(--fg);background:#eee;border-radius:999px;padding:.1rem .6rem;font-size:.85rem;text-decoration:none;display:inline-block}.tag:hover{background:var(--accent);color:#fff}.tag-auto{border:1px dashed var(--muted);color:var(--muted);background:0 0}.tag-auto:hover{background:var(--muted);color:#fff;border-color:var(--muted)}.tag.is-active{outline:2px solid var(--accent)}.entry-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.entry-list>li:not(.group-header){border:1px solid var(--border);background:#fff;border-radius:6px;padding:.75rem 1rem;transition:border-color .15s}.entry-list>li:not(.group-header):hover{border-color:#bbb}.entry-list a.entry-title{color:var(--fg);font-size:1.05rem;font-weight:700;text-decoration:none}.entry-list a.entry-title:hover{color:var(--accent)}.entry-body{align-items:flex-start;gap:.8rem;display:flex}.entry-text{flex:1;min-width:0}.entry-thumb{flex-shrink:0;width:140px;height:140px;display:block}.entry-thumb img{width:100%;height:100%;display:block}.shogi-board{text-align:center;border:1px solid var(--border,#ddd);background:#fff;border-radius:4px;margin:1.5rem auto;padding:.6rem .8rem}.shogi-board-svg{max-width:100%;height:auto}.shogi-board figcaption{color:var(--fg);margin-top:.3rem;font-size:.9rem}.flip-board .shogi-board-svg{transform:rotate(180deg)}.flip-board .shogi-board-svg .board-upright{transform-box:fill-box;transform-origin:50%;transform:rotate(180deg)}.shogi-fig-cap{color:var(--fg);min-height:1.2em;margin-top:.3rem;font-size:.9rem}.shogi-fig-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.shogi-fig-btn{border:1px solid var(--border);font:inherit;cursor:pointer;color:var(--fg);background:#fff;border-radius:4px;padding:.2rem .6rem;font-size:.85rem}.shogi-fig-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.shogi-fig-btn:disabled{opacity:.4;cursor:default}@media (width<=600px){.shogi-fig-btn{min-height:var(--tap-target);padding:.4rem .6rem}}details.answer{border:1px solid var(--border);background:#fafafa;border-radius:4px;margin:1.5rem 0;padding:.4rem .8rem}details.answer>summary{cursor:pointer;color:var(--accent);font-weight:700}details.answer[open]{padding-bottom:.8rem}details.answer[open]>summary{border-bottom:1px solid var(--border);margin-bottom:.4rem;padding-bottom:.3rem}.kifu-player{border:1px solid var(--border);text-align:center;background:#fff;border-radius:6px;outline:none;margin:1.5rem auto 2rem;padding:0;overflow:hidden}.kifu-player:focus-visible{box-shadow:0 0 0 2px var(--accent)}.kp-main{padding:1rem 1rem 0}.sfen-board-wrap{max-width:100%;display:inline-block;position:relative}.kp-board{justify-content:center;display:flex}.kp-board .shogi-board-svg{max-width:100%;height:auto}.sfen-copy-btn{border:1px solid var(--border);width:2rem;height:2rem;color:var(--fg);cursor:pointer;opacity:0;z-index:2;background:#ffffffe6;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:.4rem;right:.4rem}.sfen-board-wrap:hover .sfen-copy-btn,.sfen-copy-btn:focus-visible{opacity:1}.sfen-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.sfen-copy-btn:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#222222eb;border-radius:3px;margin-top:.3rem;padding:.15rem .5rem;font-size:.75rem;transition:opacity .15s;position:absolute;top:100%;right:0}.sfen-copy-btn:hover:after,.sfen-copy-btn:focus-visible:after{opacity:1}.sfen-board-wrap .sfen-copy-status{color:#fff;z-index:2;background:#222222eb;border-radius:3px;padding:.15rem .5rem;font-size:.78rem;position:absolute;top:.4rem;left:.4rem}.sfen-board-wrap .sfen-copy-status:empty{display:none}.kp-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.kp-btn{border:1px solid var(--border);font:inherit;cursor:pointer;color:var(--fg);background:#fff;border-radius:4px;min-width:2.4rem;padding:.2rem .6rem}.kp-btn:hover{border-color:var(--accent);color:var(--accent)}.primary{cursor:pointer;color:#fff;background:#2f6f3f;border:1px solid #2f6f3f;border-radius:4px;padding:.45rem 1.4rem;font-size:.95rem;font-weight:700}.primary:hover{background:#245b32}.kp-status{color:var(--muted);min-width:6rem;font-size:.9rem}.switch{cursor:pointer;font:inherit;color:var(--muted,#888);background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.85rem;display:inline-flex}.switch:disabled{opacity:.5;cursor:default}.switch-track{background:var(--border,#ddd);border-radius:999px;flex-shrink:0;width:2rem;height:1.15rem;transition:background-color .15s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:.95rem;height:.95rem;transition:transform .15s;position:absolute;top:.1rem;left:.1rem;box-shadow:0 1px 2px #0000004d}.switch[aria-pressed=true] .switch-track{background:var(--accent,#8b3a2b)}.switch[aria-pressed=true] .switch-thumb{transform:translate(.85rem)}.switch[aria-pressed=true] .switch-label{color:var(--fg)}@media (width<=600px){.kp-controls{gap:.2rem}.kp-btn{min-height:2.75rem;padding:.4rem .3rem;font-size:.95rem}.switch{min-height:var(--tap-target);padding:0 var(--space-2)}.kp-status{min-width:3.5rem;font-size:.75rem}.entry-thumb{width:100px;height:100px}.sfen-copy-btn{width:var(--tap-target);height:var(--tap-target)}}.kp-slider{--thumb-w:1rem;margin-top:.5rem;margin-left:calc(var(--kp-chart-inset-left,0%) - var(--thumb-w) / 2);width:calc(100% - var(--kp-chart-inset-left,0%) - var(--kp-chart-inset-right,0%) + var(--thumb-w));appearance:none;cursor:pointer;background:0 0;height:1.2rem;display:block}.kp-slider::-webkit-slider-runnable-track{background:var(--border);border-radius:2px;height:4px}.kp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-w);height:var(--thumb-w);background:var(--accent);margin-top:calc(-.5 * var(--thumb-w) + 2px);border-radius:50%}.kp-slider::-moz-range-track{background:var(--border);border-radius:2px;height:4px}.kp-slider::-moz-range-thumb{width:var(--thumb-w);height:var(--thumb-w);background:var(--accent);border:none;border-radius:50%}.kp-slider-ticks{height:6px;margin-top:-2px;margin-left:var(--kp-chart-inset-left,0%);margin-right:var(--kp-chart-inset-right,0%);pointer-events:none;position:relative}.kp-slider-tick{background:var(--accent);opacity:.5;border-radius:1px;width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.move-badges{gap:.3rem;display:inline-flex}.move-badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:3px;padding:0 .35rem;font-size:.7rem;line-height:1.6}.move-badge-good{color:#2f6f3f;border-color:#b6cdbb}.move-badge-blunder{color:#b3261e;border-color:#e8b4b0}.move-badge-major-blunder{color:#fff;background:#b3261e;border-color:#b3261e}.kp-move-label{color:var(--fg,#222);border:none;border-bottom:1px solid var(--border);background:#f0eeeb;border-radius:0;grid-template-columns:2.4rem auto auto 1fr auto;grid-template-areas:"num text badges time toggle";align-items:center;gap:.3rem;min-height:1.4em;margin:0;padding:.45rem .8rem;font-size:.95rem;display:grid}.kp-move-num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;grid-area:num;font-size:.8rem}.kp-move-text{grid-area:text;font-weight:700}.kp-badges{grid-area:badges}.kp-move-time{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;grid-area:time;font-size:.85rem}.kp-layout-toggle-btn{grid-area:toggle}.kp-data{display:none}.kp-charts{padding:0 1rem}.kp-time-chart-wrap,.kp-eval-chart-wrap,.kp-combined-chart-wrap{width:100%}.kp-time-chart,.kp-eval-chart,.kp-combined-chart{cursor:crosshair;width:100%;height:auto;display:block}.kp-eval-chart-wrap{margin-top:.4rem}.kp-charts-actions{justify-content:flex-end;align-items:center;gap:.4rem;margin-top:.3rem;display:flex}.kp-charts-actions:empty{display:none}.kp-charts-toggle{text-align:right}.kp-charts-toggle-btn{min-width:0;padding:.15rem .5rem;font-size:.8rem}.kp-analysis-title{color:var(--muted);margin:0 0 .35rem;font-size:.85rem;font-weight:700}.kp-analysis-table{border-collapse:collapse;font-size:.9rem}.kp-analysis-table th,.kp-analysis-table td{text-align:left;padding:.15rem .8rem .15rem 0}.kp-analysis-table thead th{color:var(--muted);font-weight:400}.kp-analysis-table thead th.kp-analysis-self{color:var(--accent);font-weight:700}.kp-analysis-row-label{color:var(--muted);white-space:nowrap;font-weight:400}.kp-analysis-cell{font-variant-numeric:tabular-nums;font-weight:700}.kp-analysis-cell.kp-analysis-empty{color:var(--muted);font-weight:400}.kp-analysis-num{text-align:right;padding-right:1.2rem}.kp-layout-toggle-btn{justify-content:center;align-items:center;width:1.7rem;min-width:0;height:1.7rem;padding:.2rem;display:none}@media (width>=900px){.kp-layout-toggle-btn{display:inline-flex}}.kp-charts-combined .kp-time-chart-wrap,.kp-charts-combined .kp-eval-chart-wrap,.kp-charts-separate .kp-combined-chart-wrap{display:none}@media (width>=900px){.kp-layout-side{text-align:left;grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.kp-layout-side .kp-move-label{grid-column:1/-1}.kp-layout-side .kp-main{grid-column:1;padding-right:0}.kp-layout-side .kp-charts{flex-direction:column;grid-column:2;min-width:0;padding-left:0;display:flex}.kp-layout-side .kp-charts .kp-combined-chart-wrap,.kp-layout-side .kp-charts .kp-time-chart-wrap,.kp-layout-side .kp-charts .kp-eval-chart-wrap{min-height:0}.kp-layout-side .kp-charts-actions{flex-shrink:0;justify-content:flex-end;margin-top:.3rem}.kp-layout-side .kp-data{grid-column:1/-1}}.chart-tip{color:#fff;white-space:nowrap;pointer-events:none;z-index:2;background:#222222eb;border-radius:3px;padding:.15rem .5rem;font-size:.78rem;position:absolute;bottom:100%;transform:translate(-50%)}.kp-source{width:100%;max-width:480px;margin-top:.6rem;padding:0 1rem 1rem}@media (width>=900px){.kp-layout-side .kp-source{grid-column:1/-1}}details.kp-source summary{cursor:pointer;color:var(--muted);font-size:.85rem}.kp-source-actions,.kp-sfen-actions{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.kp-copy-status{color:var(--muted);font-size:.8rem}.kp-source pre{border:1px solid var(--border);white-space:pre;text-align:left;background:#fff;border-radius:4px;margin:.4rem 0 0;padding:.6rem .8rem;font-family:ui-monospace,monospace;font-size:.8rem;overflow-x:auto}.kp-comment-toggle{box-sizing:border-box;border:none;border-top:1px solid var(--border);background:var(--bg-muted,#f5f5f5);cursor:pointer;text-align:left;width:100%;color:var(--muted);align-items:center;gap:.4rem;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;display:flex}@media (width>=900px){.kp-layout-side .kp-comment-toggle{grid-column:1/-1}}.kp-comment-toggle:hover{background:color-mix(in srgb, var(--border) 30%, var(--bg-muted,#f5f5f5));color:var(--fg)}.kp-comment-toggle-label{flex:1}.kp-comment-toggle-arrow{flex-shrink:0;transition:transform .15s}.kp-comment-toggle[aria-expanded=true] .kp-comment-toggle-arrow{transform:rotate(180deg)}.kp-comment-toggle.kp-has-comment{color:var(--accent,#4a90d9)}.kp-comment-area{background:var(--bg-muted,#fafafa);text-align:left;padding:.8rem 1rem}@media (width>=900px){.kp-layout-side .kp-comment-area{grid-column:1/-1}}.kp-comment-area-header{margin-bottom:.4rem}.kp-comment-area-label{color:var(--fg);font-size:.9rem;font-weight:600}.kp-comment-area-readings{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin-top:.6rem;display:flex}.kp-reading-lines{flex-direction:column;flex:3 18rem;gap:.7rem;min-width:0;display:flex}.kp-reading-group{background:var(--bg,#fff);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.2rem;padding:.4rem .5rem;display:flex}.kp-reading-group-label{color:var(--fg);font-size:.8rem;font-weight:600}.kp-reading-line{box-sizing:border-box;width:100%;font:inherit;text-align:left;color:var(--muted);border:1px solid #0000;border-left:3px solid var(--border);word-break:break-all;background:0 0;border-radius:2px;margin:0;padding:.25rem .5rem;font-size:.85rem;display:block}.kp-reading-line-btn{cursor:pointer}.kp-reading-line-btn:hover{border-color:var(--accent);color:var(--fg)}.kp-reading-line-btn[aria-pressed=true]{border-left-color:var(--accent);color:var(--fg);background:color-mix(in srgb, var(--accent) 8%, #fff)}.kp-reading-player{flex:14rem;max-width:22rem;margin-inline:auto}.kp-reading-player .shogi-board{margin:0;padding:.4rem .5rem}.kp-reading-player .shogi-fig-cap{font-size:.8rem}.kp-reading-player .shogi-fig-btn{padding:.15rem .4rem;font-size:.75rem}@media (width<=600px){.kp-reading-line-btn{min-height:var(--tap-target)}}.kp-comment-area-textarea{box-sizing:border-box;border:1px solid var(--border);resize:vertical;background:#fff;border-radius:4px;width:100%;padding:.4rem;font-family:inherit;font-size:.9rem;display:block}.kp-comment-area-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.kp-comment-area-status{min-height:1.2em;color:var(--muted);margin:.35rem 0 0;font-size:.8rem}@media (width<=600px){.kp-comment-area-actions .switch{flex-basis:100%}}.move-comment-draft{white-space:pre-wrap;margin:0;font-size:.85rem}.shogi-error{color:#b00;background:#fee;border:1px solid #fbb;border-radius:4px;padding:.5rem}article.kifu pre,.preview-area pre{background:#f4f4f0;border-radius:4px;padding:.75rem 1rem;overflow-x:auto}.preview-area blockquote,article.kifu blockquote{border-left:4px solid var(--accent);color:var(--muted);background:#f4f4f0;border-radius:0 4px 4px 0;margin:1rem 0;padding:.6rem 1rem}.preview-area blockquote>:first-child,article.kifu blockquote>:first-child{margin-top:0}.preview-area blockquote>:last-child,article.kifu blockquote>:last-child{margin-bottom:0}.kifu-headers{border:1px solid var(--border);background:#fff;border-radius:4px;padding:.75rem 1rem;font-size:.9rem}.kifu-headers dt{color:var(--muted);float:left;clear:left;width:6em;font-weight:700}.kifu-headers dd{margin-left:6em}.kifu-header-visibility svg{vertical-align:-.15em}.private-info{opacity:.7;padding-left:1.2em;position:relative}.private-info:before{content:"";background:currentColor;width:.85em;height:.85em;position:absolute;top:.15em;left:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E") 50%/contain no-repeat}.vis-unlisted:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") 50%/contain no-repeat}.vis-users:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") 50%/contain no-repeat}a.private-info{padding-left:1.4em}.tag-group.private-info{padding-left:0}.tag-group.private-info:before{display:none}.tag-group.private-info h2:before{content:"";vertical-align:-.1em;background:currentColor;width:.85em;height:.85em;margin-right:.3em;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E") 50%/contain no-repeat}}[hidden]{display:none}