.cell{width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;background-color:#fff;font-size:clamp(12px,3vw,20px);cursor:pointer}.cell,.cell *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}.queen{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:clamp(42px,5vw,28px);color:#040006}.blocked{color:#000;font-weight:700;font-size:.8rem}.board-wrapper{width:100%;padding:0 8px;box-sizing:border-box}.board{display:grid;gap:1px;background-color:#000;touch-action:none}.area-1{background-color:#febd81}.area-2{background-color:#85aeff}.area-3{background-color:#fc634e}.area-4{background-color:#a6db8f}.area-5{background-color:#e0f475}.area-6{background-color:#d7d7d7}.area-7{background-color:#ac8edb}.area-8{background-color:#ed85ff}.area-9{background-color:#7d52ff}.area-10{background-color:#ff38d7}.area-11{background-color:#d3ff8b}.area-12{background-color:#f06292}.area-13{background-color:#ff0436}.area-14{background-color:#f6c32b}.area-15{background-color:#f77878}.area-16{background-color:#fdd}.board-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.board-title{font-size:1.5rem;font-weight:700;flex-grow:1;margin:0}.board-controls-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.undo-btn,.reset-btn{padding:.5rem 1.2rem;min-width:70px;height:40px;font-weight:700;border:none;background-color:#fd5b5b;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;box-sizing:border-box;color:#000}.undo-btn{background-color:#fef46e}.undo-btn:hover,.reset-btn:hover{background-color:#ddd}.undo-btn svg,.reset-btn svg{vertical-align:middle}.timer-display{width:100%;text-align:center;font-size:1rem;color:#ccc}.timer-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.random-btn{padding:.5rem 1.2rem;min-width:70px;height:40px;font-weight:700;border:none;background-color:#a7ff6c;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;box-sizing:border-box;color:#000}.instructions-container{border:1px solid #ddd;padding:1rem;margin-bottom:1rem;border-radius:8px}.instructions-container h2{margin-top:0}.instructions-list{margin:0;padding-left:1.2rem}.instructions-list li{margin:.5rem 0}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;min-height:100vh}.board-wrapper{width:100%;max-width:100vw;padding:1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.win-message{position:relative;background-color:#1e2a38;padding:2rem;border-radius:10px;border:2px solid #4caf50;color:#d0f0d0;text-align:center;min-width:300px;animation:fadeIn .3s ease-in}.win-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.2rem;color:#ccc;cursor:pointer}.close-btn:hover{color:#fff}.random-map-btn{margin-top:1rem;padding:.6rem 1.2rem;background-color:#4caf50;border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s}.random-map-btn:hover{background-color:#45a049}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-container{background-color:#0b1a2b;color:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:sans-serif;padding:1rem;width:100%;max-width:100vw;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;box-sizing:border-box;background-color:#0b1a2b;color:#f5f5f5;height:100%;width:100%;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}