@font-face{font-family:Pretendard;font-weight:100 900;font-display:swap;src:url(/fonts/PretendardVariable.woff2) format("woff2")}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#273e34;background:#f6f4ec;font-synthesis:none;--ink:#273e34;--muted:#899182;--orange:#e76545;--line:#dce1d2;--paper:#fffef8;--board-size:min( calc(100dvh - 120px) , calc(100vw - 386px) ,760px)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}svg{flex-shrink:0}p,h1,h2{margin:0}button,a{transition:background .13s,color .13s}button:not(:disabled):active{transform:translateY(1px)}.game-app{height:100dvh;display:flex;flex-direction:column;padding:0 max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden}.topbar{height:56px;min-height:56px;width:100%;max-width:1110px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:22px;font-weight:800;letter-spacing:-1px}.wordmark span{color:var(--orange);padding-left:2px}.topbar nav{display:flex;gap:4px}.topbar nav>*{height:34px;width:34px;display:grid;place-items:center;color:#809078;border-radius:5px}.topbar nav>*:hover{background:#e7ecde}.play-area{flex:1;min-height:0;display:grid;grid-template-columns:var(--board-size) 300px;gap:28px;align-content:center;justify-content:center;align-items:center;padding-bottom:10px}.board-column{width:var(--board-size);min-width:0}.board-meta{display:flex;height:30px;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:12px}.board-meta>span{display:flex;align-items:center;gap:7px}.board-meta b{font-weight:550}.stone{display:inline-block;height:11px;width:11px;border-radius:50%;border:1px solid #b1bda6}.stone.w{background:#fffdf1}.stone.b{background:#2c4136;border-color:#2c4136}.board-tools{gap:10px!important}.board-tools small{color:#929b87;font-size:11px;font-variant-numeric:tabular-nums}.board-tools button{height:28px;width:28px;display:grid;place-items:center;border-radius:4px;color:#75876a}.board-tools button:hover{background:#e7ebdd}.board-frame{position:relative;width:100%;aspect-ratio:1;border:5px solid #e3e4d5;border-radius:4px;box-shadow:0 2px 12px #263c3412}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);width:100%;height:100%;aspect-ratio:1;border-radius:1px;touch-action:none;user-select:none;-webkit-user-select:none}.square{position:relative;min-width:0;min-height:0;padding:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:0;touch-action:none;user-select:none;-webkit-user-select:none;transition:none!important}.square.light{background:#e9ead7;color:#738e69}.square.dark{background:#8da17f;color:#e9ead7}.square:has(.piece){cursor:grab}.locked .square,.locked .square:has(.piece){cursor:default}.dragging .square{cursor:grabbing}.square.last.light{background:#e9cd85}.square.last.dark{background:#c4b976}.square.selected{box-shadow:inset 0 0 0 3px #f0b04d;background:#c0ba7d}.square.check{background:radial-gradient(ellipse,#ef8f6c,#c4a677)}.square.drop-target{box-shadow:inset 0 0 0 3px #ffca57}.square:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #f6b345;z-index:2}.square .piece{width:84%;height:84%;filter:drop-shadow(0 2px 1px #243c3533);pointer-events:none}.square.drag-origin .piece{opacity:.16}.coordinate{position:absolute;font-size:clamp(7px,1.2vw,11px);font-weight:650;line-height:1;z-index:2;pointer-events:none}.rank{left:3px;top:3px}.file{right:3px;bottom:3px}.move-dot{width:24%;height:24%;border-radius:50%;background:#213e3860;pointer-events:none;position:absolute}.capture-ring{position:absolute;inset:2px;border:4px solid #edc15dbb;border-radius:50%;pointer-events:none}.drag-piece{position:absolute;transform:translate(-50%,-50%);z-index:9;pointer-events:none;display:grid;place-items:center}.drag-piece .piece{height:92%;width:92%;filter:drop-shadow(0 7px 4px #243c3550)}.controls{display:flex;flex-direction:column;gap:12px;min-width:0;width:300px;margin-top:37px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:1px solid #d8dfcc;position:relative;border-radius:7px;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:88px;font-size:15px;font-weight:600}.choice:first-child>svg{color:#c57649}.choice:nth-child(2)>svg{color:#6a875c}.choice.chosen{background:#e9efdf;border-color:#68825a;box-shadow:inset 0 0 0 1px #68825a}.choice:hover:not(:disabled){background:#eff3e7}.chosen-check{position:absolute;top:7px;right:7px;color:#58734e!important}.move-row{height:51px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3px;font-size:13px}.move-row b{font:26px Georgia,serif}.move-row small{font-size:11px;color:#8b9781;margin-left:12px}.move-hint{color:#909986;font-size:13px}.move-row button{height:32px;width:32px;display:grid;place-items:center;color:#768a68}.primary{height:46px;min-height:46px;width:100%;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#fff;border-radius:6px;font-size:15px;font-weight:650}.primary:hover:not(:disabled){background:#d85a3c}.primary:disabled{opacity:1;background:#e7c8b5;color:#fffdf8}.under-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:25px}.text-button{font-size:11px;color:#7c8a71;padding:4px 0;display:inline-flex;align-items:center;gap:3px}.text-button:hover{color:var(--orange)}.status{font-size:10px;color:#a0a690;line-height:1.4;max-width:205px}.result-top{display:flex;align-items:center;justify-content:space-between;height:27px}.verdict{display:flex;gap:5px;align-items:center;font-size:12px;font-weight:600;color:#a76e49}.verdict.quiet{color:#678351}.result-points{font-size:24px;color:#48633c;font-variant-numeric:tabular-nums}.result-points small{font-size:11px;margin-left:3px;font-weight:400}.result-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.result-title h1{font-size:22px;letter-spacing:-.7px;font-weight:650}.result-title>span{display:flex;align-items:center;gap:3px;font-size:10px;color:#8b947e;white-space:nowrap}.result-title>span svg:nth-of-type(2){margin-left:4px}.explanation{font-size:12px;line-height:1.7;color:#89927e}.move-comparison{display:grid;grid-template-columns:1fr 1fr;gap:6px}.move-comparison button{height:62px;border:1px solid #dde3d2;border-radius:5px;display:grid;grid-template-columns:auto 1fr;align-items:center;padding:8px 10px;background:#f9fbf2;gap:2px 8px;text-align:left}.move-comparison button.active{border-color:#8aa377;background:#eef4e3}.move-comparison span{font-size:10px;color:#839371}.move-comparison b{font:23px Georgia,serif;text-align:right}.move-comparison small{grid-column:1/3;font-size:10px;text-align:right;color:#879875}.replay{display:flex;align-items:center;gap:4px;height:36px}.replay button{height:32px;width:31px;border:1px solid #dde4d2;border-radius:4px;display:grid;place-items:center}.replay-position{display:flex;flex:1;gap:6px;align-items:center;min-width:0;justify-content:space-between;font-size:12px;padding:0 2px}.replay-position>small:first-child{display:none}.replay-position small{color:#a0a991;font-size:9px}.replay-position span{white-space:nowrap}.loading-board{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:30px;color:#8a967e;font-size:13px;text-align:center;line-height:1.6;background:repeating-conic-gradient(#e9ead7 0 25%,#cbd5ba 0 50%) 0/25% 25%}.loading-board>*{background:#f6f4ecee;border-radius:6px;padding:10px}.loading-board .primary{width:190px;background:var(--orange);padding:10px 20px}.promotion{position:absolute;inset:25% 5% auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 70px #20382855;border-radius:8px;text-align:center;padding:16px;z-index:12}.promotion p{font-size:13px;margin-bottom:10px}.promotion>div{display:flex;justify-content:center}.promotion>div button{width:23%;border:1px solid var(--line);border-radius:3px}.promotion button:hover{background:#dfe8cf}.promotion>.text-button{margin-top:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#20362975;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}.modal{position:relative;max-width:460px;width:100%;max-height:calc(100dvh - 32px);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;overflow:auto}.close-modal{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;color:#7e8c72}.modal h2{font-size:24px;letter-spacing:-.6px;margin-bottom:20px}.modal p{font-size:13px;line-height:1.8;margin:13px 0}.modal .muted{font-size:11px;color:#919b85}.modal a:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid>div{border-radius:6px;background:#edf2e2;padding:18px;display:flex;flex-direction:column;gap:8px}.stats-grid b{font-size:34px;font-weight:550}.stats-grid b small{font-size:18px}.stats-grid span{font-size:11px;color:#82956d}.analysis-links{display:flex;gap:10px}.analysis-links a{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;border:1px solid var(--line);border-radius:5px}.storage-warning{position:fixed;bottom:4px;left:50%;transform:translate(-50%);font-size:10px;color:#a97148;background:var(--paper);padding:3px 8px;border-radius:3px}@media(max-width:799px)and (orientation:portrait){:root{--board-size:min( calc(100vw - 24px) , calc(100dvh - 304px - env(safe-area-inset-bottom)) )}.game-app{padding:0 12px max(8px,env(safe-area-inset-bottom))}.topbar{height:46px;min-height:46px;max-width:520px}.wordmark{font-size:19px}.topbar nav>*{height:31px;width:31px}.play-area{display:flex;flex-direction:column;gap:10px;padding:0;justify-content:center;align-items:center}.board-meta{height:23px;margin-bottom:4px;font-size:11px}.board-tools button{height:24px}.board-frame{border-width:3px}.controls{margin-top:0;width:min(100%,440px);gap:7px}.choice{height:48px;flex-direction:row;font-size:13px;gap:7px}.choice>svg{width:17px;height:17px}.chosen-check{top:4px!important;right:4px!important;width:10px!important;height:10px!important}.move-row{height:34px;font-size:12px}.move-row b{font-size:21px}.move-hint{font-size:12px}.primary{height:39px;min-height:39px;font-size:14px;padding:0 14px}.under-controls{min-height:20px}.status{font-size:9px;max-width:225px}.text-button{font-size:10px;padding:3px 0}.showing-result{gap:5px}.result-top{height:21px}.verdict{font-size:11px}.result-points{font-size:20px}.result-title{height:23px}.result-title h1{font-size:17px}.result-title>span{font-size:9px}.explanation{font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}.move-comparison button{height:34px;display:flex;padding:4px 9px;gap:7px}.move-comparison b{font-size:19px;margin-left:auto}.move-comparison small,.move-comparison span{font-size:9px}.replay{height:28px}.replay button{height:27px;width:30px}.replay-position{font-size:11px}.replay-position>small:first-child{display:block;font-size:9px}.coordinate{font-size:8px}.modal{padding:25px}.modal h2{font-size:22px;margin-bottom:14px}.modal p{font-size:12px;line-height:1.7;margin:11px 0}}@media(orientation:landscape)and (max-height:600px){:root{--board-size:min( calc(100dvh - 78px) , calc(100vw - 330px) )}.game-app{padding-bottom:4px}.topbar{height:40px;min-height:40px}.wordmark{font-size:19px}.play-area{gap:20px;grid-template-columns:var(--board-size) 270px;padding:0}.board-meta{height:22px;margin-bottom:4px;font-size:11px}.board-frame{border-width:3px}.controls{width:270px;margin-top:26px;gap:8px}.choice{height:50px;flex-direction:row;gap:8px;font-size:13px}.move-row{height:35px}.primary{height:38px;min-height:38px;font-size:13px}.under-controls{min-height:18px}.text-button{font-size:10px}.status{font-size:9px;max-width:180px}.showing-result{gap:5px}.result-top{height:22px}.result-points{font-size:20px}.result-title h1{font-size:18px}.result-title>span{font-size:9px}.explanation{font-size:10px;line-height:1.5}.move-comparison button{height:41px;display:flex;gap:5px;padding:5px 7px}.move-comparison b{font-size:20px;margin-left:auto}.move-comparison small{font-size:9px}.replay{height:29px}.replay button{height:27px;width:27px}.replay-position{font-size:11px}.modal{max-width:560px;padding:22px 28px}.modal h2{font-size:20px;margin-bottom:10px}.modal p{font-size:11px;margin:7px 0;line-height:1.6}.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:12px}.stats-grid b{font-size:28px}}@media(max-width:359px)and (orientation:portrait){:root{--board-size:min( calc(100vw - 20px) , calc(100dvh - 300px - env(safe-area-inset-bottom)) )}.game-app{padding-left:10px;padding-right:10px}.topbar{height:42px;min-height:42px}.controls{gap:5px}.result-title h1{font-size:16px}.move-comparison small{font-size:8px}.replay-position>small:first-child{display:none}.modal p{font-size:11px}.stats-grid>div{padding:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(orientation:landscape)and (max-height:360px){.showing-result .explanation{display:none}.topbar{height:36px;min-height:36px}.controls{margin-top:20px}.showing-result{gap:4px}.result-title h1{font-size:16px}}