:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#e8edf2;background:#191b1e;--muted: #adb5be;--line: #393e45;--panel: #24272c;--accent: #c0e89f}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,select,textarea{font:inherit}button,select{min-height:44px}button{cursor:pointer;color:inherit;font-weight:700;border:1px solid var(--line);background:#2b2f35;border-radius:5px}button:hover{background:#394049}button:active{background:#444d58}button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #9cceff;outline-offset:2px}button,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}h1,h2,p{margin:0}h2{font-size:24px;line-height:1.2}p{line-height:1.55}.shell{width:min(100%,var(--viewport-width, 100vw),calc(var(--board-cols, 10) * 52px + 152px));height:var(--viewport-height, 100dvh);margin:0 auto;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;grid-template-rows:48px minmax(0,1fr);gap:8px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.masthead h1{font-size:19px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}.masthead small{font-size:10px;font-weight:400;color:var(--muted);margin-left:6px;letter-spacing:0}.masthead nav{display:flex;gap:4px}.quiet{background:transparent;border-color:transparent;font-size:12px;padding:0 10px}.game{display:grid;grid-template-rows:44px 44px 20px minmax(0,1fr);gap:6px;min-width:0;min-height:0}.game-controls{display:grid;grid-template-columns:minmax(0,1fr) 110px 112px;gap:8px}#tile-size{white-space:nowrap;padding-inline:6px}.game-controls select{width:100%;min-width:0;background:#292d32;color:#edf0f4;border:1px solid #434951;border-radius:5px;padding:0 10px;font-size:13px;font-weight:700}.outline,.primary{padding:9px 13px;font-size:13px}.primary{background:var(--accent);border-color:var(--accent);color:#192313}.primary:hover{background:#d3efbc}.stats{display:grid;grid-template-columns:70px minmax(100px,1fr) minmax(90px,1fr) 112px;gap:8px;align-items:center}.stats>div:not(.status-slot){display:flex;flex-direction:column;gap:3px;min-width:0}.stats span{font-size:9px;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.stats strong{font-size:20px;line-height:22px;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.stats strong small{font-size:12px;font-weight:400;color:var(--muted)}.time-stat{overflow:hidden}#paused-label{font-size:8px;letter-spacing:0}.status-slot{position:relative;display:grid;place-items:center;height:44px;min-width:0}#phase{font-size:9px;color:#cbd3db}#show-result{position:absolute;inset:0;padding-inline:4px;font-size:12px}.board-note{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;line-height:20px;min-width:0;overflow:hidden}#board-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#fit-status{white-space:nowrap;font-size:10px;flex-shrink:0}#play-space{position:relative;min-width:0;min-height:0;display:grid;justify-items:center;align-items:start;overflow:hidden}.play-surface{--tools-axis: vertical;display:grid;grid-template-areas:"board tools" "reminder reminder";grid-template-columns:auto 112px;grid-template-rows:auto 24px;gap:10px;align-items:center;min-width:0}#board-area{grid-area:board;min-width:0;min-height:0}.board-scroll{padding:3px;border:1px solid #4c535d;border-radius:4px;background:#16181b;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#77818d #24282d;max-width:100%}#board{position:relative;flex:none}#board canvas{display:block!important;width:100%!important;height:100%!important;touch-action:pan-x pan-y pinch-zoom}#board canvas:focus-visible{outline:2px solid #a6d3ff;outline-offset:-2px}.tools{grid-area:tools;display:flex;flex-direction:column;gap:8px;width:112px}.tools button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:112px;height:48px;min-height:48px;padding:0 8px;position:relative;border:2px solid #4e565f;color:#e5eaf0;background:#2b3036}.tools button[aria-pressed=true]{background:#c0e89f;color:#182111;border-color:#edffdf;box-shadow:inset 0 -4px #658443}.tools button[aria-pressed=true]:after{content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:currentColor}.tool-icon,.help-icon{width:24px;height:26px;flex-shrink:0;display:grid;place-items:center}.tool-icon svg,.help-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-label{font-size:12px}.tools kbd{display:none}.question-icon{font-size:27px;font-weight:800;line-height:1}.green-reminder{grid-area:reminder;height:24px;line-height:24px;font-size:11px;color:#c3ccd5;text-align:center;white-space:nowrap}.green-reminder>span{display:inline-block;width:8px;height:8px;background:#89c77a;border-radius:2px;margin-right:6px}.green-reminder b{color:#e8edf2}#play-space[data-loading=true] .play-surface{visibility:hidden}.generating{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;gap:14px;z-index:1}.generating p{font-size:13px;color:var(--muted);max-width:430px}.loader{width:30px;height:30px;border:3px solid #48513f;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orientation-hint{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #505963;border-radius:9px;padding:24px;max-width:550px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);background:#25292e;color:#ecf0f4;overflow:auto;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#0b0d10cc}dialog p{font-size:13px;margin-bottom:16px}dialog h2{margin-bottom:16px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.close{flex-shrink:0;font-size:26px;width:44px;height:44px;margin-top:-10px;margin-right:-10px;background:transparent;border-color:transparent}.callout{padding:12px;border:1px solid #5e7854;background:#303d2d;border-radius:5px;clear:both}.muted{color:var(--muted);font-size:12px!important}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.08em;margin-bottom:12px}.help-grid{display:grid;grid-template-columns:repeat(3,30px);gap:3px;float:right;margin:0 0 15px 15px}.help-grid>*{display:grid;place-items:center;height:30px;background:#3e4842;border-radius:3px;font-style:normal}.help-grid b{color:#c7f7a4;background:#565d66}.help-tools{list-style:none;padding:0;margin:0 0 20px}.help-tools li{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;margin-bottom:12px}.help-tools b{display:block}.legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin-bottom:20px}.swatch{display:inline-block;width:14px;height:14px;vertical-align:middle;border-radius:2px;margin-right:6px;border:1px solid #8b949e}.neutral{background:#303338}.open{background:#565d66}.green{background:#89c77a}.red{background:#e87777}.yellow{background:#e6c565}.dialog-actions,.log-actions{display:flex;gap:10px}.dialog-actions>*{flex:1}#result-dialog{text-align:center;max-width:450px}.result-symbol{font-size:32px;color:#e6c565;margin:10px 0}.result-stats{text-align:left;margin:18px 0}.result-stats>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.result-stats dt{color:var(--muted)}.result-stats dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.result-stats small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}summary{cursor:pointer;font-weight:700;font-size:14px;padding:16px 0;min-height:48px}details{border-top:1px solid var(--line);margin-top:18px}textarea{display:block;width:100%;margin-top:10px;padding:12px;font-family:Consolas,monospace;font-size:11px;line-height:1.6;color:#e0e7ed;background:#191c20;border:1px solid #59616b;border-radius:4px;resize:vertical}#copy-status{font-size:12px;min-height:20px;margin-top:12px}.mobile-device .tools{width:48px;gap:6px}.mobile-device .tools button{width:48px;height:48px;padding:0;justify-content:center}.mobile-device .tool-label{display:none}@media(orientation:landscape){.mobile-device .play-surface{grid-template-areas:"tools board" "reminder reminder";grid-template-columns:48px auto;gap:8px}.mobile-device .shell{grid-template-rows:44px minmax(0,1fr);gap:4px}.mobile-device .game{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:44px minmax(0,1fr);gap:6px 12px}.mobile-device .game-controls{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr) 48px 94px;gap:5px}.mobile-device .new-label{display:none}.mobile-device .stats{grid-column:2;grid-row:1;grid-template-columns:36px minmax(66px,1fr) 69px 70px;gap:3px}.mobile-device .stats span{font-size:8px;letter-spacing:0}.mobile-device #phase{font-size:7px}.mobile-device #show-result{font-size:10px}.mobile-device .board-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-device #play-space{grid-column:1 / -1;grid-row:2}}@media(orientation:portrait){.mobile-device .play-surface{--tools-axis: horizontal;grid-template-areas:"board" "tools" "reminder";grid-template-columns:auto;grid-template-rows:auto 48px 24px;gap:8px}.mobile-device .tools{width:156px;flex-direction:row;justify-self:center}.mobile-device .orientation-hint{display:block;font-size:11px}}@media(max-width:700px)and (orientation:portrait){.play-surface{--tools-axis: horizontal;grid-template-areas:"board" "tools" "reminder";grid-template-columns:auto;grid-template-rows:auto 48px 24px;gap:8px}.tools{width:156px;flex-direction:row;gap:6px;justify-self:center}.tools button{width:48px;height:48px;padding:0;justify-content:center}.tool-label{display:none}}@media(max-width:480px){.shell{grid-template-rows:44px minmax(0,1fr);gap:5px}.masthead h1{font-size:16px}.masthead small{font-size:9px;margin-left:3px}.quiet{padding-inline:7px;font-size:11px}.game-controls{grid-template-columns:minmax(0,1fr) 91px 94px;gap:5px}.game-controls select{font-size:12px;padding-inline:7px}.game-controls button{font-size:11px;padding-inline:5px}.stats{grid-template-columns:45px minmax(76px,1fr) minmax(75px,1fr) 83px;gap:5px}.stats span{font-size:8px;letter-spacing:0}.stats strong{font-size:18px}#phase{font-size:8px}#show-result{font-size:11px}.board-note{font-size:10px;gap:6px}#fit-status{font-size:9px}.green-reminder{font-size:10px}dialog{padding:19px}.legend{grid-template-columns:1fr}}@media(max-width:340px){.masthead h1{font-size:14px}.masthead small{font-size:8px}.quiet{padding-inline:5px;font-size:10px}.game-controls{grid-template-columns:minmax(0,1fr) 48px 86px}.new-label{display:none}.stats{grid-template-columns:36px minmax(65px,1fr) minmax(66px,1fr) 70px;gap:3px}#phase{font-size:7px}.green-reminder{font-size:9px}}.short-viewport.shell{grid-template-rows:44px minmax(0,1fr);gap:2px;padding-block:2px}.short-viewport .game{grid-template-columns:minmax(0,1fr);grid-template-rows:44px 30px 0 minmax(0,1fr);gap:2px}.short-viewport .game-controls{grid-column:1;grid-row:1}.short-viewport .stats{grid-column:1;grid-row:2}.short-viewport #play-space{grid-column:1;grid-row:4}.short-viewport .board-note{visibility:hidden}.short-viewport .stats strong{font-size:15px;line-height:17px}.short-viewport .play-surface{--tools-axis: horizontal;grid-template-areas:"board" "tools" "reminder";grid-template-columns:auto;grid-template-rows:auto 44px 16px;gap:4px}.short-viewport .tools{width:144px;flex-direction:row;gap:6px;justify-self:center}.short-viewport .tools button{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.short-viewport .tool-label{display:none}.short-viewport .green-reminder{height:16px;line-height:16px}@media(prefers-reduced-motion:reduce){*{animation:none!important}}