:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._gridContainer_5aby3_1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;background-color:#f0f0f0;box-shadow:inset 0 0 10px #0000001a;padding:10px;gap:20px}._gridContainer_5aby3_1 button{aspect-ratio:1 / 1;font-size:1rem}._material-symbols-outlined_5aby3_16{font-size:2rem}._containerVertical_1euzh_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:100%;max-height:100%;height:100vh;background:#7e4700;border-radius:12px}._boardAndKomadaiStack_1euzh_13{max-height:100%;max-width:100%;display:flex;height:min(100%,calc((100cqw - 24px) * 144 / 99));width:auto;aspect-ratio:99 / 144;gap:10px;margin-left:10px;margin-right:10px;flex-direction:column;justify-content:center}._navigationVertical_1euzh_27{display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:100%;max-width:100%}._navigationButtonsVertical_1euzh_36,._menuButtonsVertical_1euzh_43{display:flex;flex-direction:row;justify-content:center;margin-top:12px}._menuButtonsVertical_1euzh_43 button{border-radius:0;border:1px solid #000000}.shogi-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:11 / 12;max-height:100%;max-width:100%;width:auto;background-color:#e6b887;box-shadow:14px 16px 20px}.board-row{display:contents}.piece-image{object-fit:contain}.piece-inactive{opacity:.5}.square{width:100%;height:100%;aspect-ratio:11 / 12;max-width:100%;max-height:100%;border:1px solid #a87d52}.square:hover{background-color:#d8a773}.square.selected{background-color:#87ceeb;border:2px solid #0056b3;box-shadow:inset 0 0 8px #0000004d}.square.last-move{background-color:#81d16850;border:2px solid #339448a0;box-shadow:inset 0 0 8px #0003}.square.valid-move{background-color:#a2d2ff;border:2px dashed #007bff;box-shadow:inset 0 0 8px #0003}.square.valid-move:hover{background-color:#90c8f5}.komadai-container{display:grid;grid-template-columns:1fr 7fr;grid-template-rows:1fr;max-width:100%;max-height:100%;background-color:#e6b887;box-shadow:9px 10px 20px}.komadai-piece-wrapper{position:relative;max-width:100%;max-height:100%;border-radius:4px}.player-mark-left{margin-left:12px;display:flex;align-items:center;justify-content:center;font-size:100%;line-height:1;font-weight:700}.komadai-pieces{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:6px;max-width:100%;max-height:100%}.piece-count{position:absolute;bottom:2px;right:2px;background-color:#000000b3;color:#fff;font-size:.75rem;padding:1px 4px;border-radius:8px}.evaluation-display-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:8px 12px 12px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;margin:10px auto;max-width:100%;overflow-x:hidden}.evaluation-display-container h3{margin-top:0;margin-bottom:0;color:#333;border-bottom:2px solid #ccc;padding-bottom:4px}.variation-list{display:grid;list-style:none;padding:0;margin:5px 0 0}.variation-item{display:flex;align-items:center;padding:1px 0;border-bottom:1px dashed #0e0d0d;overflow:hidden;min-width:0}.variation-item:last-child{border-bottom:none}.variation-score-container{flex-shrink:0;width:70px;text-align:center;margin-right:15px;padding:5px;border-radius:4px;font-weight:700}.variation-score{font-size:1.2em;color:#fff}.strong-advantage-white{background-color:#4caf50}.slight-advantage-white{background-color:#8bc34a}.equal{background-color:#9e9e9e}.slight-advantage-black{background-color:#ffc107;color:#333}.strong-advantage-black{background-color:#ff9800;color:#333}.mate{background-color:#f44336}.variation-move-container{flex-grow:1;display:flex;align-items:baseline;min-width:0;flex-shrink:1}.variation-move-first{font-size:1.4em;font-weight:900;margin-right:10px;color:#333;flex-shrink:0}.best-move{color:#007bff}.variation-move-rest{font-size:.9em;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;flex:1 1 0;min-width:0}.variation-move-rest>strong{font-weight:700;color:#444;margin-left:2px}._tsumeAppContainerVertical_1xx5q_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:100%;max-height:100%;width:100vw;height:100vh;background-color:#9b2e13;background-image:repeating-linear-gradient(90deg,#9b2e13,#b1452b 7%);border-radius:12px;box-shadow:0 2px 8px #00000014}._tsumeAppWrapper_1xx5q_18{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%;max-height:100%;height:100vh}._tsumeAppContainerHorizontal_1xx5q_28{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:100%;max-height:100%;height:100vh;background-color:#9b2e13;background-image:repeating-linear-gradient(90deg,#9b2e13,#b1452b 7%);border-radius:12px;padding:12px;box-shadow:0 2px 8px #00000014}._tsumeAppTitle_1xx5q_44{max-height:100%;max-width:100%}._boardAndKomadaiStack_1xx5q_49{max-height:100%;max-width:100%;display:flex;height:min(100%,calc((100cqw - 24px) * 144 / 99));width:auto;aspect-ratio:99 / 144;gap:10px;margin-left:10px;margin-right:10px;flex-direction:column;justify-content:center}._tsumeAppNavigationVertical_1xx5q_63{display:flex;flex-direction:column;justify-content:center;align-items:center}._tsumeAppNavigationHorizontal_1xx5q_70{max-height:100%;max-width:100%}._navigationButtonsVertical_1xx5q_75{display:flex;flex-direction:row;justify-content:center;margin-top:12px;max-height:100%;max-width:100%;width:100vw}._navigationButtonsHorizontal_1xx5q_92{display:flex;flex-direction:column;margin-top:12px}._menuButtonsVertical_1xx5q_98{display:flex;flex-direction:row;margin-top:12px}._menuButtonsHorizontal_1xx5q_112{display:flex;flex-direction:column;margin-left:12px}._menuButtonsHorizontal_1xx5q_112 button{border-radius:0;border:1px solid #000000;display:flex;justify-content:flex-start;align-items:center;text-align:left;gap:.5rem}._gameContainer_fc9fl_1{display:flex;justify-content:center;align-items:flex-start;padding:20px;gap:30px;height:95vh}._boardAndKomadaiStack_fc9fl_10{display:grid;height:95vh;grid-template-rows:1.2fr 9fr 1.2fr}._hintAndNavigationStack_fc9fl_16{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;margin-bottom:40%}._rightPanel_fc9fl_25{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.komadai-container{display:flex;flex-wrap:nowrap;gap:2px;padding:1px;background-color:#f0d9b5;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:center;align-items:center;margin:10px 0}.komadai-piece-wrapper{position:relative;width:88px;height:96px;border-radius:4px}.komadai-piece-wrapper .piece-image{width:100%;height:100%;object-fit:contain;transform:rotate(0)}.komadai-piece-wrapper .gote-piece .piece-image,.komadai-piece-wrapper .sente-piece .piece-image{transform:rotate(0)}.hint-display-container{display:flex;flex-direction:column;align-items:center;margin-left:20px;width:350px}.speech-bubble{position:relative;background-color:#f0f0f0;border-radius:15px;padding:15px 20px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a;text-align:center;font-family:Comic Sans MS,cursive,sans-serif;color:#333}.speech-bubble p{margin:0;font-size:1.4em;line-height:1.4}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%) rotate(45deg);width:20px;height:20px;background-color:#f0f0f0;border-bottom-right-radius:5px;box-shadow:2px 2px 5px #0000001a;z-index:-1}.animal-character img{max-width:250px;height:auto;display:block}.navigation-buttons{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.navigation-buttons button{padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:8px;border:none;background-color:#4caf50;transition:background-color .3s ease,transform .2s ease}.navigation-buttons button:hover:enabled{background-color:#e0e0e0}.navigation-buttons button:disabled{opacity:.5;cursor:not-allowed}.lesson-toc-container{font-family:Arial,sans-serif;width:400px;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.lesson-toc-container h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.progress-bar-wrapper{width:100%;background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background-color:#4caf50;border-radius:5px;transition:width .5s ease-in-out}.progress-text{text-align:right;font-size:.9em;color:#555;margin-top:-5px;margin-bottom:20px}.chapter-list{list-style:none;padding:0;margin:0}.chapter-item{margin-bottom:8px}.chapter-item a{text-decoration:none;color:#007bff;display:block;padding:5px 0;transition:color .2s ease-in-out}.chapter-item a:hover{color:#0056b3}.chapter-item.completed a{color:#28a745;font-weight:700}.chapter-item.current a{color:#dc3545;font-weight:700;background-color:#fff3cd;padding:5px 10px;border-radius:4px}.completion-indicator{margin-left:5px;color:#28a745;font-weight:700}