*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fafafa;color:#1a1a1a;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem}.app{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:min(90vw,80vh,720px)}.toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.size-control{display:flex;align-items:center;gap:.5rem}.dim-display{font-size:1.2rem;font-weight:600;min-width:2rem;text-align:center}.actions{display:flex;gap:.5rem}button{font-family:inherit;font-size:.85rem;padding:.4rem .9rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:#999}button:disabled{opacity:.4;cursor:default}.solve-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.solve-btn:hover{background:#333}.board{display:grid;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 2px 16px #0000001a;border:2px solid #ddd}.square{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .1s}.square.light{background:#f0e4d4}.square.dark{background:#c4a882}.square.forbidden.light{background:#e6bfb0}.square.forbidden.dark{background:#bf7e66}.square.forbidden:after{content:"×";font-size:min(3vw,1.4rem);color:#0000002e;line-height:1}.square.queen.light{background:#dde8d0}.square.queen.dark{background:#a8b89a}.square:hover:not(.queen){filter:brightness(.95)}.queen-icon{font-size:min(5vw,3rem);line-height:1;color:#1a1a1a;-webkit-user-select:none;user-select:none}.footer-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;min-height:2rem;width:100%}.solution-nav{display:flex;align-items:center;gap:.75rem}.solution-nav span{font-size:.85rem;color:#666;min-width:5rem;text-align:center}.solution-nav button{font-size:1.1rem;padding:.2rem .6rem}.message{font-size:.9rem;color:#666}.message.success{color:#2d8a4e;font-weight:600}@media (max-width: 480px){.toolbar{flex-direction:column;gap:.75rem}.queen-icon{font-size:5vw}}