.shogi-app[data-v-0fbdae1c]{padding:20px;font-family:sans-serif}h1[data-v-0fbdae1c]{font-size:28px;margin:0;line-height:1.2}.app-heading[data-v-0fbdae1c]{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:nowrap;white-space:nowrap}.app-heading h1[data-v-0fbdae1c],.app-heading button[data-v-0fbdae1c]{flex-shrink:0}.app-heading .help-button[data-v-0fbdae1c]{height:40px;padding:0 18px;border:1px solid #666;border-radius:8px;background:#fff;color:#333;font-size:16px;font-weight:700;cursor:pointer}.app-heading .toggle-button[data-v-0fbdae1c]{display:inline-flex;min-width:190px;height:40px;align-items:center;gap:9px;padding:0 16px;border:1px solid #666;border-radius:999px;background:#fff;color:#444;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.toggle-button[data-v-0fbdae1c]:before{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#aaa;box-shadow:inset 0 0 0 1px #00000026;content:""}.app-heading .toggle-button.active[data-v-0fbdae1c]{border-color:#075cb7;background:#2878d0;color:#fff}.toggle-button.active[data-v-0fbdae1c]:before{background:#fff}.help-dialog[data-v-0fbdae1c]{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-sizing:border-box;padding:0;overflow:visible;border:1px solid #999;border-radius:12px;background:#fff;color:#222;box-shadow:0 18px 50px #00000059}.help-dialog[data-v-0fbdae1c]::backdrop{background:#00000094}.help-dialog-content[data-v-0fbdae1c]{max-height:calc(100vh - 48px);box-sizing:border-box;padding:24px;overflow-y:auto}.help-dialog h2[data-v-0fbdae1c]{margin:0 0 20px;font-size:24px}.help-dialog section+section[data-v-0fbdae1c]{margin-top:20px}.help-dialog h3[data-v-0fbdae1c]{margin:0 0 8px;font-size:18px}.help-dialog p[data-v-0fbdae1c]{margin:0;line-height:1.7}.help-dialog p+p[data-v-0fbdae1c]{margin-top:10px}.help-dialog ul[data-v-0fbdae1c]{margin:0;padding-left:1.5em}.help-dialog li[data-v-0fbdae1c]{line-height:1.7}.help-dialog li+li[data-v-0fbdae1c]{margin-top:5px}.help-dialog .promotion-help[data-v-0fbdae1c]{margin-top:10px;padding:10px 12px;border-left:4px solid #2878d0;border-radius:4px;background:#eef6ff}.promotion-help strong[data-v-0fbdae1c]{font-size:17px}.promotion-help .long-press-emphasis[data-v-0fbdae1c]{color:#c00000}.help-dialog .rule-warning[data-v-0fbdae1c]{padding:12px 14px 12px 2.2em;border:1px solid #d49b42;border-radius:8px;background:#fff7e7}.help-dialog-actions[data-v-0fbdae1c]{display:flex;justify-content:flex-end;margin-top:24px}.help-dialog-actions button[data-v-0fbdae1c]{min-width:100px;padding:8px 18px;border:1px solid #666;border-radius:7px;background:#fff;color:#222;font-size:16px;font-weight:700;cursor:pointer}.evaluation-panel[data-v-0fbdae1c]{width:1090px;min-width:1090px;box-sizing:border-box;padding:12px;border:1px solid #bbb;border-radius:10px;background:#f7f7f7}.position-layout[data-v-0fbdae1c]{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.board-stage[data-v-0fbdae1c]{display:grid;grid-template-columns:130px 574px 130px 220px;align-items:stretch;gap:12px}.move-record-panel[data-v-0fbdae1c]{position:relative;display:flex;flex-direction:column;height:568px;min-width:0;box-sizing:border-box;padding:10px;overflow:visible;border:1px solid #aaa;border-radius:8px;background:#f7f7f7}.move-record-heading[data-v-0fbdae1c]{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.kif-actions[data-v-0fbdae1c]{display:flex;gap:4px}.kif-actions button[data-v-0fbdae1c]{padding:3px 7px;border:1px solid #888;border-radius:4px;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.kif-actions input[data-v-0fbdae1c]{display:none}.kif-toast[data-v-0fbdae1c]{position:absolute;top:0;left:50%;z-index:1000;width:max-content;max-width:320px;box-sizing:border-box;padding:12px 18px;border-radius:8px;background:#276528;color:#fff;box-shadow:0 6px 20px #0000004d;font-weight:700;transform:translate(-50%,calc(-100% - 8px))}.kif-toast.error[data-v-0fbdae1c]{background:#b00020}.toast-enter-active[data-v-0fbdae1c],.toast-leave-active[data-v-0fbdae1c]{transition:opacity .2s ease,transform .2s ease}.toast-enter-from[data-v-0fbdae1c],.toast-leave-to[data-v-0fbdae1c]{opacity:0;transform:translate(-50%,calc(-100% + 2px))}.move-record-panel>p[data-v-0fbdae1c]{margin:0;color:#999;font-size:14px}.move-record-list[data-v-0fbdae1c]{display:grid;flex:1 1 auto;min-height:0;gap:4px;margin:0;padding:0;overflow-y:auto;list-style:none;align-content:start}.move-record-list li[data-v-0fbdae1c]{min-width:0}.move-record-list button[data-v-0fbdae1c]{display:grid;width:100%;grid-template-columns:2.5em 1fr;gap:4px;box-sizing:border-box;padding:3px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.move-record-list button[data-v-0fbdae1c]:hover{background:#ececec}.move-record-list button.selected-record[data-v-0fbdae1c]{border-color:#888;background:#dfdfdf}.move-record-controls[data-v-0fbdae1c]{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.move-record-controls button[data-v-0fbdae1c]{min-width:0;padding:5px 8px;border:1px solid #888;border-radius:5px;background:#fff;font-weight:700;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.move-record-controls button[data-v-0fbdae1c]:disabled{cursor:default;opacity:.4}.move-sente[data-v-0fbdae1c]{color:#0040c0;font-weight:700}.move-gote[data-v-0fbdae1c]{color:#c00000;font-weight:700}.evaluation-heading[data-v-0fbdae1c],.evaluation-result[data-v-0fbdae1c]{display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-button[data-v-0fbdae1c]{padding:5px 10px;border:1px solid #777;border-radius:6px;background:#fff;font-weight:700;cursor:pointer}.turn-button.turn-sente[data-v-0fbdae1c]{color:#0040c0}.turn-button.turn-gote[data-v-0fbdae1c]{color:#c00000}.evaluation-result>span[data-v-0fbdae1c]{font-weight:700}.evaluation-result small[data-v-0fbdae1c]{color:#666;text-align:right}.sente-evaluation[data-v-0fbdae1c]{color:#075cb7}.gote-evaluation[data-v-0fbdae1c]{color:#bd2723}.candidate-list[data-v-0fbdae1c]{display:grid;width:100%;min-width:0;max-width:100%;box-sizing:border-box;gap:8px;margin:12px 0 0;padding:0;list-style:none}.candidate-card[data-v-0fbdae1c]{min-width:0;max-width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d4d4d4;border-radius:7px;background:#fff}.candidate-line[data-v-0fbdae1c]{display:flex;min-width:0;gap:10px;align-items:center}.candidate-line[data-v-0fbdae1c]>:first-child{flex:0 0 auto;font-weight:700}.candidate-pv[data-v-0fbdae1c]{flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;color:#333;font-size:14px;line-height:1.6;white-space:nowrap}.candidate-placeholder[data-v-0fbdae1c]{color:#777}.candidate-placeholder[data-v-0fbdae1c]{margin:12px 0 0;font-size:14px}.board-with-coordinates[data-v-0fbdae1c]{display:grid;grid-template-columns:544px 30px;grid-template-rows:24px 544px}.file-labels[data-v-0fbdae1c]{grid-column:1;display:grid;grid-template-columns:repeat(9,60px);box-sizing:border-box;padding-left:2px;font-weight:700}.file-labels span[data-v-0fbdae1c],.rank-labels span[data-v-0fbdae1c]{display:flex;align-items:center;justify-content:center}.rank-labels[data-v-0fbdae1c]{grid-column:2;grid-row:2;display:grid;grid-template-rows:repeat(9,60px);box-sizing:border-box;padding-top:2px;font-weight:700}.board[data-v-0fbdae1c]{grid-column:1;grid-row:2;width:540px;display:grid;grid-template-columns:repeat(9,60px);grid-template-rows:repeat(9,60px);border:2px solid #333;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cell[data-v-0fbdae1c]{position:relative;width:60px;height:60px;border:1px solid #666;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.piece[data-v-0fbdae1c]{font-size:28px;font-weight:700;-webkit-user-select:none;user-select:none;z-index:2}.piece.sente[data-v-0fbdae1c]{color:#0040c0}.piece.gote[data-v-0fbdae1c]{color:#c00000;transform:rotate(180deg)}.piece.promoted.sente[data-v-0fbdae1c]{color:#3060ff;font-weight:900}.piece.promoted.gote[data-v-0fbdae1c]{color:#ff3030;font-weight:900}.selected[data-v-0fbdae1c]{background:#ffdf80!important}.captured[data-v-0fbdae1c]{min-width:0;min-height:80px;box-sizing:border-box;padding:8px;border:1px solid #aaa;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:flex-start;cursor:pointer}.gote-captured[data-v-0fbdae1c]{align-self:start}.sente-captured[data-v-0fbdae1c]{align-self:end}.piece.captured-empty[data-v-0fbdae1c]{color:#999;cursor:default}.piece.selected-drop[data-v-0fbdae1c]{background:#ffd54f;border-radius:4px}.heat[data-v-0fbdae1c]{position:absolute;inset:0;z-index:0}.heat-count[data-v-0fbdae1c]{position:absolute;font-size:10px;font-weight:700;z-index:4;pointer-events:none}.gote-count[data-v-0fbdae1c]{top:2px;left:3px;color:#e53935;transform:rotate(180deg);transform-origin:center;display:inline-block}.sente-count[data-v-0fbdae1c]{bottom:2px;right:3px;color:#1e88e5}.sente-advantage[data-v-0fbdae1c]{box-shadow:inset 0 0 0 3px #1e88e5}.gote-advantage[data-v-0fbdae1c]{box-shadow:inset 0 0 0 3px #e53935}
