:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4e7df;font-synthesis:none;text-rendering:optimizelegibility;background:#171a18;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #363d36;border-radius:5px}button:hover:not(:disabled){background:#2b322c}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #a7be96}.app{min-height:100dvh;padding:24px 16px}.menu-screen{place-items:center;display:grid}.menu-card{text-align:center;width:min(320px,100%)}.menu-card h1{letter-spacing:-1px;margin:0 0 32px;font-size:30px;font-weight:600}.menu-actions{gap:10px;display:grid}.menu-actions button{background:#212622;min-height:48px;font-size:15px}.menu-actions button:hover{background:#2b322c}.menu-play-actions{grid-template-columns:1fr 1fr}.menu-play-actions button:first-child{background:#43573e;border-color:#637d57}.menu-play-actions button:first-child:hover{background:#536a4a}.menu-settings{text-align:left;margin:12px 0 24px}.menu-settings summary{color:#b2bbae;padding:12px 0;font-size:12px}.menu-settings summary span{float:right;color:#9da797}.menu-settings[open] summary{margin-bottom:12px}.menu-settings .time-control-picker{margin-bottom:0}.menu-study-actions{border-top:1px solid #363d36;padding-top:20px}.menu-study-actions button:last-child{color:#b2bbae;background:0 0;border-color:#0000}.difficulty-picker{border:0;min-width:0;margin:0 0 24px;padding:0}.difficulty-picker legend{color:#b2bbae;width:100%;margin-bottom:10px;font-size:12px}.difficulty-options{gap:6px;display:flex}.difficulty-options label{cursor:pointer;flex:1;position:relative}.difficulty-options input{opacity:0;width:1px;height:1px;position:absolute}.difficulty-options span{border:1px solid #363d36;border-radius:5px;place-items:center;min-height:44px;font-size:13px;display:grid}.difficulty-options input:checked+span{color:#fff;background:#43573e;border-color:#43573e}.difficulty-options input:focus-visible+span{outline-offset:3px;outline:2px solid #a7be96}.difficulty-picker p{color:#b2bbae;margin:10px 0 0;font-size:11px;line-height:1.6}.time-control-picker{text-align:left;margin:0 0 24px;display:block}.time-control-picker>span{text-align:center;color:#b2bbae;margin-bottom:8px;font-size:12px;display:block}.time-control-picker select{width:100%;min-height:42px;color:inherit;background:#212622;border:1px solid #363d36;border-radius:5px;padding:8px 10px}.time-control-picker small{text-align:center;color:#9da797;margin-top:7px;font-size:10px;line-height:1.5;display:block}.game-screen{place-items:start center;display:grid}.play-area{width:min(680px,100%,max(420px,100dvh - 265px))}.top-bar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.icon-button{border:0;width:34px;height:36px;font-size:20px}.game-state{flex:1;min-width:0}.game-state strong{font-size:14px;font-weight:600;display:block}.game-state>span{color:#9da797;margin-top:4px;font-size:11px;display:block}.top-actions{align-items:center;gap:4px;display:flex}.text-button{border:0;min-height:36px;padding:6px 9px;font-size:12px}.win-rate-toggle[aria-pressed=true]{color:#dce8d5;background:#2b382a}.clock-panel{grid-template-columns:1fr 1fr;gap:8px;margin:-6px 0 12px;display:grid}.clock-panel>div{color:#9da797;border:1px solid #363d36;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 11px;transition:border-color .15s,background .15s;display:flex}.clock-panel>div.active{color:#e4e7df;background:#2b382a;border-color:#849978}.clock-panel span{align-items:center;gap:7px;font-size:11px;display:flex}.clock-panel strong{font-variant-numeric:tabular-nums;font-size:16px}.clock-stone{border-radius:50%;width:11px;height:11px;box-shadow:0 1px 2px #0003}.clock-stone.black{background:#252823}.clock-stone.white{background:#fff;border:1px solid #b9b6aa}.win-rate-panel{background:#1c201d;border:1px solid #363d36;border-radius:5px;margin:-6px 0 12px;padding:9px 11px}.win-rate-labels{color:#b2bbae;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.win-rate-labels span{align-items:center;gap:6px;display:flex}.win-rate-labels strong{color:#e4e7df;font-variant-numeric:tabular-nums;font-size:13px}.win-rate-track{background:#858b82;border:1px solid #535a52;border-radius:999px;width:100%;height:7px;margin-top:7px;display:flex;overflow:hidden}.win-rate-track span{height:100%;transition:width .2s}.win-rate-track .black{background:#2a2d29}.win-rate-track .white{background:#e5e4db}.win-rate-track.pending{opacity:.45}.win-rate-panel small{text-align:center;color:#899286;margin-top:6px;font-size:9px;display:block}.rule-panel{color:#9da797;font-size:12px}.rule-panel summary{padding:12px 0}.rule-panel p{margin:0 0 10px;line-height:1.7}.board-footer{border-top:1px solid #363d36;margin-top:16px}.record-tools{gap:6px;padding-top:6px;display:flex}.hint-panel p:empty{display:none}.puzzle-reading>a{color:#b2bbae}.book-about{color:#b2bbae;margin:-8px 0 20px;font-size:13px}.book-about summary{padding:10px 0}summary:focus-visible{outline-offset:3px;outline:2px solid #a7be96}.puzzle-list{scroll-margin-top:20px}.board-shell{-webkit-user-select:none;user-select:none;background-color:#cfad79;background-image:url(/wood-grain.svg),linear-gradient(100deg,#ffffff0a,#8255230d 45%,#fff4d61a 72%,#744a1f0a);background-size:320px 100%,100% 100%;border:1px solid #af9061;border-radius:3px;grid-template-columns:24px 1fr;width:100%;padding:24px 25px 38px 4px;display:grid;box-shadow:inset 0 1px #fff2,inset 0 -3px 5px #68432218,0 8px 28px #0003}.rank-labels{color:#6b5738;margin-right:9px;font-size:9px;position:relative}.rank-labels span{position:absolute;right:0;transform:translateY(-50%)}.board-grid-wrap{aspect-ratio:1;position:relative}.board-grid{position:absolute;inset:0}.grid-line{pointer-events:none;background:#917950;position:absolute}.grid-line.vertical{width:1px;top:0;bottom:0;transform:translate(-50%)}.grid-line.horizontal{height:1px;left:0;right:0;transform:translateY(-50%)}.point{z-index:2;background:0 0;border:0;border-radius:50%;width:7.14286%;height:7.14286%;padding:0;position:absolute;transform:translate(-50%,-50%)}.point:hover:not(:disabled){background:0 0}.point[aria-disabled=true]{cursor:default}.point:not(.occupied):not([aria-disabled=true]):hover:after{content:"";background:#30332f26;border-radius:50%;position:absolute;inset:14%}.star-point{background:#786b52;border-radius:50%;position:absolute;inset:44%}.hint-marker{pointer-events:none;background:#e6f5ed99;border:2px dashed #315f68;border-radius:50%;position:absolute;inset:10%}.forbidden-marker{color:#a13e32;pointer-events:none;background:#f8e8e480;border-radius:50%;place-items:center;font-size:clamp(14px,3vw,22px);font-weight:500;line-height:1;display:grid;position:absolute;inset:5%}.hint-panel{align-items:flex-start;gap:12px;margin-top:14px;display:flex}.hint-panel button{flex-shrink:0;min-height:40px;padding:8px 10px;font-size:12px}.hint-panel p{color:#b2bbae;overflow-wrap:anywhere;min-height:40px;margin:0;font-size:12px;line-height:1.6}.hint-panel strong{color:#9dcac8;display:block}.stone{border-radius:50%;display:block;position:absolute;inset:3%;box-shadow:0 2px 3px #0003}.stone.black{background:radial-gradient(circle at 35% 30%,#4b4d47,#20231f 75%)}.stone.white{background:radial-gradient(circle at 35% 30%,#fff,#e5e4db 85%);border:1px solid #b9b6aa}.last-dot{background:#ad7251;border-radius:50%;position:absolute;inset:42%}.stone.winning-stone{outline-offset:1px;outline:2px solid #667a56}.stone.just-placed{animation:.15s ease-out place}@keyframes place{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-labels{color:#6b5738;font-size:9px;position:absolute;bottom:-25px;left:0;right:0}.file-labels span{position:absolute;transform:translate(-50%)}.practice-panel,.result-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.practice-panel button,.result-panel button{min-height:36px;padding:6px 10px;font-size:12px}.practice-panel>span{text-align:center;min-width:55px;font-size:12px}.result-panel{justify-content:space-between}.result-panel strong{font-size:14px;display:block}.result-panel span{color:#9da797;margin-top:4px;font-size:11px;display:block}.puzzle-panel{background:#212622;border:1px solid #363d36;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px;display:flex}.puzzle-panel>div:first-child{min-width:0}.puzzle-panel strong,.puzzle-panel span{display:block}.puzzle-panel strong{font-size:12px}.puzzle-panel span{color:#9da797;margin-top:5px;font-size:11px;line-height:1.5}.puzzle-panel.success{background:#263424;border-color:#637d57}.puzzle-panel.failed{background:#362824;border-color:#805b54}.puzzle-actions{flex-shrink:0;gap:5px;display:flex}.puzzle-actions button{min-height:34px;padding:6px 8px;font-size:11px}.puzzle-actions .puzzle-next{color:#182015;background:#a4be91;border-color:#a4be91}.puzzle-actions .puzzle-next:hover:not(:disabled){background:#bfd2af}.sr-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.dialog-backdrop{z-index:30;background:#0005;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.record-dialog{background:#171a18;border-radius:8px;width:min(460px,100%);max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dialog-heading strong{font-size:16px;display:block}.dialog-heading span{color:#9da797;margin-top:6px;font-size:11px;display:block}.dialog-close{border:0;width:32px;height:32px;font-size:20px}.record-dialog textarea{resize:vertical;width:100%;min-height:160px;color:inherit;background:#212622;border:1px solid #465043;border-radius:4px;padding:12px;font:13px/1.7 monospace}.dialog-hint{color:#9da797;font-size:10px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions button{padding:9px 12px;font-size:12px}.dialog-primary{color:#fff;background:#43573e}.dialog-primary:hover:not(:disabled){background:#536a4a}.record-error{color:#efa79b;font-size:12px;line-height:1.6}.library-dialog{flex-direction:column;width:min(560px,100%);max-height:min(720px,100dvh - 40px);display:flex}.record-save-form{background:#212622;border:1px solid #363d36;border-radius:6px;padding:14px}.record-save-form label{color:#b2bbae;margin-bottom:8px;font-size:11px;display:block}.record-save-form>div{gap:8px;display:flex}.record-save-form input{min-width:0;color:inherit;background:#212622;border:1px solid #465043;border-radius:4px;flex:1;padding:9px 10px}.record-save-form button{padding:8px 14px}.library-message{color:#a4be91;margin:10px 0 0;font-size:11px}.record-list{gap:8px;margin-top:14px;display:grid;overflow-y:auto}.record-empty{text-align:center;color:#9da797;margin:20px 0;font-size:12px}.record-item{background:#212622;border:1px solid #363d36;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.record-item>div:first-child{min-width:0}.record-item strong,.record-item span{overflow-wrap:anywhere;display:block}.record-item strong{font-size:13px}.record-item span{color:#9da797;margin-top:4px;font-size:10px}.record-item-actions{flex-shrink:0;gap:5px;display:flex}.record-item-actions button{padding:7px 8px;font-size:11px}.record-item-actions .delete-confirm{color:#efa79b;border-color:#efa79b}@media (width<=600px){.app{padding:16px 10px}.play-area{width:100%}.top-bar{gap:7px}.text-button{padding-inline:6px;font-size:11px}.game-state strong{font-size:14px}.game-state>span{font-size:10px}.board-shell{grid-template-columns:20px 1fr;padding:18px 19px 30px 2px}.rank-labels,.file-labels{font-size:8px}.file-labels{bottom:-22px}.practice-panel{gap:4px}.practice-panel button{padding-inline:8px}.record-item{flex-direction:column;align-items:flex-start}.record-item-actions{align-self:flex-end}.puzzle-panel{flex-direction:column;align-items:flex-start}.puzzle-actions{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.stone.just-placed{animation:none}.win-rate-track span{transition:none}}.puzzle-library-inner{width:min(900px,100%);margin:20px auto}.puzzle-breadcrumb{color:#b2bbae;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.puzzle-breadcrumb button{border:0;padding:8px 4px}.puzzle-library-heading{margin:32px 0 24px}.puzzle-library-heading h1{letter-spacing:-1px;margin:8px 0 12px;font-size:28px}.puzzle-library-heading p,.book-description{color:#b2bbae;font-size:13px;line-height:1.8}.book-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.book-card{text-align:left;background:#212622;border-radius:10px;flex-direction:column;align-items:stretch;gap:12px;padding:24px;display:flex}.book-card>span{color:#b2bbae;font-size:12px}.book-card strong{font-size:19px}.book-card p{color:#b2bbae;flex:1;margin:0;font-size:13px;line-height:1.8}.book-card progress{accent-color:#a4be91;width:100%;height:6px}.book-description{padding:0 0 16px}.book-description a{color:#9dcac8}.puzzle-note{background:#2b322c;border-left:3px solid #59684e;margin:10px 0;padding:12px;font-size:12px;line-height:1.8}.puzzle-note p{white-space:pre-wrap;margin:4px 0 0}summary{cursor:pointer}.puzzle-filters{background:#212622;border:1px solid #363d36;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.puzzle-filters label{color:#b2bbae;gap:6px;font-size:11px;display:grid}.puzzle-filters select,.puzzle-filters input{color:#e4e7df;background:#212622;border:1px solid #363d36;border-radius:5px;width:100%;min-width:0;min-height:42px;padding:8px;font-size:12px}.puzzle-filters .puzzle-search{grid-column:span 3}.puzzle-filters>button{align-self:end;min-height:42px;font-size:12px}.puzzle-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:24px 0 12px;font-size:12px;display:flex}.puzzle-list-toolbar>div{gap:8px;display:flex}.puzzle-list-toolbar button,.puzzle-pagination button{min-height:42px;padding:10px 14px}.puzzle-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.puzzle-list button{text-align:left;background:#212622;align-items:center;gap:16px;width:100%;padding:18px;display:flex}.puzzle-number{color:#9da797;min-width:24px;font-size:12px}.puzzle-list-title{flex:1;min-width:0}.puzzle-list-title strong{font-size:14px;display:block}.puzzle-list-title small{color:#9da797;margin-top:6px;line-height:1.6;display:block}.puzzle-list button>span:last-child{flex-shrink:0;font-size:11px}.solved-badge{color:#a4be91}.puzzle-pagination{justify-content:center;align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.puzzle-context{margin:16px 0;line-height:1.7}.puzzle-context>span{color:#9da797;font-size:11px;display:block}.puzzle-context>strong{margin:5px 0;font-size:16px;display:block}.puzzle-context>p{margin:8px 0 0;font-size:13px}.puzzle-context>a{color:#b7cf9f;margin-top:6px;font-size:12px;display:inline-block}.puzzle-reading{margin:16px 0;font-size:12px;line-height:1.8}.puzzle-reading>details{border-bottom:1px solid #363d36;padding:12px 0}.puzzle-reading p,.book-description>p{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=600px){.puzzle-library-inner{margin:0 auto}.puzzle-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.puzzle-filters .puzzle-search{grid-column:span 1}.puzzle-list button{gap:8px;padding:14px 10px}.game-screen:has(.puzzle-context) .top-bar{flex-wrap:wrap}.game-screen:has(.puzzle-context) .top-actions{margin-left:auto}}.button-icon{vertical-align:-3px;flex-shrink:0;display:inline-block}button:not(.point):has(>.button-icon){justify-content:center;align-items:center;gap:6px;display:inline-flex}.menu-actions .button-icon{width:18px;height:18px}.clock-stone.black{box-shadow:0 0 0 1px #6c7567}@media (width<=600px){.top-bar{flex-wrap:wrap}.top-actions{justify-content:flex-end;margin-left:auto}.top-actions .button-icon{width:14px;height:14px}}@media (width<=360px){.top-actions{width:100%}.menu-settings summary span{font-size:11px}}