@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",system-ui,sans-serif;color:#253d38;background:#f6f5ef;font-synthesis:none;--ink:#203f37;--primary-fill:#5b4b8a;--muted:#7a857c;--line:#e4e7dd;--yellow:#886300;--blue:#2c639f;--green:#2a7047;--red:#aa3c52}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c49639;outline-offset:4px}[hidden]{display:none!important}
.topbar{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 4.5%;background:#fbfbf7}.brand{display:flex;align-items:center;gap:13px;font-weight:750;font-size:21px;letter-spacing:1px}.brand-mark{height:45px;width:45px;border-radius:13px;background:var(--primary-fill);color:#edcf87;display:grid;place-items:center;font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#879289;margin-top:5px;font-weight:600}.top-actions{display:flex;align-items:center;gap:25px}.local-badge{display:flex;align-items:center;gap:7px;font-size:12px;color:#678274}.local-badge>span{width:6px;height:6px;background:#6e997a;border-radius:50%}.text-button{border:0;background:transparent;color:#61756a;font-size:12px;padding:7px 0;line-height:1.5}.text-button:hover:enabled{color:#174f46}.top-actions .text-button{font-size:13px}.top-actions .text-button span{margin-left:9px}
main{max-width:1540px;margin:auto;padding:47px 4.5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#8e986f;margin:0 0 13px}h1{font-size:30px;letter-spacing:1px;line-height:1.5;margin:0;font-weight:700}.intro-copy{font-size:13px;color:#7b897f;margin:9px 0 0;line-height:1.8}.edition{text-align:right;padding-right:5px;color:#8d9b8d}.edition>span{display:block;font-family:Georgia,serif;font-size:32px;letter-spacing:4px;color:#b6bcab}.edition small{font-size:10px;letter-spacing:2px;display:block;margin-top:6px}
.workspace{display:grid;grid-template-columns:240px minmax(370px,1fr) 253px;gap:22px;align-items:start}.sidebar,.inspector{display:grid;gap:18px}.panel{background:#fff;border:1px solid #e4e7de;border-radius:16px;padding:24px 21px;box-shadow:0 3px 13px #1b3b2b03}.section-heading{display:flex;align-items:center;gap:11px}.section-heading h2{font-size:15px;letter-spacing:.2px;margin:0;font-weight:700}.step{font-size:10px;letter-spacing:.5px;color:#98a28a;background:#f3f5ed;width:27px;height:27px;border-radius:8px;display:inline-grid;place-items:center;flex:none}.compact{gap:9px}.compact h2{font-size:13px}.muted{font-size:11px;line-height:1.8;color:#879085;margin:13px 0 20px}.shape-inputs{display:grid;gap:21px;margin:26px 0}.shape-row{display:flex;align-items:center;gap:12px}.shape-icon{height:25px;width:45px;display:grid;place-content:center;grid-template-columns:repeat(var(--w),7px);gap:3px;flex:none}.shape-icon i{display:block;width:7px;height:7px;border-radius:1.8px;background:currentColor}.blue{color:var(--blue)}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.shape-name{font-size:13px;letter-spacing:.5px;font-weight:650;flex:1}.count-input{appearance:textfield;-moz-appearance:textfield;width:53px;height:35px;border:1px solid #e0e5db;border-radius:7px;background:#fbfcf8;text-align:center;color:#425c4d;font-size:13px}.count-input::-webkit-inner-spin-button{opacity:1}.count-input:disabled{background:#f4f6ef;opacity:1;border-color:transparent}.shape-count{font-weight:650;font-size:14px;min-width:30px;text-align:right}.area-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8f978c;border-top:1px dashed #e1e5da;padding:17px 0 20px}.area-summary strong{font-size:13px;color:#66755c;font-weight:650}.button{border:1px solid transparent;min-height:41px;border-radius:8px;font-size:12px;font-weight:600;padding:10px 15px;transition:background .15s,transform .15s}.button:active:enabled{transform:translateY(1px)}.primary{background:var(--primary-fill);color:#fff}.primary:hover:enabled{background:#236657}.secondary{background:#f9faf6;color:#586e60;border-color:#e0e6db}.secondary:hover:enabled{background:#f0f3e9}.start-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:18px}.start-button span{color:#adc8b5}.full{width:100%}.game-actions{display:grid;gap:9px}.game-actions .text-button{text-align:center;margin-top:1px}.privacy-note,.estimate-note{font-size:10px;color:#9ba293;line-height:1.9;margin:0 8px}
.board-panel{padding:24px 25px 0;overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.heatmap-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9688;white-space:nowrap;cursor:pointer}.heatmap-toggle input{accent-color:var(--primary-fill);width:12px;height:12px;margin:0}.board-meta{display:flex;justify-content:space-between;gap:10px;color:#8b9788;font-size:10px;margin:21px 0 18px}.board-meta>span:first-child{flex:1}.board-meta>span:last-child{color:#9ba78f;white-space:nowrap}.board-frame{width:100%;max-width:560px;margin:0 auto}.column-labels{display:grid;grid-template-columns:20px repeat(8,minmax(0,1fr));gap:5px;font-size:10px;color:#a7ae9c;text-align:center;margin-bottom:10px}.board-body{display:grid;grid-template-columns:20px 1fr;gap:5px}.row-labels{display:grid;grid-template-rows:repeat(8,1fr);gap:5px;text-align:center;font-size:10px;color:#a7ae9c}.row-labels>span{display:grid;place-items:center}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.cell{border:1px solid #dfe4d8;background:#f0f3e9;border-radius:6px;aspect-ratio:1;min-width:0;padding:0;position:relative;color:#8a9981;font-size:9px;display:grid;place-items:center;transition:background .13s,border-color .13s}.cell:disabled{opacity:1}.cell:hover:enabled{border-color:#8b9f8d;background:#e5ebdc}.cell.is-recommended{background:#f6ecd3;border:2px solid #c19645;box-shadow:0 0 0 2px #c8a55d13}.cell.is-recommended:before{content:'✦';font-size:20px;position:absolute;color:#bd8b30;top:50%;left:50%;transform:translate(-50%,-50%)}.cell.is-recommended .cell-prob{align-self:end;margin-bottom:3px;font-size:8px}.cell.is-selected{border:2px solid var(--primary-fill);box-shadow:0 0 0 2px #184f4611;background:#e0ece1}.cell.is-miss{background:#e1e3df;border-color:#dde0da;color:#acb3a9;font-size:13px}.cell.is-found{background:#dfe8f5;border-color:#ccd9ec;color:#5676a6;font-size:9px}.cell.is-preview{background:#f7dd8c;border-color:#c19b35;color:#8c681e;box-shadow:inset 0 0 0 1px #d5b351}.cell.is-inferred{border-color:#6e9b75;box-shadow:inset 0 0 0 1px #6e9b75}.cell-prob{pointer-events:none}.cell.heat-1{background:#e9efe1}.cell.heat-2{background:#e1ead6}.cell.heat-3{background:#d5e3c4}.cell.heat-4{background:#c7dab2}.cell.is-recommended,.cell.is-selected,.cell.is-preview{z-index:1}.board-legend{display:flex;flex-wrap:wrap;gap:11px 17px;justify-content:center;margin:23px 0;font-size:9px;color:#8a9483}.board-legend>span{display:flex;align-items:center;gap:6px}.board-legend i{width:9px;height:9px;border-radius:2px;display:block}.legend-recommended{border:1.5px solid #c19645;background:#f6ecd3}.legend-selected{border:1.5px solid var(--primary-fill);background:#e0ece1}.legend-found{background:#dfe8f5;border:1px solid #c4d6ed}.legend-miss{background:#dedfda;border:1px solid #d6d9d1}.board-footer{margin:0 -25px;background:#f9faf6;border-top:1px solid #edf0e6;color:#939d89;font-size:10px;padding:16px 19px;display:flex;align-items:center;gap:8px;justify-content:center}.board-footer>span:first-child{font-size:15px;color:#9caa84}
.recommendation{background:var(--primary-fill);padding:25px 24px;border-radius:16px;color:#d4e0d2;position:relative;overflow:hidden}.recommendation:after{content:'✧';position:absolute;font-family:Georgia,serif;font-size:155px;top:20px;right:-28px;color:#dbe2c50c;pointer-events:none}.recommendation .eyebrow{color:#a6bda6;letter-spacing:1.5px;font-size:10px}.recommend-location{font-size:53px;font-family:Georgia,"Microsoft JhengHei",serif;letter-spacing:1px;line-height:1.15;color:#f0dfad;min-height:80px;margin:21px 0 15px;position:relative;z-index:1}.recommend-location>span{display:block;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#9db8a4;font-size:10px;letter-spacing:.8px;margin-top:9px;line-height:1.7}.recommendation p:not(.eyebrow){font-size:11px;line-height:1.9;color:#b0c6b5;margin:0;position:relative;z-index:1}.analysis-meta{font-size:9px;color:#8eaf9d;border-top:1px solid #ffffff17;padding-top:14px;margin-top:19px;letter-spacing:.3px}.result-panel{padding:21px 20px;min-height:180px}.result-panel .step{height:25px;width:25px}.empty-selection{font-size:11px;line-height:1.9;color:#9ba590;margin:24px 0 6px}.selection-label{font-size:11px;color:#85917c;margin:19px 0 14px}.selection-label strong{color:var(--primary-fill);font-size:19px;letter-spacing:1px;margin-right:8px;font-family:Georgia,serif}.miss-button{width:100%;text-align:left;padding-left:13px;font-weight:500}.result-shapes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.result-shapes .button{font-size:12px;background:#fff;border-color:#e2e7dc;min-height:39px}.result-shapes .button:hover{background:#f8faf3}.placement-label{font-size:12px;color:#85917c;margin:20px 0 12px}.placement-arrows{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;color:#8b977e}.placement-arrows .button{font-size:14px;min-height:34px;padding:5px 12px}.cancel-placement{width:100%;margin-top:7px}.loading-dot{display:inline-block;animation:pulse 1.2s ease-in-out infinite}.estimate-note{margin:0 4px;font-size:9px}.notice{background:#fff4da;border:1px solid #ebd9ad;border-radius:9px;color:#8a6c31;padding:13px 18px;font-size:12px;line-height:1.8;margin:24px 0 0}.notice.error{background:#fff1eb;color:#a05d46;border-color:#edd3c5}.site-footer{max-width:1540px;margin:37px auto 0;padding:23px 4.5% 30px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#a6ad9d}.site-footer a{color:#8c9989}.site-footer a:hover{text-decoration:underline}
dialog{border:1px solid var(--line);border-radius:18px;max-width:540px;width:calc(100% - 32px);padding:35px;color:var(--ink);box-shadow:0 20px 90px #0b2f2b30}dialog::backdrop{background:#1d3d366b;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:12px 0 20px}dialog h3{font-size:14px;margin-top:23px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#778473}dialog ol{padding-left:21px}dialog li{padding-left:3px;margin:9px 0}.dialog-close{position:absolute;right:20px;top:15px;font-size:17px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1550px){.topbar{padding-left:max(4.5%,calc((100% - 1400px)/2));padding-right:max(4.5%,calc((100% - 1400px)/2))}.workspace{grid-template-columns:260px minmax(400px,1fr) 270px;gap:25px}.panel{padding-left:24px;padding-right:24px}.board-panel{padding-left:28px;padding-right:28px}.board-footer{margin-left:-28px;margin-right:-28px}}
@media(max-width:1190px){main{padding-left:3%;padding-right:3%}.workspace{grid-template-columns:215px minmax(340px,1fr) 220px;gap:15px}.panel{padding:20px 16px}.board-panel{padding-bottom:0}.board-footer{margin-left:-16px;margin-right:-16px}.recommendation{padding:23px 20px}.shape-inputs{gap:17px}.board-heading .section-heading{gap:7px}.board-heading h2{font-size:14px}.board-meta{font-size:9px}.board-legend{gap:10px}.result-panel{padding:20px 15px}}
@media(max-width:960px){.workspace{grid-template-columns:225px minmax(0,1fr);gap:19px}.inspector{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:19px}.estimate-note{grid-column:1 / -1;text-align:center}.recommendation{display:flex;flex-direction:column}.recommend-location{margin:4px 0 14px;min-height:60px}.recommendation .analysis-meta{margin-top:auto;padding-top:12px}.intro{margin-bottom:28px}.board-frame{max-width:470px}.result-panel{min-height:225px}.result-panel .empty-selection{margin-top:30px}.board-meta{flex-direction:column;gap:6px}.board-legend{font-size:9px}.recommendation .eyebrow{margin-bottom:14px}.result-shapes{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.topbar{height:80px;padding:0 5%}.brand{font-size:17px;gap:10px}.brand-mark{width:37px;height:37px;font-size:22px;border-radius:10px}.brand small{font-size:7px;letter-spacing:1.4px;margin-top:4px}.top-actions{gap:15px}.local-badge{display:none}.top-actions .text-button{font-size:11px}.top-actions .text-button span{display:none}main{padding:29px 4% 0}.intro{margin-bottom:25px}.intro .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:10px}h1{font-size:22px;letter-spacing:0}.intro-copy{font-size:11px;max-width:270px;line-height:1.9;margin-top:6px}.edition{display:none}.workspace{display:flex;flex-direction:column;gap:16px}.sidebar{width:100%;gap:13px}.setup-panel{padding:20px}.section-heading h2{font-size:14px}.setup-panel .muted{font-size:11px;margin:10px 0 16px}.shape-inputs{grid-template-columns:1fr 1fr;gap:17px 28px;margin:20px 0}.shape-row{gap:6px}.shape-icon{width:31px}.shape-name{font-size:12px}.count-input{width:48px;height:34px}.area-summary{padding:12px 0 15px}.start-button{min-height:42px}.privacy-note{display:none}.board-panel{padding:20px 15px 0;width:100%}.board-heading{gap:8px}.heatmap-toggle{font-size:10px}.board-meta{flex-direction:row;gap:10px;font-size:9px;margin:17px 0}.board-frame{max-width:460px}.board,.row-labels{gap:4px}.board-body{grid-template-columns:14px 1fr;gap:4px}.column-labels{grid-template-columns:14px repeat(8,minmax(0,1fr));gap:4px;font-size:9px;margin-bottom:8px}.row-labels{font-size:9px}.cell{border-radius:4px;font-size:8px}.cell.is-recommended:before{font-size:17px}.cell.is-recommended .cell-prob{font-size:7px;margin-bottom:1px}.board-legend{gap:12px;margin:19px 0;font-size:8px}.board-legend i{width:8px;height:8px}.board-footer{margin-left:-15px;margin-right:-15px;font-size:9px;padding:13px 10px}.inspector{width:100%;display:grid;grid-template-columns:1fr;gap:14px}.recommendation{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:20px}.recommendation .eyebrow{grid-column:1;grid-row:1;margin:0;font-size:10px}.recommend-location{grid-row:1/4;grid-column:2;text-align:right;margin:0;min-height:65px;font-size:45px;align-self:center}.recommend-location>span{font-size:9px}.recommendation p:not(.eyebrow){grid-column:1;grid-row:2;font-size:10px;margin-top:7px}.analysis-meta{grid-column:1/-1;grid-row:4;font-size:9px;margin-top:13px!important;padding-top:12px!important}.result-panel{padding:20px;min-height:145px}.result-panel .empty-selection{margin:20px 0 0}.result-shapes{grid-template-columns:repeat(4,1fr)}.selection-label{margin:16px 0 12px}.estimate-note{font-size:9px;margin:0}.site-footer{padding:18px 5% 25px;margin-top:18px;font-size:9px}.notice{font-size:11px;padding:12px 14px;margin-top:17px}.game-actions{grid-template-columns:1fr 1fr;align-items:center}.game-actions .text-button{margin:0}.placement-arrows{justify-content:center;gap:28px}.dialog-actions .button{flex:1}dialog{padding:28px 24px}dialog h2{font-size:20px}dialog p,dialog li{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.shape-0,.shape-2{--w:2}.shape-1,.shape-3{--w:3}
.sidebar{min-width:0;grid-template-columns:minmax(0,1fr)}
@media(max-width:360px){.shape-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.shape-row{gap:5px}.count-input{width:44px}}