:root{--bg-app: #FAFAFA;--bg-panel: #FFFFFF;--text-main: #333333;--text-muted: #888888;--accent-color: #FFB6C1;--primary-btn: #333333;--highlight: #FF69B4;--p2-color: #333333;--p1-color: #FFF;--cell-size: 50px;--wall-thickness: 12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Segoe UI,sans-serif}body{background-color:var(--bg-app);color:var(--text-main);height:100vh;display:flex;justify-content:center;align-items:center}.app-container{display:flex;width:950px;height:700px;background:var(--bg-panel);border-radius:16px;box-shadow:0 8px 24px #0000000d;overflow:hidden;border:1px solid #EAEAEA}.sidebar{width:280px;padding:30px;border-right:1px solid #EAEAEA;display:flex;flex-direction:column;gap:20px}h1{font-weight:300;letter-spacing:1px}.subtitle{color:var(--text-muted);font-size:.85rem;margin-top:-5px}.status-card{padding:15px;border-radius:8px;border:1px solid #F0F0F0;transition:all .3s}.status-card.active{border-color:var(--highlight);background-color:#fff0f5}.p-info{display:flex;align-items:center;gap:10px;margin-bottom:5px}.p-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.p1-dot{background:var(--p1-color);border:1px solid #ccc}.p2-dot{background:var(--p2-color)}.wall-tracker{font-size:.9rem;color:var(--text-muted)}.toggle-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:15px;cursor:pointer}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--highlight)}input:checked+.slider:before{transform:translate(18px)}.toggle-label{font-size:.9rem;font-weight:600}.controls-area{margin-top:auto}.button-group{display:flex;gap:10px;margin-bottom:20px}.btn{flex:1;padding:12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:opacity .2s}.btn:hover{opacity:.8}.primary{background:var(--primary-btn);color:#fff}.secondary{background:#f0f0f0;color:#555}.message-box{text-align:center;color:var(--highlight);font-weight:600;min-height:20px}.board-container{flex:1;display:flex;justify-content:center;align-items:center;background:#fdfdfd}.board-grid{display:grid;grid-template-columns:repeat(8,var(--cell-size) var(--wall-thickness)) var(--cell-size);grid-template-rows:repeat(8,var(--cell-size) var(--wall-thickness)) var(--cell-size)}.cell{background-color:#f0f0f0;border-radius:4px;position:relative;display:flex;justify-content:center;align-items:center;cursor:default}.cell.clickable{cursor:pointer}.cell.clickable:hover{background-color:#e0e0e0}.pawn{width:65%;height:65%;border-radius:50%;box-shadow:0 2px 4px #0000004d;z-index:5;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pawn.p1{background:var(--p1-color);border:2px solid #ccc}.pawn.p2{background:var(--p2-color)}.wall-slot{transition:background-color .15s;cursor:pointer;position:relative}.wall-slot.disabled{cursor:not-allowed;pointer-events:none}.wall-slot:hover{background-color:var(--accent-color)}.wall-slot.placed{background-color:#ff69b4!important;cursor:default}.wall-v,.wall-h{width:100%;height:100%}.wall-center{background-color:transparent;transition:background-color .15s}.wall-center.placed{background-color:#ff69b4!important}.potential-move{background-color:gray;opacity:.3}.depth-slider-wrapper{margin-bottom:15px}.depth-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.depth-label span{font-weight:600}.depth-value{background:var(--highlight);color:#fff;padding:2px 8px;border-radius:4px;font-size:.85rem;font-weight:600}.depth-slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--highlight);cursor:pointer;transition:transform .2s}.depth-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.depth-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--highlight);cursor:pointer;border:none;transition:transform .2s}.depth-slider::-moz-range-thumb:hover{transform:scale(1.2)}.depth-slider.disabled{opacity:.3;pointer-events:none}.difficulty-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:4px}