:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b29;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}header{height:90px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5de}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.seal{background:#a94737;color:white;font-family:serif;font-size:30px;display:grid;place-items:center;width:43px;height:43px;border-radius:5px}.brand small{margin-left:13px;font-size:14px;color:#68756b;font-weight:400;letter-spacing:0}.docs{font-size:13px;text-decoration:none}main{max-width:1440px;margin:auto;padding:36px 5% 22px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:36px;line-height:1.17;letter-spacing:-1.3px;font-weight:550;margin:0 0 13px}h1 span{color:#788879}.intro p{font-size:14px;line-height:1.6;color:#68746b;margin:0}.runtime{text-align:right;font-size:12px;line-height:1.7}.runtime small{color:#7d877e;font-size:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#628164;margin-right:7px}.workspace{display:grid;grid-template-columns:1.08fr 1fr;min-height:510px;border:1px solid #d7ded5;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 32px #243a2910}.editor-panel{border-right:1px solid #d7ded5;display:flex;flex-direction:column;min-width:0}.panel-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e4e9e1;background:#fbfcf9;font-size:10px;font-weight:650;letter-spacing:1.3px;gap:12px}select{max-width:64%;background:white;border:1px solid #d9dfd6;border-radius:5px;color:#3c4d40;padding:7px 9px;font-size:12px;letter-spacing:0}textarea{width:100%;height:395px;display:block;resize:vertical;outline:none;border:0;background:#fff;color:#294637;padding:24px;font-family:"SFMono-Regular",Consolas,"Noto Sans Mono",monospace;font-size:13px;line-height:1.9;tab-size:2}.editor-wrap{flex:1}.editor-footer{display:flex;gap:12px;align-items:center;border-top:1px solid #e4e9e1;padding:14px 20px;min-height:62px}.editor-footer span{font-size:10px;color:#889186;margin-left:auto}button{border:1px solid #d8e0d5;border-radius:5px;padding:9px 15px;font-size:12px;color:#344636;background:white}#run{background:#344e3d;color:white;border-color:#344e3d;min-width:108px}.quiet{background:transparent;border-color:transparent;padding:5px 0;color:#6f7c6c}.answer-panel{display:flex;flex-direction:column;min-width:0}.badge{font-size:10px;letter-spacing:0;font-weight:500;color:#62765f;background:#eaf0e5;padding:5px 9px;border-radius:20px}.answer-body{flex:1;padding:25px 30px;display:grid;align-items:center}.answer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px}h2{font-size:18px;font-weight:550;margin:0;letter-spacing:-.4px}.pager{display:flex;align-items:center;gap:9px;font-size:11px;color:#6e7d68}.pager button{padding:3px 7px}#board{display:grid;grid-template-columns:repeat(4,1fr);max-width:262px;aspect-ratio:1;margin:0 auto 18px;border:5px solid #e9ede5;border-radius:5px;overflow:hidden}.cell{display:grid;place-items:center;background:#eef1e7;font-family:Georgia,serif;font-size:40px;color:#293f2f}.cell.dark{background:#b6c6aa}.cell.queen{color:#283f2f;text-shadow:0 1px #fff8}.atoms{font-family:monospace;font-size:12px;line-height:1.7;color:#516347;text-align:center;overflow-wrap:anywhere}details{margin-top:16px;font-size:11px;color:#75816f}summary{cursor:pointer}pre{font-family:monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;color:#3d4d38;line-height:1.6}.result-footer{border-top:1px solid #e4e9e1;padding:17px 24px;font-size:11px;color:#71816a;min-height:62px;display:flex;align-items:center;line-height:1.5}#empty{text-align:center;color:#7a8974}#empty p{font-size:13px;line-height:1.8}.empty-mark{font-size:60px;color:#c0cbb7;margin-bottom:12px}.notes{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 19px;gap:30px}.notes strong{font-size:12px;font-weight:600}.notes p{font-size:12px;color:#7a8575;margin:7px 0}footer{border-top:1px solid #dfe5da;padding-top:19px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9384;line-height:1.6}footer a{text-underline-offset:3px}#error{padding:16px 20px;background:#f9e8e2;color:#934331;border:1px solid #e9c5b8;border-radius:7px;margin-top:14px;font-family:monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9a624c;outline-offset:3px}textarea:focus-visible{outline-offset:-3px}@media(max-width:800px){header{height:73px;padding:0 6%}.brand small{display:none}main{padding:26px 6%}h1{font-size:30px}.runtime{display:none}.workspace{grid-template-columns:1fr}.editor-panel{border-right:0;border-bottom:1px solid #d7ded5}textarea{height:330px;font-size:12px;padding:20px}.answer-body{min-height:370px}.notes{gap:16px}.notes strong{font-size:11px}.notes p{font-size:11px;line-height:1.5}footer{flex-direction:column}.editor-footer span{display:none}.editor-footer #run{margin-left:auto}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:not(:disabled):hover{filter:brightness(.96)}}

.example-hint{margin:0;padding:12px 20px;color:#53634f;font-size:13px;line-height:1.5;border-bottom:1px solid #e2e6dc;background:#f8faf5}

#board.puzzle-boards{display:grid;grid-template-columns:1fr;max-width:none;aspect-ratio:auto;border:0;gap:20px;background:transparent;overflow:visible}
.puzzle-boards h3{font-size:13px;font-weight:500;margin:0 0 8px;color:#63735d}
.puzzle-grid{display:grid;gap:2px;border:1px solid #d8e0d5;padding:3px;border-radius:5px;background:#fff}
.puzzle-cell{position:relative;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:hsl(calc(65 + var(--room)*25) 24% 91%);padding:3px 1px 11px;text-align:center;font-size:9px;overflow-wrap:anywhere;line-height:1.15;color:#63735d}
.puzzle-cell.occupied{color:#243f2a;font-weight:650;box-shadow:inset 0 0 0 1px #7c9675;background:hsl(calc(65 + var(--room)*25) 30% 81%)}
.puzzle-cell small{position:absolute;bottom:2px;right:3px;font-size:8px;font-weight:400;color:#7b8775}
.puzzle-cell.outside{background:#fff;opacity:.25}