.turf-calculator{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;box-sizing:border-box}.turf-calculator *{box-sizing:border-box}.turf-calculator h2{text-align:center}.turf-calculator .calculator-guidance-only{text-align:right}.turf-calculator .calculator-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.turf-calculator .total-area-display{margin:40px auto 10px;padding:20px;background:#f2f2f2;max-width:388px;text-align:center}.turf-calculator .total-area-display div{font-size:1.7em;margin-bottom:10px}.turf-calculator .main-content{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}.turf-calculator .sliders-and-graphic{display:flex;align-items:stretch;gap:20px;min-height:400px}.turf-calculator .vertical-slider-container{align-items:center;padding:20px;min-height:350px;width:80px;flex-shrink:0;position:relative}.turf-calculator .vertical-slider-container label{writing-mode:vertical-rl;text-orientation:mixed;margin-bottom:20px;font-weight:bold;color:#333;font-size:12px}.turf-calculator .vertical-slider-container .vertical-slider{-webkit-appearance:slider-vertical;width:20px;height:100%;background:#4caf50;outline:none;opacity:.7;transition:opacity .2s;transform:none;border-radius:10px;accent-color:#5c8b36}.turf-calculator .vertical-slider-container .vertical-slider:hover{opacity:1}.turf-calculator .vertical-slider-container .vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2e7d32;cursor:pointer;border-radius:50%}.turf-calculator .vertical-slider-container .vertical-slider::-moz-range-thumb{width:20px;height:20px;background:#2e7d32;cursor:pointer;border-radius:50%;border:none}.turf-calculator .vertical-slider-container .slider-value{margin-top:15px;font-size:1.5em;font-weight:bold;color:#333;position:absolute;right:-14px;top:calc(50% - 26px)}.turf-calculator .central-display{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#fff;padding:20px;min-height:350px;position:relative}.turf-calculator .central-display .shape-display{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;position:relative;z-index:2}.turf-calculator .central-display .shape-display .shape-overlay{position:relative;display:flex;align-items:center;justify-content:center;background-image:url(../js/../images/expert-turf-calc-bg.jpg);background-position:center;background-repeat:repeat;transition:all .3s ease;border:2px solid rgba(76,175,80,.8);box-shadow:0 2px 8px rgba(0,0,0,.2);width:100%;transform:perspective(600px) rotateX(25deg);transform-style:preserve-3d}.turf-calculator .central-display .shape-display .shape-overlay.circle-shape{aspect-ratio:1/1;height:auto !important;max-height:100%;max-width:360px;width:100%}.turf-calculator .central-display .area-display{margin-top:20px;font-size:18px;font-weight:bold;color:#333;padding:10px 20px;background:#f9f9f9;border-radius:5px;border:1px solid #ddd;text-align:center}.turf-calculator .horizontal-slider-container{display:flex;gap:15px;padding:0 30px;position:relative;left:50px;flex-direction:column;align-items:stretch}.turf-calculator .horizontal-slider-container label{font-weight:bold;color:#333;white-space:nowrap;min-width:100px;font-size:14px}.turf-calculator .horizontal-slider-container .horizontal-slider{flex:1;height:20px;background:#4caf50;outline:none;opacity:.7;transition:opacity .2s;border-radius:10px;accent-color:#5c8b36}.turf-calculator .horizontal-slider-container .horizontal-slider:hover{opacity:1}.turf-calculator .horizontal-slider-container .horizontal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2e7d32;cursor:pointer;border-radius:50%}.turf-calculator .horizontal-slider-container .horizontal-slider::-moz-range-thumb{width:20px;height:20px;background:#2e7d32;cursor:pointer;border-radius:50%;border:none}.turf-calculator .horizontal-slider-container .slider-value{font-size:1.5em;font-weight:bold;color:#333;min-width:50px;text-align:center}.turf-calculator .controls-panel{width:210px;min-width:210px;padding:20px;display:flex;flex-direction:column;gap:10px;height:fit-content}.turf-calculator .controls-panel .control-group{display:flex;flex-direction:column;gap:8px}.turf-calculator .controls-panel .control-group label{font-weight:bold;color:#333;font-size:14px}.turf-calculator .controls-panel .control-group.inline-input-group{flex-direction:row;align-items:stretch;gap:0}.turf-calculator .controls-panel .control-group.inline-input-group label{margin:0;min-width:70px;white-space:nowrap;display:flex;align-items:center}.turf-calculator .controls-panel .control-group.inline-input-group .inline-input{width:60px;padding:6px 8px;text-align:center;border:1px solid #ddd;border-radius:4px 0 0 4px;border-right:none;font-size:14px;background:#fff;transition:border-color .2s;box-sizing:border-box;margin:0}.turf-calculator .controls-panel .control-group.inline-input-group .inline-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.turf-calculator .controls-panel .control-group.inline-input-group .input-unit{color:#666;font-size:14px;min-width:30px;background-color:#f8f9fa;border:1px solid #ddd;border-left:none;border-radius:0 4px 4px 0;padding:6px 8px;display:flex;align-items:center;box-sizing:border-box;margin:0;margin-left:-1px}.turf-calculator .controls-panel .control-group.inline-input-group .inline-input+.input-unit{margin-left:0}.turf-calculator .controls-panel .control-group .number-input,.turf-calculator .controls-panel .control-group .select-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;transition:border-color .2s;box-sizing:border-box}.turf-calculator .controls-panel .control-group .number-input:focus,.turf-calculator .controls-panel .control-group .select-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.turf-calculator .controls-panel .control-group .select-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23666%27%3E%3Cpath d=%27m8 11-4-4h8l-4 4z%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}@media(max-width: 1024px){.turf-calculator .controls-panel{width:250px;min-width:250px}}@media(max-width: 768px){.turf-calculator{padding:15px}.turf-calculator .calculator-container{flex-direction:column;gap:15px}.turf-calculator .main-content{order:1}.turf-calculator .controls-panel{order:2;width:100%;min-width:auto}.turf-calculator .central-display{margin-right:40px}.turf-calculator .horizontal-slider-container{padding:0 85px 0 45px}}@media(max-width: 480px){.turf-calculator{padding:10px}.turf-calculator .calculator-container{gap:10px}.turf-calculator .controls-panel{padding:15px;gap:15px}.turf-calculator .sliders-and-graphic,.turf-calculator .vertical-slider-container,.turf-calculator .central-display{min-height:250px}}.turf-calculator-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;box-sizing:border-box}.turf-calculator-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);position:relative;width:900px;max-width:95vw;max-height:95vh;overflow-y:auto;overflow-x:hidden;animation:modalFadeIn .2s ease-out}.turf-calculator-modal .modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#666;transition:all .2s ease;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.turf-calculator-modal .modal-close-button:hover{background-color:#f5f5f5;color:#333}.turf-calculator-modal .modal-close-button:focus{outline:2px solid #4caf50;outline-offset:2px}.turf-calculator-modal .modal-close-button svg{width:20px;height:20px}.turf-calculator-modal .turf-calculator{padding-top:60px;padding-right:30px;padding-left:30px;padding-bottom:30px}.open-calculator-button{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.open-calculator-button:hover{background:#45a049}.open-calculator-button:focus{outline:2px solid #4caf50;outline-offset:2px}.open-calculator-button:active{transform:translateY(1px)}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width: 768px){.turf-calculator-modal{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.turf-calculator-modal .turf-calculator{padding:50px 20px 20px}.turf-calculator-modal .modal-close-button{top:10px;right:10px;width:36px;height:36px}.turf-calculator-modal .modal-close-button svg{width:18px;height:18px}}@media(max-width: 480px){.turf-calculator-modal-backdrop{padding:10px}.turf-calculator-modal .turf-calculator{padding:45px 15px 15px}.turf-calculator-modal .modal-close-button{width:32px;height:32px}.turf-calculator-modal .modal-close-button svg{width:16px;height:16px}.open-calculator-button{padding:10px 20px;font-size:14px}}