:root{--scrollbar-width:17px;--fixed-cell-size:25px;--grid-cols:32;--grid-rows:20;--highlight-color:rgba(0, 123, 255, 0.3);--field-padding-x:5px;--resize-handle-width:4px}body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:gray;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#game-container{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;width:90vw;max-width:1600px;height:90vh;max-height:1400px;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);overflow:hidden}#game-header{background-color:#101d6b;color:#fff;padding:15px 25px;border-bottom:1px solid #024;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;gap:30px}.header-center,.header-left,.header-right{display:flex;align-items:center;gap:15px}#game-title{font-size:1.8em;font-weight:600;margin:0}#difficulty-display,#timer-display{font-size:1.1em;font-weight:500;padding:5px 10px;border-radius:5px;background-color:rgba(255,255,255,.1);min-width:80px;text-align:center}#game-header h1{margin:0;font-size:1.8em;font-weight:600}#game-main-content{display:grid;grid-template-columns:3fr 1fr;gap:1px;background-color:#e0e2e6;overflow:hidden}#main-canvas-area{padding:20px;background-color:#f0f2f5;border-right:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto}#main-canvas-area h2{color:#036;margin-bottom:20px;text-align:center;font-size:1.5em;font-weight:600;flex-shrink:0}.grid-aspect-ratio-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-grow:1}#mrs-grid-container{display:grid;grid-template-columns:repeat(var(--grid-cols),var(--fixed-cell-size));grid-template-rows:repeat(var(--grid-rows),var(--fixed-cell-size));gap:0;border:1px solid #ced4da;background-color:#fff;position:relative;margin:0;flex-shrink:0;flex-grow:0;box-shadow:0 2px 5px rgba(0,0,0,.1)}#mrs-grid-container p#grid-placeholder{grid-column:1/-1;grid-row:1/-1;display:flex;justify-content:center;align-items:center;color:#aaa;font-style:italic;font-size:1.1em;pointer-events:none;z-index:1}.grid-cell{background-image:linear-gradient(to right,#e0e0e0 1px,transparent 1px),linear-gradient(to bottom,#e0e0e0 1px,transparent 1px);background-size:100% 100%;box-sizing:border-box;z-index:0}#field-bank-area{background-color:#e9ecef;padding:20px;border-left:1px solid #d0d3d7;display:flex;flex-direction:column;flex-grow:1}#field-bank-area h3{margin-top:0;color:#343a40;font-size:1.2em;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}#grid-rows-cols-container,#new-field-creation-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:15px;flex-shrink:0}#grid-settings-content,#new-field-content{transition:all .3s ease-in-out;overflow:hidden}.collapsed{display:none!important}.toggle-icon{font-size:1.2em;cursor:pointer;color:#007bff;transition:transform .2s ease-in-out}#field-list-container{display:flex;flex-direction:column;gap:10px;flex-grow:1;overflow-y:auto;padding-right:5px;border:2px dashed transparent;transition:border-color .2s ease,background-color .2s ease;min-height:0;flex-basis:0}#field-list-container.drag-over-palette{border-color:#007bff;background-color:#e6f7ff}.draggable-field{background-color:#6c757d;color:#fff;padding:0 var(--field-padding-x);cursor:grab;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:background-color .2s ease,transform .1s ease;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:.9em;border-radius:5px;transform:translateZ(0);box-sizing:border-box;height:23px;flex-shrink:0}.draggable-field:hover{filter:brightness(1.1);transform:translateY(-1px)}.draggable-field:active{cursor:grabbing}.draggable-field .field-name{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:clip;text-align:left;min-width:0}.draggable-field .field-bits{flex-shrink:0;text-align:right;font-weight:400;opacity:.8;margin-left:5px}.drop-zone-field{position:absolute;border:1px dashed #adb5bd;border-radius:3px;box-sizing:border-box;z-index:5;pointer-events:auto;display:flex;justify-content:center;align-items:center;font-size:.8em;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop-zone-field.visible-placeholder{background-color:#e9ecef;color:#6c757d;border-color:#adb5bd}.drop-zone-field.hidden-placeholder-dropzone{background-color:rgba(255,255,255,.5);color:#888;border-style:dashed;border-color:#adb5bd}.drop-zone-field.drop-zone-highlight{border-color:#007bff;background-color:rgba(0,123,255,.1)}.placed-field{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:0 var(--field-padding-x);min-width:25px;background-color:#6c757d;color:#fff;border-radius:3px;font-size:.9em;text-overflow:clip;z-index:10;border:1px solid rgba(0,0,0,.2);cursor:default;text-align:center}.placed-field[draggable=true]{cursor:grab}.placed-field.hidden-placeholder{background-color:#e9ecef;color:#6c757d;border:1px dashed #adb5bd;cursor:default;z-index:5;transition:none}.placed-field.hidden-placeholder .field-name{position:static;width:auto;text-align:center;display:flex;justify-content:center;align-items:center;height:100%}.placed-field .field-name{height:100%;display:flex;align-items:center;white-space:nowrap;text-overflow:clip;padding:0;box-sizing:border-box;pointer-events:none;position:static;width:auto}.placed-field .field-bits{display:none}.placed-field .field-name:empty{display:none}.draggable-field .field-bits:empty{display:none}.drag-highlight-segment{position:absolute;background-color:var(--highlight-color);border:1px dashed #007bff;border-radius:3px;pointer-events:none;z-index:20;box-sizing:border-box}.placed-field:hover:not([draggable=false]):not(.hidden-placeholder){filter:brightness(1.1)}.placed-field.dragging-placed-field,.placed-field.resizing-field{opacity:.5;border-style:dashed}.resize-handle{position:absolute;top:0;height:100%;width:var(--resize-handle-width);cursor:all-scroll!important;z-index:25}.resize-handle.left{left:0}.resize-handle.right{right:0}#game-setup-panel{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:20px}#game-setup-panel h3{margin-top:0;color:#343a40;font-size:1.2em;margin-bottom:15px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.input-group input[type=color],.input-group input[type=number],.input-group input[type=text],.input-group select{width:calc(100% - 20px);padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:1em;box-sizing:border-box}#start-game-btn{width:100%;background-color:#28a745;color:#fff}#start-game-from-wheel-btn{background-color:#28a745;color:#fff}#start-game-btn:hover:not(:disabled){background-color:#218838}#start-game-btn:active:not(:disabled){transform:translateY(0)}#insane-field-creation{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:20px}#insane-field-creation h3{margin-top:0;color:#343a40;font-size:1.2em;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}#insane-field-creation .control-button{margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}#insane-field-creation #add-new-field-btn{margin-right:0}.control-button .bi,.primary-button .bi{margin-right:8px}.delete-player-field-btn{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:.7em;line-height:1;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:8px;flex-shrink:0;transition:background-color .2s ease}.delete-player-field-btn:hover{background-color:#c82333}.hidden{display:none!important}#grid-placeholder{grid-column:1/-1;grid-row:1/-1;display:flex;justify-content:center;align-items:center;color:#aaa;font-style:italic;font-size:1.1em;pointer-events:none;z-index:1}#control-panel-area{background-color:#343a40;padding:15px 25px;border-top:1px solid #212529;display:flex;justify-content:space-between;align-items:center}.undo-redo-group{display:flex;gap:10px}.control-button{background-color:#6c757d;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1.1em;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.control-button:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.primary-button{background-color:#dc3545;color:#fff;font-weight:700;font-size:1.3em;padding:15px 35px;border-radius:12px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:inline-block}.primary-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}#results-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);min-width:300px;max-width:500px;text-align:center;font-size:1.2em;font-weight:700;opacity:.7}#overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}#results-panel:not(.hidden)+#overlay-backdrop{display:block}#play-again-btn{margin-top:25px;background-color:#007bff;color:#fff;border:none;padding:10px 25px;border-radius:12px;font-size:1.1em;cursor:pointer;transition:background-color .2s ease}#close-feedback-btn:hover{background-color:#0056b3}@keyframes popIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.setting_for_insane{width:5px}.collapsed{display:none!important}#game-mode-wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:20px;text-align:center;background-color:#f0f2f5;border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,.1);min-height:300px}#game-mode-wheel-container .wheel-display{margin-bottom:20px;font-size:1.5em;font-weight:700;color:#036}#game-mode-wheel-container .wheel-display p{margin:5px 0}#game-mode-wheel-container .wheel-visual{width:200px;height:200px;border-radius:50%;border:5px solid #007bff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:30px;position:relative;box-shadow:0 0 15px rgba(0,123,255,.5)}.wheel-inner{width:100%;height:100%;background:linear-gradient(45deg,#007bff,#0056b3,#007bff);border-radius:50%;position:absolute;animation:none;display:flex;align-items:center;justify-content:center;font-size:1.2em;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(3600deg)}}.wheel-inner.spinning{animation:spin 3s cubic-bezier(.25,.1,.25,1) forwards}.wheel-controls{display:flex;gap:15px;margin-top:20px}#spin-wheel-btn .bi{margin-left:8px;margin-right:0}#mrs-grid-container.hidden{display:none!important}.one-bit-field{font-size:.7em;line-height:1;padding:0 1px}.one-bit-field .field-bits{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;color:#fff;text-align:center}.overlay.hidden{display:none}.overlay-content{background-color:#333;color:#eee;padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.5);max-width:90%;max-height:90%;overflow-y:auto;text-align:center}.overlay-content h2{font-size:2.5em;margin-bottom:20px}.overlay-content p{font-size:1.5em;margin-bottom:30px}.overlay-content .control-button{padding:15px 30px;font-size:1.2em;cursor:pointer;border:none;border-radius:5px;background-color:#007bff;color:#fff;transition:background-color .2s ease}.overlay-content .control-button:hover{background-color:#0056b3}.mrs-grid-container-snapshot{border:2px solid #007bff;background-color:#f8f9fa;position:relative;margin:20px auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.mrs-grid-container-snapshot .placed-field{cursor:default!important;pointer-events:none!important;border:1px solid rgba(0,0,0,.1)}.mrs-grid-container-snapshot .resize-handle{display:none!important}.mrs-grid-container-snapshot .grid-cell{background-color:#fff;border:1px dashed #e9ecef}#snapshot-mrs-grid-container{border:2px solid #007bff;background-color:#f8f9fa;position:relative;margin:20px auto;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}#snapshot-mrs-grid-container .grid-cell{background-color:#fff;border:1px dashed #e9ecef;box-sizing:border-box}#snapshot-mrs-grid-container .placed-field{cursor:default!important;pointer-events:none!important;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;text-align:center;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}#snapshot-mrs-grid-container .placed-field .field-bits{font-size:.7em;margin-left:3px}#snapshot-mrs-grid-container .snapshot-drop-zone{box-sizing:border-box;background-color:rgba(0,123,255,.1);border:1px dashed #007bff;color:#007bff;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:400;text-align:center;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}#snapshot-mrs-grid-container .placed-field{z-index:2}