:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landmark-tooltip{position:fixed;z-index:1001;background-color:#000000e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;max-width:280px;min-width:120px;word-wrap:break-word;box-shadow:0 4px 16px #0006;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;border:1px solid rgba(255,255,255,.2)}.landmark-tooltip--visible{opacity:1;transform:translateY(0)}.landmark-tooltip__content{position:relative}.landmark-tooltip__name{font-weight:600;font-size:15px;margin-bottom:4px;color:gold}.landmark-tooltip__description{font-size:13px;color:#e0e0e0;line-height:1.3}.landmark-tooltip__name:only-child{margin-bottom:0;font-size:14px}.app--projection-mode .landmark-tooltip{background-color:var(--projection-bg-secondary);color:var(--projection-text-primary);border:2px solid var(--projection-accent);font-size:18px;font-weight:600;box-shadow:0 6px 20px #000c;padding:16px 20px;max-width:320px}.app--projection-mode .landmark-tooltip__name{color:var(--projection-accent);font-size:20px;margin-bottom:6px}.app--projection-mode .landmark-tooltip__description{color:var(--projection-text-secondary);font-size:16px}.app--projection-mode.app--large-text .landmark-tooltip{font-size:20px;padding:20px 24px;max-width:360px}.app--projection-mode.app--large-text .landmark-tooltip__name{font-size:22px;margin-bottom:8px}.app--projection-mode.app--large-text .landmark-tooltip__description{font-size:18px}@media (prefers-contrast: high){.landmark-tooltip{background-color:#000;border:2px solid #fff;font-weight:600}.landmark-tooltip__name{color:#ff0}.landmark-tooltip__description{color:#fff}}@media (prefers-reduced-motion: reduce){.landmark-tooltip{transition:opacity .1s ease;transform:none!important}.landmark-tooltip--visible{transform:none!important}}@media (max-width: 768px){.landmark-tooltip{font-size:13px;padding:10px 14px;max-width:240px}.landmark-tooltip__name{font-size:14px}.landmark-tooltip__description{font-size:12px}}.property-dialog-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.property-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.property-dialog-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;position:relative}.property-dialog-header h2{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#111827}.hex-coordinate{margin:0;font-size:.875rem;color:#6b7280}.property-dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;line-height:1;border-radius:4px;transition:color .2s,background-color .2s}.property-dialog-close:hover{color:#374151;background-color:#f3f4f6}.property-dialog-content{padding:20px 24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.875rem}.form-input,.form-textarea,.form-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:80px}fieldset{border:none;padding:0;margin:0}legend{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.875rem;padding:0}.icon-type-selector{display:flex;gap:8px;margin-bottom:12px}.icon-type-button{flex:1;padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.icon-type-button:hover{border-color:#9ca3af;background-color:#f9fafb}.icon-type-button.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.icon-type-button.active:hover{background-color:#2563eb;border-color:#2563eb}.character-count{display:block;margin-top:4px;font-size:.75rem;color:#6b7280;text-align:right}.error-message{display:block;margin-top:4px;font-size:.75rem;color:#ef4444}.property-dialog-footer{padding:16px 24px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.button{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.button-secondary{background:#fff;color:#374151;border-color:#d1d5db}.button-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.button-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.button-primary:hover{background-color:#2563eb;border-color:#2563eb}.button-primary:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.button-danger{border:1px solid #dc2626;background:#dc2626;color:#fff}.button-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.button-danger:disabled{cursor:not-allowed;background-color:#9ca3af;border-color:#9ca3af;color:#fff}@media (max-width: 640px){.property-dialog-backdrop{padding:10px}.property-dialog{max-width:none}.property-dialog-header,.property-dialog-content,.property-dialog-footer{padding-left:16px;padding-right:16px}.property-dialog-footer{flex-direction:column-reverse}.button{width:100%}}.property-dialog-backdrop:focus-within .property-dialog{outline:none}.property-dialog-backdrop{animation:fadeIn .2s ease-out}.property-dialog{animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;z-index:1000;background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;max-width:250px;word-wrap:break-word;box-shadow:0 4px 12px #0000004d;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.tooltip--visible{opacity:1;transform:scale(1)}.tooltip__content{position:relative;z-index:1}.tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%) scale(.8);margin-bottom:8px}.tooltip--top.tooltip--visible{transform:translate(-50%) scale(1)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%) scale(.8);margin-top:8px}.tooltip--bottom.tooltip--visible{transform:translate(-50%) scale(1)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%) scale(.8);margin-right:8px}.tooltip--left.tooltip--visible{transform:translateY(-50%) scale(1)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%) scale(.8);margin-left:8px}.tooltip--right.tooltip--visible{transform:translateY(-50%) scale(1)}.tooltip__arrow--top{top:100%;left:50%;margin-left:-6px;border-top-color:#333}.tooltip__arrow--bottom{bottom:100%;left:50%;margin-left:-6px;border-bottom-color:#333}.tooltip__arrow--left{left:100%;top:50%;margin-top:-6px;border-left-color:#333}.tooltip__arrow--right{right:100%;top:50%;margin-top:-6px;border-right-color:#333}.app--projection-mode .tooltip{background-color:var(--projection-bg-secondary);color:var(--projection-text-primary);border:2px solid var(--projection-accent);font-size:16px;font-weight:600;box-shadow:0 4px 16px #000c}.app--projection-mode .tooltip__arrow--top{border-top-color:var(--projection-bg-secondary)}.app--projection-mode .tooltip__arrow--bottom{border-bottom-color:var(--projection-bg-secondary)}.app--projection-mode .tooltip__arrow--left{border-left-color:var(--projection-bg-secondary)}.app--projection-mode .tooltip__arrow--right{border-right-color:var(--projection-bg-secondary)}.app--projection-mode.app--large-text .tooltip{font-size:18px;padding:12px 16px;max-width:300px}@media (prefers-contrast: high){.tooltip{background-color:#000;border:2px solid #fff;font-weight:600}.tooltip__arrow--top{border-top-color:#000}.tooltip__arrow--bottom{border-bottom-color:#000}.tooltip__arrow--left{border-left-color:#000}.tooltip__arrow--right{border-right-color:#000}}@media (prefers-reduced-motion: reduce){.tooltip{transition:opacity .1s ease;transform:none!important}.tooltip--visible{transform:none!important}}.mode-toggle{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.mode-toggle__header{margin-bottom:12px}.mode-toggle__header h3{margin:0;font-size:16px;font-weight:600;color:#333}.mode-toggle__buttons{display:flex;gap:8px;margin-bottom:12px}.mode-toggle__button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #e0e0e0;border-radius:6px;background:#f8f9fa;cursor:pointer;transition:all .2s ease;font-size:14px;color:#666}.mode-toggle__button:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff33}.mode-toggle__button--active{border-color:#007bff;background:#007bff;color:#fff;box-shadow:0 2px 8px #007bff4d}.mode-toggle__button--active:hover{background:#0056b3;border-color:#0056b3}.mode-toggle__icon{font-size:20px;line-height:1}.mode-toggle__label{font-weight:500;font-size:12px;text-align:center}.mode-toggle__quick-switch{margin-bottom:12px}.mode-toggle__quick-button{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#f8f9fa;cursor:pointer;font-size:12px;color:#666;transition:all .2s ease}.mode-toggle__quick-button:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.mode-toggle__description{border-top:1px solid #e9ecef;padding-top:12px}.mode-toggle__description-text{margin:0;font-size:12px;line-height:1.4;color:#666}.mode-toggle__description-text strong{color:#333}.mode-toggle--gm-mode{border-color:#28a745;background:linear-gradient(135deg,#f8fff9,#fff)}.mode-toggle--player-mode{border-color:#17a2b8;background:linear-gradient(135deg,#f0f9ff,#fff)}.mode-toggle *{transition:color .3s ease,background-color .3s ease,border-color .3s ease}@media (max-width: 768px){.mode-toggle{padding:12px}.mode-toggle__buttons{flex-direction:column}.mode-toggle__button{flex-direction:row;justify-content:center;padding:10px 12px}.mode-toggle__icon{margin-right:8px}}@media (prefers-contrast: high){.mode-toggle{border-width:2px;box-shadow:0 4px 8px #0003}.mode-toggle__button{border-width:3px;font-weight:600}.mode-toggle__button--active{background:#000;border-color:#000;color:#fff}}@keyframes modeTransition{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.mode-toggle--transitioning{animation:modeTransition .3s ease-out}.player-controls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.player-controls-header{margin-bottom:16px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.player-controls-header h3{margin:0;color:#495057;font-size:18px;font-weight:600}.control-section{margin-bottom:20px}.control-section label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.sight-distance-slider{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;margin-bottom:8px;cursor:pointer}.sight-distance-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}.sight-distance-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#6c757d;margin-top:4px}.reveal-mode-toggle{display:flex;gap:4px;margin-bottom:8px}.toggle-button{flex:1;padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.toggle-button:hover{background:#e9ecef;border-color:#adb5bd}.toggle-button.active{background:#007bff;color:#fff;border-color:#007bff}.toggle-button.active:hover{background:#0056b3;border-color:#0056b3}.reveal-mode-description{font-size:12px;color:#6c757d;font-style:italic}.player-positions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.clear-all-button{padding:4px 8px;font-size:12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.clear-all-button:hover{background:#c82333}.no-players{padding:12px;text-align:center;color:#6c757d;font-style:italic;background:#fff;border:1px dashed #dee2e6;border-radius:4px}.player-list{background:#fff;border:1px solid #dee2e6;border-radius:4px;max-height:150px;overflow-y:auto}.player-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f8f9fa}.player-item:last-child{border-bottom:none}.player-coordinate{font-size:14px;color:#495057;font-family:Courier New,monospace}.remove-player-button{width:24px;height:24px;border:none;background:#dc3545;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-player-button:hover{background:#c82333}.instructions{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;padding:12px}.instructions strong{color:#0056b3;display:block;margin-bottom:8px}.instructions ul{margin:0;padding-left:20px}.instructions li{font-size:13px;color:#495057;margin-bottom:4px}.instructions li:last-child{margin-bottom:0}@media (max-width: 768px){.player-controls{padding:12px}.reveal-mode-toggle{flex-direction:column}.toggle-button{margin-bottom:4px}.player-positions-header{flex-direction:column;align-items:flex-start;gap:8px}}.projection-controls{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-top:16px;box-shadow:0 2px 4px #0000001a}.projection-controls__header h3{margin:0 0 4px;font-size:16px;color:#2c3e50;font-weight:600}.projection-controls__header p{margin:0 0 16px;font-size:13px;color:#666;line-height:1.4}.projection-controls__main-toggle{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.projection-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.projection-toggle input[type=checkbox]{display:none}.projection-toggle__slider{position:relative;width:48px;height:24px;background:#ccc;border-radius:24px;transition:background .3s ease;flex-shrink:0}.projection-toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.projection-toggle input:checked+.projection-toggle__slider{background:#28a745}.projection-toggle input:checked+.projection-toggle__slider:before{transform:translate(24px)}.projection-toggle__label{font-weight:500;color:#2c3e50}.projection-controls__settings{border-top:1px solid #e9ecef;padding-top:16px;margin-bottom:16px}.projection-setting{margin-bottom:12px;padding:8px 0}.projection-setting label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2c3e50;margin-bottom:4px}.projection-setting input[type=checkbox]{width:16px;height:16px;accent-color:#007bff}.projection-setting small{display:block;color:#6c757d;font-size:12px;margin-left:24px;line-height:1.3}.projection-controls__actions{border-top:1px solid #e9ecef;padding-top:16px;margin-bottom:16px}.projection-button{width:100%;padding:10px 16px;border:1px solid #007bff;background:#007bff;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.projection-button:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.projection-button:active{transform:translateY(0);box-shadow:0 1px 2px #007bff4d}.projection-button--fullscreen{background:#6f42c1;border-color:#6f42c1}.projection-button--fullscreen:hover{background:#5a32a3;border-color:#5a32a3;box-shadow:0 2px 4px #6f42c14d}.projection-controls__shortcuts{border-top:1px solid #e9ecef;padding-top:16px}.projection-controls__shortcuts h4{margin:0 0 12px;font-size:14px;color:#2c3e50;font-weight:600}.shortcut-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.shortcut-item kbd{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:11px;color:#495057;min-width:24px;text-align:center}.shortcut-item span{color:#6c757d;flex:1;text-align:right}.projection-controls--active{border-color:#28a745;box-shadow:0 2px 8px #28a74533}.projection-controls--active .projection-controls__header h3{color:#28a745}@media (max-width: 768px){.projection-controls{padding:12px}.projection-controls__header h3{font-size:14px}.projection-controls__header p{font-size:12px}.projection-button{padding:8px 12px;font-size:13px}.shortcut-list{display:none}}.settings-panel-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-panel{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.settings-panel__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.settings-panel__header h2{margin:0;font-size:1.5rem;color:#333}.settings-panel__close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:background-color .2s}.settings-panel__close:hover{background-color:#e0e0e0;color:#333}.settings-panel__tabs{display:flex;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.settings-tab{flex:1;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .2s;border-bottom:2px solid transparent}.settings-tab:hover{background-color:#e9ecef;color:#333}.settings-tab--active{color:#007bff;border-bottom-color:#007bff;background-color:#fff}.settings-panel__content{flex:1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 16px;font-size:1.1rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.settings-row{display:flex;align-items:center;margin-bottom:16px;gap:12px}.settings-row label{min-width:120px;font-weight:500;color:#555;font-size:14px}.settings-row input[type=number]{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.settings-row input[type=range]{flex:1;max-width:200px}.settings-row input[type=color]{width:50px;height:32px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:2px}.settings-value{min-width:50px;font-size:14px;color:#666;font-weight:500}.settings-hint{font-size:12px;color:#888;margin:8px 0 0;font-style:italic}.terrain-colors{display:flex;flex-direction:column;gap:12px}.terrain-colors .settings-row{margin-bottom:0}.terrain-colors label{min-width:100px}.settings-panel__footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.settings-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-button--primary{background-color:#007bff;color:#fff}.settings-button--primary:hover{background-color:#0056b3}.settings-button--secondary{background-color:#6c757d;color:#fff}.settings-button--secondary:hover{background-color:#545b62}@media (max-width: 768px){.settings-panel{width:95%;max-height:90vh}.settings-panel__header{padding:16px 20px}.settings-panel__content{padding:20px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-row label{min-width:auto}.settings-row input[type=range]{width:100%;max-width:none}}.settings-button-trigger{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.settings-button-trigger:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.settings-button-trigger:active{transform:translateY(0);background:#dee2e6}.map-manager-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.map-manager{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.map-manager__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.map-manager__header h2{margin:0;color:#333;font-size:1.25rem}.map-manager__close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.map-manager__close-btn:hover{background-color:#e9ecef;color:#333}.map-manager__content{padding:1.5rem;overflow-y:auto;flex:1}.map-manager__section{margin-bottom:2rem}.map-manager__section:last-child{margin-bottom:0}.map-manager__section h3{margin:0 0 1rem;color:#333;font-size:1.1rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.current-map-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.current-map-details{display:flex;flex-direction:column;gap:.25rem}.current-map-details strong{font-size:1rem;color:#333}.map-dimensions{font-size:.875rem;color:#666}.no-current-map{color:#666;font-style:italic;margin:0;padding:1rem;text-align:center;background-color:#f8f9fa;border-radius:6px}.create-map-form{padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.saved-maps-list{display:flex;flex-direction:column;gap:.75rem}.saved-map-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.saved-map-info{flex:1}.saved-map-name{font-weight:500;color:#333;margin-bottom:.25rem}.saved-map-details{font-size:.875rem;color:#666;display:flex;align-items:center;gap:.5rem}.current-indicator{color:#007bff;font-weight:500}.saved-map-actions{display:flex;gap:.5rem}.no-saved-maps{color:#666;font-style:italic;margin:0;padding:1rem;text-align:center;background-color:#f8f9fa;border-radius:6px}.import-export-actions{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.import-export-note{font-size:.875rem;color:#666;margin:0;padding:.75rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #007bff}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:#007bff;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0056b3}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#545b62}.btn--danger{background-color:#dc3545;color:#fff}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn--small{padding:.375rem .75rem;font-size:.8125rem}.delete-confirm-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.delete-confirm-modal{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.delete-confirm-modal h4{margin:0 0 1rem;color:#333}.delete-confirm-modal p{margin:0 0 1.5rem;color:#666;line-height:1.5}.delete-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 768px){.map-manager{width:95%;max-height:95vh}.map-manager__content{padding:1rem}.current-map-info,.saved-map-item{flex-direction:column;align-items:flex-start;gap:1rem}.saved-map-actions{align-self:stretch;justify-content:flex-end}.import-export-actions{flex-direction:column}.form-row{grid-template-columns:1fr}}.map-manager-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.map-manager-button:hover{background-color:#0056b3}.map-manager-button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.map-manager-button__icon{flex-shrink:0}.help-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:helpOverlayFadeIn .3s ease-out}@keyframes helpOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.help-panel{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;max-height:90vh;width:100%;display:flex;flex-direction:column;animation:helpPanelSlideIn .3s ease-out;overflow:hidden}@keyframes helpPanelSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.help-panel__header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.help-panel__header h2{margin:0;font-size:24px;font-weight:600}.help-panel__close{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.help-panel__close:hover{background-color:#fff3}.help-panel__content{flex:1;overflow-y:auto;padding:0}.help-section{padding:24px;border-bottom:1px solid #f0f0f0}.help-section:last-child{border-bottom:none}.help-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.help-content{color:#555;line-height:1.6}.help-content p{margin:0 0 12px}.help-content ul{margin:0;padding-left:20px}.help-content li{margin-bottom:8px}.help-content strong{color:#2c3e50;font-weight:600}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:8px 0}.shortcut-key{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:600;color:#495057;min-width:60px;text-align:center;box-shadow:0 1px 2px #0000001a}.shortcut-description{color:#666;font-size:14px;flex:1}.help-section--projection{background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:2px solid #28a745;border-radius:8px;margin:0 24px}.help-section--projection h3{color:#28a745}.help-panel__footer{background:#f8f9fa;padding:16px 24px;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:14px}.help-panel__footer kbd{background:#e9ecef;border:1px solid #ced4da;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.help-note{background:#f8f9fa;border-left:4px solid #007bff;padding:12px 16px;margin:16px 0 0;border-radius:0 4px 4px 0;font-size:14px;color:#495057}.help-note strong{color:#007bff}.app--projection-mode .help-overlay{background-color:#000000e6}.app--projection-mode .help-panel{background:var(--projection-bg-secondary);color:var(--projection-text-primary);border:3px solid var(--projection-accent)}.app--projection-mode .help-panel__header{background:var(--projection-bg-primary);color:var(--projection-text-primary);border-bottom-color:var(--projection-border)}.app--projection-mode .help-panel__close{color:var(--projection-text-primary)}.app--projection-mode .help-panel__close:hover{background-color:var(--projection-hover)}.app--projection-mode .help-section{border-bottom-color:var(--projection-border)}.app--projection-mode .help-section h3{color:var(--projection-accent)}.app--projection-mode .help-content{color:var(--projection-text-secondary)}.app--projection-mode .help-content strong{color:var(--projection-text-primary)}.app--projection-mode .shortcut-description{color:var(--projection-text-secondary)}.app--projection-mode .help-panel__footer{background:var(--projection-bg-primary);border-top-color:var(--projection-border);color:var(--projection-text-secondary)}.app--projection-mode .help-panel__footer kbd{background:var(--projection-bg-secondary);border-color:var(--projection-border);color:var(--projection-accent)}.app--projection-mode.app--large-text .help-panel{font-size:18px}.app--projection-mode.app--large-text .help-panel__header h2{font-size:28px}.app--projection-mode.app--large-text .help-section h3{font-size:22px}.app--projection-mode.app--large-text .shortcut-key{font-size:14px;padding:6px 10px}.app--projection-mode.app--large-text .shortcut-description{font-size:16px}@media (max-width: 768px){.help-overlay{padding:10px}.help-panel{max-height:95vh}.help-panel__header{padding:16px}.help-panel__header h2{font-size:20px}.help-section{padding:16px}.shortcuts-grid{grid-template-columns:1fr}.shortcut-item{flex-direction:column;align-items:flex-start;gap:4px}.shortcut-key{align-self:flex-start}}@media (max-width: 480px){.help-panel__header{flex-direction:column;gap:12px;text-align:center}.help-panel__close{position:absolute;top:10px;right:10px}}@media (prefers-contrast: high){.help-panel{border:3px solid #000}.help-panel__header{background:#000;color:#fff;border-bottom:3px solid #000}.shortcut-key{background:#000;color:#fff;border:2px solid #fff;font-weight:700}.help-section{border-bottom:2px solid #000}}@media (prefers-reduced-motion: reduce){.help-overlay,.help-panel{animation:none}.help-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.help-panel__close{transition:none}}.undo-redo-controls{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a}.undo-redo-controls__buttons{display:flex;gap:4px}.undo-redo-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa;cursor:pointer;transition:all .2s ease;font-size:12px;color:#495057;min-width:60px}.undo-redo-button:hover:not(.undo-redo-button--disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.undo-redo-button:active:not(.undo-redo-button--disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.undo-redo-button--disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa;border-color:#e9ecef}.undo-redo-icon{font-size:18px;line-height:1;font-weight:700}.undo-redo-label{font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.undo-button:hover:not(.undo-redo-button--disabled){background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107;color:#856404}.redo-button:hover:not(.undo-redo-button--disabled){background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-color:#17a2b8;color:#0c5460}.undo-redo-controls__info{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e9ecef;font-size:11px;color:#6c757d}.history-count{font-weight:500}.clear-history-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:11px;text-decoration:underline;padding:2px 4px;border-radius:3px;transition:background-color .2s ease}.clear-history-button:hover{background-color:#dc35451a}.undo-redo-button:after{content:"";position:absolute;bottom:2px;right:2px;width:4px;height:4px;background:#6c757d;border-radius:50%;opacity:0;transition:opacity .2s ease}.undo-redo-button:hover:after{opacity:.5}.undo-redo-button.success-animation{animation:undoRedoSuccess .3s ease-out}@keyframes undoRedoSuccess{0%{transform:scale(1);background-color:#f8f9fa}50%{transform:scale(1.05);background-color:#d4edda;border-color:#28a745}to{transform:scale(1);background-color:#f8f9fa}}.undo-redo-controls--compact{padding:8px}.undo-redo-controls--compact .undo-redo-button{padding:6px 8px;min-width:50px}.undo-redo-controls--compact .undo-redo-icon{font-size:16px}.undo-redo-controls--compact .undo-redo-label{font-size:10px}.undo-redo-controls--horizontal{flex-direction:row;align-items:center}.undo-redo-controls--horizontal .undo-redo-controls__buttons{margin-right:12px}.undo-redo-controls--horizontal .undo-redo-controls__info{border-top:none;border-left:1px solid #e9ecef;padding-top:0;padding-left:12px;flex-direction:column;align-items:flex-start;gap:2px}.app--projection-mode .undo-redo-controls{background:var(--projection-bg-secondary);border-color:var(--projection-border);color:var(--projection-text-primary)}.app--projection-mode .undo-redo-button{background:var(--projection-bg-primary);border-color:var(--projection-border);color:var(--projection-text-primary)}.app--projection-mode .undo-redo-button:hover:not(.undo-redo-button--disabled){background:var(--projection-hover);border-color:var(--projection-accent);color:var(--projection-accent)}.app--projection-mode .undo-button:hover:not(.undo-redo-button--disabled){background:var(--projection-hover);border-color:var(--projection-warning);color:var(--projection-warning)}.app--projection-mode .redo-button:hover:not(.undo-redo-button--disabled){background:var(--projection-hover);border-color:var(--projection-accent);color:var(--projection-accent)}.app--projection-mode .undo-redo-controls__info{border-top-color:var(--projection-border);color:var(--projection-text-secondary)}.app--projection-mode .clear-history-button{color:var(--projection-danger)}.app--projection-mode .clear-history-button:hover{background-color:#f003}.app--projection-mode.app--large-text .undo-redo-controls{padding:16px}.app--projection-mode.app--large-text .undo-redo-button{padding:12px 16px;font-size:14px;min-width:80px}.app--projection-mode.app--large-text .undo-redo-icon{font-size:22px}.app--projection-mode.app--large-text .undo-redo-label,.app--projection-mode.app--large-text .undo-redo-controls__info{font-size:13px}.app--projection-mode.app--large-text .clear-history-button{font-size:13px;padding:4px 8px}@media (prefers-contrast: high){.undo-redo-controls{border-width:2px;border-color:#000}.undo-redo-button{border-width:2px;font-weight:600}.undo-redo-button:hover:not(.undo-redo-button--disabled){background:#000;color:#fff;border-color:#000}.undo-redo-controls__info{border-top-width:2px;border-top-color:#000}}@media (max-width: 768px){.undo-redo-controls{padding:8px}.undo-redo-button{padding:6px 8px;min-width:50px}.undo-redo-icon{font-size:16px}.undo-redo-label,.undo-redo-controls__info{font-size:10px}}@media (max-width: 480px){.undo-redo-controls{flex-direction:row;align-items:center;padding:6px}.undo-redo-controls__buttons{margin-right:8px}.undo-redo-controls__info{border-top:none;border-left:1px solid #e9ecef;padding-top:0;padding-left:8px;flex-direction:column;align-items:flex-start;gap:2px}.undo-redo-button{flex-direction:row;gap:4px;padding:4px 6px;min-width:40px}.undo-redo-icon{font-size:14px}.undo-redo-label{display:none}}@media (prefers-reduced-motion: reduce){.undo-redo-button{transition:none}.undo-redo-button:hover:not(.undo-redo-button--disabled){transform:none}.undo-redo-button:active:not(.undo-redo-button--disabled){transform:none}.undo-redo-button.success-animation{animation:none}}.animated-transition{--transition-duration: .3s;--transition-delay: 0ms;transition-property:opacity,transform,filter;transition-duration:var(--transition-duration);transition-delay:var(--transition-delay);transition-timing-function:cubic-bezier(.4,0,.2,1)}.animated-transition--fade.animated-transition--entering,.animated-transition--fade.animated-transition--exiting{opacity:0}.animated-transition--fade.animated-transition--entered{opacity:1}.animated-transition--scale.animated-transition--entering,.animated-transition--scale.animated-transition--exiting{opacity:0;transform:scale(.8)}.animated-transition--scale.animated-transition--entered{opacity:1;transform:scale(1)}.animated-transition--slide.animated-transition--entering,.animated-transition--slide.animated-transition--exiting{opacity:0}.animated-transition--slide.animated-transition--entered{opacity:1;transform:translateY(0)}.animated-transition--slide.animated-transition--up.animated-transition--entering,.animated-transition--slide.animated-transition--up.animated-transition--exiting{transform:translateY(20px)}.animated-transition--slide.animated-transition--down.animated-transition--entering,.animated-transition--slide.animated-transition--down.animated-transition--exiting{transform:translateY(-20px)}.animated-transition--slide.animated-transition--left.animated-transition--entering,.animated-transition--slide.animated-transition--left.animated-transition--exiting{transform:translate(20px)}.animated-transition--slide.animated-transition--right.animated-transition--entering,.animated-transition--slide.animated-transition--right.animated-transition--exiting{transform:translate(-20px)}.animated-transition--reveal.animated-transition--entering,.animated-transition--reveal.animated-transition--exiting{opacity:0;transform:scale(.3) rotate(180deg);filter:blur(4px)}.animated-transition--reveal.animated-transition--entered{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}.hex-reveal-animation{transform-origin:center}.hex-reveal-animation.animated-transition--entering{animation:hexRevealPulse .6s ease-out}@keyframes hexRevealPulse{0%{transform:scale(.3) rotate(180deg);opacity:0;filter:blur(4px)}50%{transform:scale(1.1) rotate(90deg);opacity:.7;filter:blur(2px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0px)}}.mode-transition-wrapper{position:relative;overflow:hidden}.mode-transition-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#3498db1a,#2ecc711a,#9b59b61a);opacity:0;pointer-events:none;transition:opacity .3s ease}.mode-transition-wrapper.transitioning .mode-transition-overlay{opacity:1;animation:modeTransitionSweep .6s ease-out}@keyframes modeTransitionSweep{0%{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.staggered-list-item{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.staggered-list-item.visible{opacity:1;transform:translateY(0)}.loading-shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app--projection-mode .animated-transition{--transition-duration: .15s}.app--projection-mode .hex-reveal-animation.animated-transition--entering,.app--projection-mode .mode-transition-wrapper.transitioning .mode-transition-overlay{animation-duration:.3s}@media (prefers-contrast: high){.mode-transition-overlay{background:linear-gradient(45deg,#0003,#fff3,#0003)}.loading-shimmer{background:linear-gradient(90deg,#0000,#0000004d,#0000)}}@media (prefers-reduced-motion: reduce){.animated-transition{--transition-duration: 0ms !important;--transition-delay: 0ms !important;transition:none!important;animation:none!important}.hex-reveal-animation.animated-transition--entering{animation:none!important}.mode-transition-wrapper.transitioning .mode-transition-overlay{animation:none!important;opacity:0!important}.loading-shimmer{animation:none!important}.staggered-list-item{transition:none!important;opacity:1!important;transform:none!important}}.focus-ring{position:relative}.focus-ring:after{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:inherit;opacity:0;transition:opacity .2s ease,border-color .2s ease;pointer-events:none}.focus-ring:focus:after{opacity:1;border-color:#007bff;animation:focusPulse .6s ease-out}@keyframes focusPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-lift:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.press-animation{transition:transform .1s ease}.press-animation:active{transform:scale(.98)}@media (max-width: 768px){.animated-transition{--transition-duration: .2s}.hover-lift:hover{transform:none;box-shadow:none}}.brush-controls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px;margin-bottom:12px}.brush-controls-header{margin-bottom:12px}.brush-mode-toggle{background:#6c757d;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.brush-mode-toggle:hover{background:#5a6268;transform:translateY(-1px)}.brush-mode-toggle.active{background:#28a745}.brush-mode-toggle.active:hover{background:#218838}.brush-settings{display:flex;flex-direction:column;gap:16px}.brush-size-section,.brush-shape-section{display:flex;flex-direction:column;gap:8px}.brush-label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.brush-size-buttons,.brush-shape-buttons{display:flex;gap:4px;flex-wrap:wrap}.brush-size-button,.brush-shape-button{background:#e9ecef;border:1px solid #ced4da;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.brush-size-button:hover,.brush-shape-button:hover{background:#dee2e6;border-color:#adb5bd;transform:translateY(-1px)}.brush-size-button.active,.brush-shape-button.active{background:#007bff;border-color:#0056b3;color:#fff}.brush-size-button.active:hover,.brush-shape-button.active:hover{background:#0056b3}.brush-shape-button{font-size:16px;padding:6px 10px}.brush-instructions{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;padding:12px;font-size:12px}.brush-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.brush-info strong{color:#0056b3;font-size:13px}.current-brush-display{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:11px}.brush-usage{color:#495057;font-style:italic}@media (max-width: 768px){.brush-controls{padding:8px}.brush-size-buttons,.brush-shape-buttons{justify-content:center}.brush-info{flex-direction:column;align-items:flex-start;gap:4px}}.projection-mode .brush-controls{background:#1a1a1a;border-color:#444;color:#fff}.projection-mode .brush-label{color:#ccc}.projection-mode .brush-size-button,.projection-mode .brush-shape-button{background:#333;border-color:#555;color:#fff}.projection-mode .brush-size-button:hover,.projection-mode .brush-shape-button:hover{background:#444;border-color:#666}.projection-mode .brush-instructions{background:#2a2a2a;border-color:#555;color:#ccc}.projection-mode .brush-info strong{color:#66b3ff}.flood-fill-controls{margin-bottom:1rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9}.flood-fill-controls-header{margin-bottom:.5rem}.flood-fill-mode-toggle{padding:.5rem 1rem;border:2px solid #007bff;border-radius:4px;background-color:#fff;color:#007bff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.flood-fill-mode-toggle:hover{background-color:#f0f8ff;transform:translateY(-1px)}.flood-fill-mode-toggle.active{background-color:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.flood-fill-settings{margin-top:.75rem}.flood-fill-instructions{margin-bottom:1rem}.flood-fill-info{margin-bottom:.5rem}.flood-fill-info strong{color:#007bff;font-size:.9rem}.preview-count{font-size:.8rem;color:#666;margin-top:.25rem;font-weight:500}.target-display{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem;background-color:#e3f2fd;border-radius:4px;font-size:.85rem}.target-icon-display{display:flex;align-items:center;gap:.25rem}.target-icon{width:16px;height:16px}.flood-fill-usage{font-size:.8rem;color:#666;font-style:italic}.flood-fill-actions{display:flex;gap:.5rem;margin-top:.75rem}.execute-flood-fill-button{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#28a745;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.execute-flood-fill-button:hover{background-color:#218838;transform:translateY(-1px)}.cancel-flood-fill-button{padding:.5rem 1rem;border:1px solid #6c757d;border-radius:4px;background-color:#fff;color:#6c757d;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.cancel-flood-fill-button:hover{background-color:#f8f9fa;transform:translateY(-1px)}.flood-fill-confirmation-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.flood-fill-confirmation-dialog{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:400px;width:90%}.flood-fill-confirmation-dialog h3{margin:0 0 1rem;color:#333;font-size:1.2rem}.flood-fill-confirmation-dialog p{margin:0 0 1.5rem;color:#666;line-height:1.5}.confirmation-buttons{display:flex;gap:1rem;justify-content:flex-end}.confirm-button{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:#dc3545;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-button:hover{background-color:#c82333}.cancel-button{padding:.75rem 1.5rem;border:1px solid #6c757d;border-radius:4px;background-color:#fff;color:#6c757d;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#f8f9fa}@media (max-width: 768px){.flood-fill-controls{padding:.5rem}.flood-fill-mode-toggle{font-size:.8rem;padding:.4rem .8rem}.flood-fill-actions{flex-direction:column}.flood-fill-confirmation-dialog{padding:1.5rem}.confirmation-buttons{flex-direction:column}}.selection-tool{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:8px;padding:16px;margin-bottom:16px}.selection-tool__header{margin-bottom:12px}.selection-tool__header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #212529)}.selection-tool__controls{display:flex;flex-direction:column;gap:12px}.selection-tool__button{padding:8px 12px;border:1px solid var(--border-color, #dee2e6);border-radius:4px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #212529);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.selection-tool__button:hover{background:var(--bg-hover, #e9ecef);border-color:var(--border-hover, #adb5bd)}.selection-tool__button:active{transform:translateY(1px)}.selection-tool__button--active{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.selection-tool__button--active:hover{background:var(--primary-dark, #0056b3);border-color:var(--primary-dark, #0056b3)}.selection-tool__button--copy{background:var(--success-color, #28a745);color:#fff;border-color:var(--success-color, #28a745)}.selection-tool__button--copy:hover{background:var(--success-dark, #1e7e34);border-color:var(--success-dark, #1e7e34)}.selection-tool__button--paste{background:var(--info-color, #17a2b8);color:#fff;border-color:var(--info-color, #17a2b8)}.selection-tool__button--paste:hover{background:var(--info-dark, #117a8b);border-color:var(--info-dark, #117a8b)}.selection-tool__button--clear{background:var(--danger-color, #dc3545);color:#fff;border-color:var(--danger-color, #dc3545)}.selection-tool__button--clear:hover{background:var(--danger-dark, #c82333);border-color:var(--danger-dark, #c82333)}.selection-tool__selection-info,.selection-tool__clipboard-info{background:var(--bg-light, #f8f9fa);border:1px solid var(--border-light, #e9ecef);border-radius:4px;padding:12px}.selection-tool__count,.selection-tool__clipboard-count{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #212529);margin-bottom:8px}.selection-tool__clipboard-count small{font-size:12px;color:var(--text-secondary, #6c757d);font-weight:400}.selection-tool__selection-actions,.selection-tool__clipboard-actions{display:flex;gap:8px}.selection-tool__selection-actions .selection-tool__button,.selection-tool__clipboard-actions .selection-tool__button{flex:1;font-size:12px;padding:6px 8px}.selection-tool__preview-info{background:var(--warning-light, #fff3cd);border:1px solid var(--warning-border, #ffeaa7);border-radius:4px;padding:8px 12px}.selection-tool__preview-text{font-size:14px;color:var(--warning-text, #856404);font-weight:500}.selection-tool__instructions{background:var(--info-light, #d1ecf1);border:1px solid var(--info-border, #bee5eb);border-radius:4px;padding:12px;margin-top:12px}.selection-tool__instructions p{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--info-text, #0c5460)}.selection-tool__instructions ul{margin:0;padding-left:20px;font-size:13px;color:var(--info-text, #0c5460)}.selection-tool__instructions li{margin-bottom:4px}.selection-tool__instructions kbd{background:var(--bg-dark, #343a40);color:#fff;padding:2px 4px;border-radius:2px;font-size:11px;font-family:monospace}@media (max-width: 768px){.selection-tool{padding:12px}.selection-tool__button{padding:10px 12px;font-size:16px}.selection-tool__selection-actions,.selection-tool__clipboard-actions{flex-direction:column}.selection-tool__selection-actions .selection-tool__button,.selection-tool__clipboard-actions .selection-tool__button{flex:none}}@media (prefers-contrast: high){.selection-tool{border-width:2px}.selection-tool__button{border-width:2px;font-weight:600}}@media (prefers-color-scheme: dark){.selection-tool{background:var(--bg-secondary-dark, #2d3748);border-color:var(--border-dark, #4a5568)}.selection-tool__header h3{color:var(--text-primary-dark, #f7fafc)}.selection-tool__button{background:var(--bg-primary-dark, #4a5568);color:var(--text-primary-dark, #f7fafc);border-color:var(--border-dark, #4a5568)}.selection-tool__button:hover{background:var(--bg-hover-dark, #2d3748)}.selection-tool__selection-info,.selection-tool__clipboard-info{background:var(--bg-light-dark, #2d3748);border-color:var(--border-light-dark, #4a5568)}.selection-tool__count,.selection-tool__clipboard-count{color:var(--text-primary-dark, #f7fafc)}.selection-tool__clipboard-count small{color:var(--text-secondary-dark, #a0aec0)}}.pattern-library{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:8px;padding:16px;margin-bottom:16px}.pattern-library__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pattern-library__header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #212529)}.pattern-library__save-button{padding:6px 12px;border:1px solid var(--success-color, #28a745);border-radius:4px;background:var(--success-color, #28a745);color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.pattern-library__save-button:hover{background:var(--success-dark, #1e7e34);border-color:var(--success-dark, #1e7e34)}.pattern-library__save-dialog{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pattern-library__save-content{background:var(--bg-primary, #ffffff);border-radius:8px;padding:24px;min-width:300px;box-shadow:0 4px 12px #00000026}.pattern-library__save-content h4{margin:0 0 16px;font-size:18px;color:var(--text-primary, #212529)}.pattern-library__name-input{width:100%;padding:8px 12px;border:1px solid var(--border-color, #dee2e6);border-radius:4px;font-size:14px;margin-bottom:16px}.pattern-library__name-input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px #007bff40}.pattern-library__save-actions{display:flex;gap:8px;justify-content:flex-end}.pattern-library__button{padding:8px 16px;border:1px solid var(--border-color, #dee2e6);border-radius:4px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #212529);font-size:14px;cursor:pointer;transition:all .2s ease}.pattern-library__button:hover{background:var(--bg-hover, #e9ecef)}.pattern-library__button:disabled{opacity:.5;cursor:not-allowed}.pattern-library__button--save{background:var(--success-color, #28a745);color:#fff;border-color:var(--success-color, #28a745)}.pattern-library__button--save:hover:not(:disabled){background:var(--success-dark, #1e7e34);border-color:var(--success-dark, #1e7e34)}.pattern-library__button--cancel{background:var(--secondary-color, #6c757d);color:#fff;border-color:var(--secondary-color, #6c757d)}.pattern-library__button--cancel:hover{background:var(--secondary-dark, #545b62);border-color:var(--secondary-dark, #545b62)}.pattern-library__button--load{background:var(--info-color, #17a2b8);color:#fff;border-color:var(--info-color, #17a2b8);font-size:12px;padding:4px 8px}.pattern-library__button--load:hover{background:var(--info-dark, #117a8b);border-color:var(--info-dark, #117a8b)}.pattern-library__button--delete{background:var(--danger-color, #dc3545);color:#fff;border-color:var(--danger-color, #dc3545);font-size:12px;padding:4px 8px}.pattern-library__button--delete:hover{background:var(--danger-dark, #c82333);border-color:var(--danger-dark, #c82333)}.pattern-library__button--clear{background:var(--warning-color, #ffc107);color:var(--text-dark, #212529);border-color:var(--warning-color, #ffc107);font-size:12px;padding:4px 8px}.pattern-library__button--clear:hover{background:var(--warning-dark, #e0a800);border-color:var(--warning-dark, #e0a800)}.pattern-library__list{max-height:200px;overflow-y:auto}.pattern-library__empty{text-align:center;padding:24px;color:var(--text-secondary, #6c757d)}.pattern-library__empty p{margin:0 0 8px;font-size:14px}.pattern-library__empty small{font-size:12px}.pattern-library__item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--border-light, #e9ecef);border-radius:4px;margin-bottom:8px;background:var(--bg-primary, #ffffff);transition:all .2s ease}.pattern-library__item:hover{background:var(--bg-hover, #f8f9fa);border-color:var(--border-hover, #adb5bd)}.pattern-library__item--selected{background:var(--primary-light, #e3f2fd);border-color:var(--primary-color, #007bff)}.pattern-library__item-info{flex:1}.pattern-library__item-name{display:block;font-weight:500;color:var(--text-primary, #212529);margin-bottom:4px}.pattern-library__item-details{color:var(--text-secondary, #6c757d);font-size:12px}.pattern-library__item-actions{display:flex;gap:4px}.pattern-library__current{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light, #e9ecef)}.pattern-library__current h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary, #212529)}.pattern-library__current-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary, #6c757d)}@media (max-width: 768px){.pattern-library{padding:12px}.pattern-library__save-content{margin:16px;min-width:auto}.pattern-library__item{flex-direction:column;align-items:flex-start;gap:8px}.pattern-library__item-actions{align-self:flex-end}.pattern-library__current-info{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-color-scheme: dark){.pattern-library{background:var(--bg-secondary-dark, #2d3748);border-color:var(--border-dark, #4a5568)}.pattern-library__header h3,.pattern-library__current h4{color:var(--text-primary-dark, #f7fafc)}.pattern-library__save-content{background:var(--bg-primary-dark, #4a5568)}.pattern-library__save-content h4{color:var(--text-primary-dark, #f7fafc)}.pattern-library__name-input,.pattern-library__button{background:var(--bg-primary-dark, #4a5568);color:var(--text-primary-dark, #f7fafc);border-color:var(--border-dark, #4a5568)}.pattern-library__button:hover{background:var(--bg-hover-dark, #2d3748)}.pattern-library__item{background:var(--bg-primary-dark, #4a5568);border-color:var(--border-dark, #4a5568)}.pattern-library__item:hover{background:var(--bg-hover-dark, #2d3748)}.pattern-library__item-name{color:var(--text-primary-dark, #f7fafc)}.pattern-library__item-details,.pattern-library__current-info,.pattern-library__empty{color:var(--text-secondary-dark, #a0aec0)}}.export-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.export-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:900px;width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.export-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.export-dialog-header h2{margin:0;color:#333;font-size:1.5rem}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#e0e0e0;color:#333}.export-dialog-content{display:flex;flex:1;overflow:hidden}.export-options{flex:2;padding:24px;overflow-y:auto;border-right:1px solid #e0e0e0}.export-preview{flex:1;padding:24px;background-color:#f8f9fa;overflow-y:auto}.option-group{margin-bottom:24px}.option-group h3{margin:0 0 12px;color:#333;font-size:1.1rem;font-weight:600}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:8px}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0;transition:color .2s}.radio-group label:hover,.checkbox-group label:hover{color:#007bff}.radio-group input[type=radio],.checkbox-group input[type=checkbox]{margin:0}.dpi-options{display:flex;flex-direction:column;gap:8px}.custom-dpi{display:flex;align-items:center;gap:8px;margin-top:8px}.custom-dpi input[type=number]{width:80px;padding:4px 8px;border:1px solid #ccc;border-radius:4px}.selection-button{margin-top:12px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.selection-button:hover{background-color:#0056b3}.margins-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.margin-input{display:flex;align-items:center;gap:8px}.margin-input label{min-width:60px;font-weight:500}.margin-input input[type=number]{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:4px}.watermark-options{display:flex;flex-direction:column;gap:12px}.watermark-config{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e0e0e0}.watermark-config input[type=text]{padding:6px 12px;border:1px solid #ccc;border-radius:4px}.watermark-config select{padding:6px 12px;border:1px solid #ccc;border-radius:4px;background-color:#fff}.watermark-config input[type=range]{width:100%}.preview-info{display:flex;flex-direction:column;gap:12px}.preview-stat{padding:8px 12px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;font-size:.9rem}.preview-stat strong{color:#333}.export-dialog-footer{padding:20px 24px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.export-buttons{display:flex;gap:12px;justify-content:flex-end}.export-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;min-width:120px}.export-button.primary{background-color:#28a745;color:#fff}.export-button.primary:hover:not(:disabled){background-color:#218838}.export-button.secondary{background-color:#007bff;color:#fff}.export-button.secondary:hover:not(:disabled){background-color:#0056b3}.export-button.cancel{background-color:#6c757d;color:#fff}.export-button.cancel:hover{background-color:#545b62}.export-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.export-dialog{max-width:95vw;max-height:95vh}.export-dialog-content{flex-direction:column}.export-options{border-right:none;border-bottom:1px solid #e0e0e0}.margins-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-button{width:100%}}@media (prefers-color-scheme: dark){.export-dialog{background:#2d3748;color:#e2e8f0}.export-dialog-header{background-color:#1a202c;border-bottom-color:#4a5568}.export-dialog-header h2{color:#e2e8f0}.close-button{color:#a0aec0}.close-button:hover{background-color:#4a5568;color:#e2e8f0}.export-options{border-right-color:#4a5568}.export-preview{background-color:#1a202c}.option-group h3{color:#e2e8f0}.watermark-config{background-color:#1a202c;border-color:#4a5568}.watermark-config input[type=text],.watermark-config select,.margin-input input[type=number],.custom-dpi input[type=number]{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.preview-stat{background-color:#2d3748;border-color:#4a5568}.preview-stat strong{color:#e2e8f0}.export-dialog-footer{background-color:#1a202c;border-top-color:#4a5568}}.export-button-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#17a2b8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;width:100%;justify-content:center}.export-button-trigger:hover{background-color:#138496;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.export-button-trigger:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.export-button-trigger:focus{outline:none;box-shadow:0 0 0 3px #17a2b84d}@media (prefers-color-scheme: dark){.export-button-trigger{background-color:#20c997}.export-button-trigger:hover{background-color:#1ba085}.export-button-trigger:focus{box-shadow:0 0 0 3px #20c9974d}}.template-button-group{display:flex;gap:.5rem;margin:.5rem 0}.template-button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-weight:500}.template-button.primary{background:#007bff;color:#fff}.template-button.primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.template-button.secondary{background:#28a745;color:#fff}.template-button.secondary:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.template-button:active{transform:translateY(0);box-shadow:none}@media (max-width: 768px){.template-button-group{flex-direction:column}.template-button{width:100%;justify-content:center}}.gm-controls{width:250px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px}.gm-controls-header{margin-bottom:16px}.gm-controls-header h3{margin:0;font-size:18px;font-weight:600;color:#343a40;text-align:center}.control-section{margin-bottom:16px}.control-section:last-child{margin-bottom:0}.reset-exploration-button{width:100%;padding:10px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.reset-exploration-button:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.reset-exploration-button:active{transform:translateY(0);box-shadow:0 1px 4px #dc35454d}.control-description{font-size:12px;color:#6c757d;margin-top:8px;line-height:1.4}.quick-terrain-toggle{width:100%;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.quick-terrain-toggle:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.quick-terrain-toggle.active{background:#007bff}.quick-terrain-toggle.active:hover{background:#0056b3;box-shadow:0 2px 8px #007bff4d}.quick-terrain-selector{margin-top:12px;padding:12px;background:#e9ecef;border-radius:6px}.quick-terrain-selector label{display:block;font-size:12px;font-weight:600;color:#495057;margin-bottom:6px}.terrain-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;color:#495057}.terrain-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.quick-terrain-instructions{font-size:11px;color:#6c757d;margin-top:8px;line-height:1.4}.selected-terrain-display{text-align:center}.terrain-info{font-size:13px;color:#495057;margin-bottom:8px}.terrain-icon-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#fff;border:2px solid #007bff;border-radius:6px;margin-bottom:8px}.terrain-icon{width:24px;height:24px}.clear-terrain-button{padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;margin-top:8px;transition:all .2s ease}.clear-terrain-button:hover{background:#5a6268}.no-terrain-selected .quick-terrain-instructions{text-align:left;font-style:normal}.no-terrain-selected ol{margin:8px 0 0;padding-left:16px}.no-terrain-selected li{margin-bottom:4px;font-size:11px;line-height:1.3}.shortcuts-overlay{position:fixed;top:20px;right:20px;z-index:1500;animation:shortcutsSlideIn .2s ease-out}@keyframes shortcutsSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.shortcuts-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 30px #0003;width:360px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.shortcuts-panel__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.shortcuts-panel__header h3{margin:0;font-size:16px;font-weight:600}.shortcuts-panel__close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.shortcuts-panel__close:hover{background-color:#fff3}.shortcuts-panel__content{flex:1;overflow-y:auto;padding:0}.shortcuts-section{padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.shortcuts-section:last-child{border-bottom:none}.shortcuts-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;align-items:center;gap:12px}.shortcut-key{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:600;color:#4a5568;min-width:50px;text-align:center;box-shadow:0 1px 2px #0000000d}.shortcut-desc{color:#718096;font-size:13px;flex:1}.terrain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 400px){.terrain-grid{grid-template-columns:repeat(3,1fr)}}.terrain-shortcut{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.terrain-key{background:#667eea;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:700;min-width:20px;text-align:center}.terrain-name{color:#4a5568;font-size:12px;font-weight:500}.shortcuts-panel__footer{background:#f7fafc;padding:12px 16px;border-top:1px solid rgba(0,0,0,.1);text-align:center}.shortcuts-panel__footer p{margin:0;color:#718096;font-size:11px;line-height:1.4}.shortcuts-panel__footer kbd{background:#e2e8f0;border:1px solid #cbd5e0;border-radius:2px;padding:1px 4px;font-family:Courier New,monospace;font-size:10px;font-weight:600;color:#4a5568}.app--projection-mode .shortcuts-panel{background:var(--projection-bg-secondary);border-color:var(--projection-border);color:var(--projection-text-primary)}.app--projection-mode .shortcuts-panel__header{background:var(--projection-bg-primary);color:var(--projection-text-primary)}.app--projection-mode .shortcuts-section{border-bottom-color:var(--projection-border)}.app--projection-mode .shortcuts-section h4{color:var(--projection-accent)}.app--projection-mode .shortcut-key{background:var(--projection-bg-primary);border-color:var(--projection-border);color:var(--projection-accent)}.app--projection-mode .shortcut-desc{color:var(--projection-text-secondary)}.app--projection-mode .terrain-shortcut{background:var(--projection-bg-primary);border-color:var(--projection-border)}.app--projection-mode .terrain-key{background:var(--projection-accent);color:var(--projection-bg-primary)}.app--projection-mode .terrain-name{color:var(--projection-text-secondary)}.app--projection-mode .shortcuts-panel__footer{background:var(--projection-bg-primary);border-top-color:var(--projection-border)}.app--projection-mode .shortcuts-panel__footer p{color:var(--projection-text-secondary)}.app--projection-mode .shortcuts-panel__footer kbd{background:var(--projection-bg-secondary);border-color:var(--projection-border);color:var(--projection-accent)}.app--projection-mode.app--large-text .shortcuts-panel{width:380px;font-size:16px}.app--projection-mode.app--large-text .shortcuts-panel__header h3{font-size:18px}.app--projection-mode.app--large-text .shortcuts-section h4{font-size:16px}.app--projection-mode.app--large-text .shortcut-key{font-size:13px;padding:6px 10px}.app--projection-mode.app--large-text .shortcut-desc{font-size:15px}.app--projection-mode.app--large-text .terrain-key{font-size:13px;padding:4px 8px}.app--projection-mode.app--large-text .terrain-name{font-size:14px}@media (max-width: 768px){.shortcuts-overlay{top:10px;right:10px;left:10px}.shortcuts-panel{width:auto;max-width:none}.terrain-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.shortcuts-overlay{animation:none}}.template-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.template-dialog{background:#fff;border-radius:8px;width:90vw;height:80vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.template-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0}.template-dialog-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.close-button:hover{background:#0000001a}.template-dialog-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.template-filters{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#fafafa}.filter-row{display:flex;gap:1rem;align-items:center}.search-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.category-select,.sort-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff}.sort-order-button{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s}.sort-order-button:hover{background:#f0f0f0}.template-dialog-body{flex:1;display:flex;overflow:hidden}.template-list{flex:2;padding:1rem;overflow-y:auto;border-right:1px solid #e0e0e0}.template-list h3{margin:0 0 1rem;color:#333}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-card{border:1px solid #ddd;border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s;background:#fff}.template-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.template-card.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 2px 8px #007bff33}.template-preview{margin-bottom:.75rem}.template-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ddd;border-radius:4px;overflow:hidden;aspect-ratio:1}.preview-hex{background:#f0f0f0;position:relative}.preview-hex.mountains{background:#8b4513}.preview-hex.plains{background:#90ee90}.preview-hex.swamps{background:#556b2f}.preview-hex.water{background:#4169e1}.preview-hex.desert{background:#f4a460}.preview-hex.has-landmark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#333;border-radius:50%}.template-info h4{margin:0 0 .5rem;color:#333;font-size:1rem}.template-description{margin:0 0 .75rem;color:#666;font-size:.85rem;line-height:1.4}.template-meta{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;color:#888}.template-category{background:#e9ecef;padding:.2rem .5rem;border-radius:3px;text-transform:capitalize}.template-tags{display:flex;gap:.25rem;flex-wrap:wrap}.template-tag{background:#007bff;color:#fff;padding:.1rem .4rem;border-radius:3px;font-size:.7rem}.template-details{flex:1;padding:1rem;overflow-y:auto;background:#fafafa}.template-details h3{margin:0 0 .5rem;color:#333}.template-details>p{margin:0 0 1.5rem;color:#666;line-height:1.5}.generation-options h4{margin:0 0 1rem;color:#333;font-size:1rem}.option-group{margin-bottom:1rem}.option-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#555}.option-group input[type=range]{flex:1}.option-group select{flex:1;padding:.25rem;border:1px solid #ddd;border-radius:4px}.option-group span{min-width:3rem;text-align:right;font-weight:500}.template-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.apply-template-button{width:100%;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.apply-template-button:hover:not(:disabled){background:#0056b3}.apply-template-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.template-dialog{width:95vw;height:90vh}.template-dialog-body{flex-direction:column}.template-list{flex:none;height:50%;border-right:none;border-bottom:1px solid #e0e0e0}.template-grid{grid-template-columns:1fr}.template-details{flex:none;height:50%}.filter-row{flex-direction:column;gap:.5rem}.search-input,.category-select,.sort-select{width:100%}}.biome-generator-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.biome-generator{background:#fff;border-radius:8px;width:90vw;height:80vh;max-width:1000px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.biome-generator-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0}.biome-generator-header h2{margin:0;color:#333}.biome-generator-content{flex:1;display:flex;overflow:hidden}.biome-controls{flex:1;padding:1.5rem;overflow-y:auto;border-right:1px solid #e0e0e0}.biome-controls h3{margin:0 0 1.5rem;color:#333}.control-group{margin-bottom:1.5rem}.control-group label{display:block;font-weight:500;color:#555;margin-bottom:.5rem}.control-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff}.control-group input[type=range]{width:100%;margin:.5rem 0}.control-group input[type=number]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:80px}.control-group span{display:inline-block;margin-left:.5rem;font-weight:500;color:#007bff;min-width:3rem}.seed-controls{display:flex;gap:.5rem;align-items:center}.seed-controls input{flex:1}.randomize-button{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s}.randomize-button:hover{background:#f0f0f0}.dimension-controls,.coordinate-controls{display:flex;gap:.5rem;align-items:center}.generation-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.generate-button{width:100%;padding:.75rem;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.generate-button:hover:not(:disabled){background:#218838}.generate-button:disabled{background:#ccc;cursor:not-allowed}.biome-preview{flex:1;padding:1.5rem;overflow-y:auto;background:#fafafa}.biome-preview h3{margin:0 0 1rem;color:#333}.preview-container{display:flex;flex-direction:column;gap:1rem}.biome-preview-grid{display:grid;gap:1px;background:#ddd;border-radius:4px;overflow:hidden;max-width:400px;margin:0 auto}.preview-cell{background:#f0f0f0;aspect-ratio:1;position:relative;transition:transform .1s}.preview-cell:hover{transform:scale(1.1);z-index:1}.preview-cell.mountains{background:#8b4513}.preview-cell.plains{background:#90ee90}.preview-cell.swamps{background:#556b2f}.preview-cell.water{background:#4169e1}.preview-cell.desert{background:#f4a460}.preview-cell.has-landmark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background:#333;border-radius:50%;border:1px solid white}.preview-stats{display:flex;justify-content:space-around;padding:1rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.stat{text-align:center}.stat-label{display:block;font-size:.8rem;color:#666;margin-bottom:.25rem}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:#333}.apply-actions{text-align:center}.apply-biome-button{padding:.75rem 2rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.apply-biome-button:hover:not(:disabled){background:#0056b3}.apply-biome-button:disabled{background:#ccc;cursor:not-allowed}.empty-preview{text-align:center;padding:3rem 1rem;color:#666}.empty-preview p{margin:0;font-style:italic}@media (max-width: 768px){.biome-generator{width:95vw;height:90vh}.biome-generator-content{flex-direction:column}.biome-controls{flex:none;height:50%;border-right:none;border-bottom:1px solid #e0e0e0}.biome-preview{flex:none;height:50%}.biome-preview-grid{max-width:250px}.preview-stats{flex-direction:column;gap:.5rem}}.onboarding-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none}.onboarding-backdrop{position:absolute;inset:0;background:#000000b3;pointer-events:all}.onboarding-tooltip{position:absolute;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;min-width:300px;pointer-events:all;z-index:100001;animation:onboarding-fade-in .3s ease-out}@keyframes onboarding-fade-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-tooltip--center{top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-tooltip__header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.onboarding-tooltip__header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.onboarding-tooltip__close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.onboarding-tooltip__close:hover{background:#f3f4f6;color:#374151}.onboarding-tooltip__content{padding:0 20px;color:#374151;line-height:1.6}.onboarding-tooltip__content p{margin:0 0 12px}.onboarding-tooltip__content p:last-child{margin-bottom:0}.onboarding-tooltip__content ul{margin:8px 0;padding-left:20px}.onboarding-tooltip__content li{margin:4px 0}.onboarding-tooltip__content kbd{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace;color:#374151}.onboarding-tooltip__footer{padding:20px;border-top:1px solid #e5e7eb;margin-top:16px}.onboarding-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#6b7280}.onboarding-progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.onboarding-progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.onboarding-actions{display:flex;gap:8px;justify-content:flex-end}.onboarding-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.onboarding-button--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.onboarding-button--primary:hover{background:#2563eb;border-color:#2563eb}.onboarding-button--secondary{background:#fff;color:#374151;border-color:#d1d5db}.onboarding-button--secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.onboarding-tooltip{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px);position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.onboarding-actions{flex-direction:column}.onboarding-button{width:100%;justify-content:center}}@media (prefers-contrast: high){.onboarding-tooltip{border:2px solid #000}.onboarding-button--primary{background:#000;border-color:#000}.onboarding-button--secondary{background:#fff;color:#000;border-color:#000}}@media (prefers-reduced-motion: reduce){.onboarding-tooltip{animation:none}.onboarding-progress-fill,.onboarding-button{transition:none}}.contextual-hints{position:fixed;top:80px;right:20px;z-index:100;pointer-events:none}.contextual-hint{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:320px;min-width:280px;position:relative;pointer-events:all;animation:hint-slide-in .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes hint-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.contextual-hint:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:12px;z-index:-1}.contextual-hint__content{font-size:14px;line-height:1.5}.contextual-hint__content strong{display:block;font-size:15px;margin-bottom:8px;font-weight:600}.contextual-hint__content p{margin:0;opacity:.95}.contextual-hint__content kbd{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace;color:#ffffffe6;margin:0 2px}.contextual-hint__dismiss{position:absolute;top:8px;right:8px;background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all .2s ease;opacity:.7}.contextual-hint__dismiss:hover{background:#ffffff4d;opacity:1;transform:scale(1.1)}@media (max-width: 768px){.contextual-hints{top:60px;right:10px;left:10px}.contextual-hint{max-width:none;min-width:auto}}.contextual-hint--success{background:linear-gradient(135deg,#11998e,#38ef7d)}.contextual-hint--warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.contextual-hint--info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.contextual-hint--tip{background:linear-gradient(135deg,#43e97b,#38f9d7)}@media (prefers-contrast: high){.contextual-hint{background:#000;border:2px solid #fff;color:#fff}.contextual-hint__dismiss{background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){.contextual-hint{animation:none}.contextual-hint__dismiss{transition:none}.contextual-hint__dismiss:hover{transform:none}}.quick-help{position:relative}.quick-help-button{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:all .3s ease;z-index:50;display:flex;align-items:center;justify-content:center}.quick-help-button:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.quick-help-button--active{background:#1d4ed8;transform:scale(1.05)}.quick-help-backdrop{position:fixed;inset:0;background:#0000004d;z-index:60}.quick-help-panel{position:fixed;bottom:80px;right:20px;width:300px;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:70;animation:quick-help-slide-up .3s ease-out;max-height:500px;overflow-y:auto}@keyframes quick-help-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-help-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.quick-help-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.quick-help-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.quick-help-close:hover{background:#f3f4f6;color:#374151}.quick-help-content{padding:16px 20px}.quick-help-section{margin-bottom:20px}.quick-help-section:last-child{margin-bottom:0}.quick-help-section h5{margin:0 0 8px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.shortcut-list{display:flex;flex-direction:column;gap:6px}.shortcut-item{display:flex;align-items:center;gap:12px;font-size:13px}.shortcut-item kbd{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace;color:#374151;min-width:40px;text-align:center}.shortcut-item span{color:#6b7280;flex:1}.tip-list{margin:0;padding-left:16px;font-size:13px;color:#6b7280;line-height:1.5}.tip-list li{margin:4px 0}.quick-help-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.quick-help-footer p{margin:0;font-size:12px;color:#6b7280;text-align:center}.quick-help-footer kbd{background:#e5e7eb;border:1px solid #d1d5db;border-radius:3px;padding:1px 4px;font-size:11px;font-family:monospace}@media (max-width: 768px){.quick-help-button{bottom:80px;right:16px;width:44px;height:44px;font-size:16px}.quick-help-panel{bottom:140px;right:16px;left:16px;width:auto;max-height:400px}}@media (prefers-contrast: high){.quick-help-button{background:#000;border:2px solid #fff}.quick-help-panel{border:2px solid #000}.shortcut-item kbd{background:#000;color:#fff;border-color:#fff}}@media (prefers-reduced-motion: reduce){.quick-help-button{transition:none}.quick-help-button:hover{transform:none}.quick-help-panel{animation:none}}.whats-new-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;z-index:80;max-width:500px;min-width:400px;animation:whats-new-slide-down .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes whats-new-slide-down{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.whats-new-content{display:flex;align-items:flex-start;gap:16px;padding:20px;position:relative}.whats-new-icon{font-size:32px;flex-shrink:0;margin-top:4px}.whats-new-text{flex:1;min-width:0}.whats-new-text h4{margin:0 0 4px;font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.whats-new-text h5{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.whats-new-text p{margin:0;font-size:14px;line-height:1.5;opacity:.95}.whats-new-actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.whats-new-button{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.whats-new-button--primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.whats-new-button--primary:hover{background:#ffffff4d;transform:translateY(-1px)}.whats-new-button--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 10px}.whats-new-button--secondary:hover{background:#fff3}.whats-new-button--close{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.whats-new-button--close:hover{background:#fff3;transform:scale(1.1)}.whats-new-progress{display:flex;justify-content:center;gap:6px;padding:0 20px 16px}.whats-new-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .2s ease}.whats-new-dot.active{background:#ffffffe6;transform:scale(1.2)}@media (max-width: 768px){.whats-new-banner{top:10px;left:10px;right:10px;transform:none;max-width:none;min-width:auto}.whats-new-content{padding:16px;gap:12px}.whats-new-icon{font-size:28px}.whats-new-text h5{font-size:16px}.whats-new-text p{font-size:13px}.whats-new-actions{flex-direction:column;align-items:stretch}.whats-new-button{width:100%;justify-content:center}.whats-new-button--close{position:absolute;top:8px;right:8px;width:24px;height:24px}}@media (prefers-contrast: high){.whats-new-banner{background:#000;border:2px solid #fff;color:#fff}.whats-new-button--primary{background:#fff;color:#000;border-color:#fff}.whats-new-button--secondary,.whats-new-button--close{background:transparent;color:#fff;border-color:#fff}}@media (prefers-reduced-motion: reduce){.whats-new-banner{animation:none}.whats-new-button{transition:none}.whats-new-button:hover{transform:none}.whats-new-dot{transition:none}.whats-new-dot.active{transform:none}}.status-indicator{position:fixed;bottom:20px;left:20px;z-index:50}.status-indicator-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.status-indicator-icon{font-size:16px;flex-shrink:0}.status-indicator-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.status-indicator-projection{font-size:14px;opacity:.9;flex-shrink:0}@media (max-width: 768px){.status-indicator{bottom:140px;left:16px;right:80px}.status-indicator-badge{padding:6px 12px;font-size:13px;max-width:none}.status-indicator-text{display:none}.status-indicator-icon{font-size:18px}}@media (prefers-contrast: high){.status-indicator-badge{background:#000!important;border:2px solid #fff;color:#fff}}@media (prefers-reduced-motion: reduce){.status-indicator-badge{transition:none}.status-indicator-badge:hover{transform:none}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f5f5f5;transition:background-color .3s ease}.app--gm-mode{background-color:#f5f5f5}.app--player-mode{background-color:#f0f8ff}.app--quick-terrain-mode{background-color:#f0fff0}.app--quick-terrain-mode .app-header{background-color:#28a745}.app-header{background-color:#2c3e50;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;z-index:10;transition:background-color .3s ease}.app-header__content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.app-header h1{margin:0;font-size:1.5rem;font-weight:600}.app-header__controls{display:flex;align-items:center;gap:16px}.app-header__mode-indicator{display:flex;align-items:center}.mode-indicator{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:2px solid transparent}.mode-indicator--gm{background-color:#28a74533;color:#28a745;border-color:#28a745}.mode-indicator--player{background-color:#17a2b833;color:#17a2b8;border-color:#17a2b8}.app--gm-mode .app-header{background-color:#2c3e50}.app--player-mode .app-header{background-color:#1e3a5f}.app-main{flex:1;display:flex;overflow:hidden;position:relative}.app-sidebar{width:250px;background-color:#f8f9fa;border-right:1px solid #dee2e6;overflow-y:auto;flex-shrink:0;transition:all .3s ease;padding:1rem}.app-sidebar--player-mode{background-color:#e3f2fd;border-right-color:#90caf9}.player-mode-info{background:#fff;border:1px solid #90caf9;border-radius:8px;padding:16px;margin-top:16px;box-shadow:0 2px 4px #0000001a}.player-mode-info h3{margin:0 0 8px;font-size:16px;color:#1565c0;font-weight:600}.player-mode-info p{margin:0;font-size:14px;line-height:1.4;color:#666}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.hex-grid-container{flex:1;background-color:#fff;border:1px solid #ddd;position:relative}.app *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@keyframes modeTransition{0%{opacity:.95}to{opacity:1}}.app--transitioning{animation:modeTransition .3s ease-out}.app{position:relative}.app:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#3498db0d,#2ecc710d,#9b59b60d);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1}.app--transitioning:before{opacity:1}@media (prefers-contrast: high){.app-header{border-bottom:3px solid #000}.mode-indicator{border-width:3px;font-weight:700}.app-sidebar{border-right-width:3px}}.sidebar-undo-redo{margin-bottom:16px}@media (max-width: 768px){.app-header h1{font-size:1.2rem}.app-header{padding:.5rem}.app-header__content{flex-direction:column;gap:.5rem}.app-sidebar{width:200px;padding:.5rem}.mode-indicator{font-size:.8rem;padding:.3rem .8rem}.sidebar-undo-redo{margin-bottom:12px}}@media (max-width: 480px){.app-main{flex-direction:column}.app-sidebar{width:100%;height:auto;max-height:350px;border-right:none;border-bottom:1px solid #dee2e6;padding:.5rem;overflow-y:auto}.app-header__content{text-align:center}.sidebar-undo-redo{margin-bottom:8px}}@media (hover: none) and (pointer: coarse){.app-header__controls{gap:20px}.mode-indicator{padding:.6rem 1.2rem;font-size:.9rem}button{min-height:44px;min-width:44px}}@media (prefers-color-scheme: dark){.app{background-color:#1a1a1a;color:#e0e0e0}.app-header{background-color:#2d3748}.app-sidebar{background-color:#2d3748;border-right-color:#4a5568}.app-sidebar--player-mode{background-color:#2c5282;border-right-color:#3182ce}.player-mode-info{background-color:#2d3748;border-color:#3182ce;color:#e0e0e0}.player-mode-info h3{color:#63b3ed}}@media print{.app-header,.app-sidebar{display:none!important}.app-main{flex-direction:column}.app-content{width:100%!important;height:100vh!important}}.app:focus-within .focus-ring{outline:2px solid #007bff;outline-offset:2px}.app--loading{pointer-events:none}.app--loading:after{content:"";position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.app--error{background-color:#f8d7da;border:1px solid #f5c6cb}.app--error .app-header{background-color:#721c24}.app--success{animation:successPulse .5s ease-out}@keyframes successPulse{0%{box-shadow:0 0 #28a74566}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.app--projection-mode{--projection-bg-primary: #000000;--projection-bg-secondary: #1a1a1a;--projection-text-primary: #ffffff;--projection-text-secondary: #e0e0e0;--projection-accent: #00ff00;--projection-warning: #ffff00;--projection-danger: #ff0000;--projection-border: #444444;--projection-hover: #333333}.app--projection-mode{background-color:var(--projection-bg-primary)!important;color:var(--projection-text-primary)!important}.app--projection-mode .app-header{background-color:var(--projection-bg-secondary)!important;border-bottom:3px solid var(--projection-border)!important;color:var(--projection-text-primary)!important}.app--projection-mode .app-header h1{color:var(--projection-text-primary)!important;font-weight:700!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important}.app--projection-mode .mode-indicator{background-color:var(--projection-bg-secondary)!important;color:var(--projection-accent)!important;border:3px solid var(--projection-accent)!important;font-weight:700!important;font-size:1.1rem!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.app--projection-mode .app-sidebar{background-color:var(--projection-bg-secondary)!important;border-right:3px solid var(--projection-border)!important;color:var(--projection-text-primary)!important}.app--projection-mode .app-content{background-color:var(--projection-bg-primary)!important}.app--projection-mode.app--large-text{font-size:18px!important}.app--projection-mode.app--large-text .app-header h1{font-size:2.5rem!important}.app--projection-mode.app--large-text .mode-indicator{font-size:1.3rem!important;padding:.8rem 1.5rem!important}.app--projection-mode.app--large-text button{font-size:16px!important;padding:12px 20px!important;font-weight:600!important}.app--projection-mode.app--large-text input,.app--projection-mode.app--large-text select,.app--projection-mode.app--large-text textarea{font-size:16px!important;padding:10px!important}.app--projection-mode.app--large-text label{font-size:16px!important;font-weight:600!important}.app--projection-mode.app--simplified-ui .app-sidebar{width:200px!important}.app--projection-mode.app--simplified-ui .player-mode-info{background-color:var(--projection-bg-secondary)!important;border:2px solid var(--projection-accent)!important;color:var(--projection-text-primary)!important}.app--projection-mode.app--simplified-ui .player-mode-info h3{color:var(--projection-accent)!important;font-weight:700!important}.app--projection-mode.app--simplified-ui .settings-button,.app--projection-mode.app--simplified-ui .map-manager-button{display:none!important}.app--projection-mode button{background-color:var(--projection-bg-secondary)!important;color:var(--projection-text-primary)!important;border:2px solid var(--projection-border)!important;font-weight:600!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.app--projection-mode button:hover{background-color:var(--projection-hover)!important;border-color:var(--projection-accent)!important;color:var(--projection-accent)!important;transform:scale(1.05)!important}.app--projection-mode button:active{transform:scale(.98)!important}.app--projection-mode input,.app--projection-mode select,.app--projection-mode textarea{background-color:var(--projection-bg-secondary)!important;color:var(--projection-text-primary)!important;border:2px solid var(--projection-border)!important}.app--projection-mode input:focus,.app--projection-mode select:focus,.app--projection-mode textarea:focus{border-color:var(--projection-accent)!important;box-shadow:0 0 0 2px #00ff004d!important}.app--projection-mode .hex-grid-container{background-color:var(--projection-bg-primary)!important;border:3px solid var(--projection-border)!important}.app--projection-mode .modal-overlay{background-color:#000000e6!important}.app--projection-mode .modal-content,.app--projection-mode .dialog-content,.app--projection-mode .panel-content{background-color:var(--projection-bg-secondary)!important;color:var(--projection-text-primary)!important;border:3px solid var(--projection-border)!important}.app--projection-mode .modal-header,.app--projection-mode .dialog-header,.app--projection-mode .panel-header{background-color:var(--projection-bg-primary)!important;color:var(--projection-accent)!important;border-bottom:2px solid var(--projection-border)!important}.app--projection-mode .icon-palette{background-color:var(--projection-bg-secondary)!important;border:2px solid var(--projection-border)!important}.app--projection-mode .icon-palette__category h3{color:var(--projection-accent)!important;font-weight:700!important}.app--projection-mode .icon-item{background-color:var(--projection-bg-primary)!important;border:2px solid var(--projection-border)!important}.app--projection-mode .icon-item:hover{border-color:var(--projection-accent)!important;background-color:var(--projection-hover)!important;transform:scale(1.1)!important}.app--projection-mode .player-controls{background-color:var(--projection-bg-secondary)!important;border:2px solid var(--projection-border)!important;color:var(--projection-text-primary)!important}.app--projection-mode .player-controls h3{color:var(--projection-accent)!important;font-weight:700!important}.app--projection-mode .sight-distance-control input[type=range]{accent-color:var(--projection-accent)!important}.app--projection-mode .reveal-mode-toggle{background-color:var(--projection-bg-primary)!important;border:2px solid var(--projection-border)!important}.app--projection-mode .reveal-mode-toggle--active{background-color:var(--projection-accent)!important;color:var(--projection-bg-primary)!important}.app--fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important}.app--fullscreen .app-header{padding:.5rem 1rem!important}.app--fullscreen .app-header h1{font-size:1.8rem!important}.app--fullscreen.app--projection-mode.app--simplified-ui .app-header{display:none!important}.app--fullscreen.app--projection-mode.app--simplified-ui .app-main{height:100vh!important}.app--fullscreen.app--projection-mode.app--simplified-ui .app-sidebar{width:150px!important}.app--projection-mode *:focus{outline:3px solid var(--projection-accent)!important;outline-offset:2px!important}.app--projection-mode ::-webkit-scrollbar{width:12px!important;background-color:var(--projection-bg-primary)!important}.app--projection-mode ::-webkit-scrollbar-thumb{background-color:var(--projection-border)!important;border-radius:6px!important}.app--projection-mode ::-webkit-scrollbar-thumb:hover{background-color:var(--projection-accent)!important}.app--projection-mode *{animation-duration:.1s!important;transition-duration:.1s!important}@media print{.app--projection-mode{background:#fff!important;color:#000!important}.app--projection-mode .app-sidebar{display:none!important}.app--projection-mode .app-header{background:#fff!important;color:#000!important;border-bottom:2px solid black!important}}@media (hover: none) and (pointer: coarse){:root{--touch-target-size: 44px;--touch-spacing: 12px;--mobile-font-size: 16px;--mobile-line-height: 1.5}input,select,textarea{font-size:16px!important}button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:var(--touch-target-size);min-width:var(--touch-target-size);padding:12px 16px;font-size:14px;border-radius:8px;touch-action:manipulation}.app-header__controls{gap:var(--touch-spacing)}body{font-size:var(--mobile-font-size);line-height:var(--mobile-line-height)}.app-header,.app-sidebar,.hex-grid-container,button,[role=button]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}*{-webkit-overflow-scrolling:touch}.mode-indicator:hover,button:hover,.icon-item:hover{background-color:initial;transform:none;box-shadow:initial}button:active,[role=button]:active{transform:scale(.98);opacity:.8}}@media (min-width: 768px) and (max-width: 1024px) and (hover: none){.app-sidebar{width:320px}.hex-grid-container{touch-action:pan-x pan-y pinch-zoom}.icon-palette .icon-item{padding:16px 12px}.icon-palette .icon-image{width:48px;height:48px}}@media (max-width: 767px) and (hover: none){.app-main{flex-direction:column}.app-sidebar{position:fixed;inset:0;width:100%;height:100%;z-index:1000;transform:translateY(100%);transition:transform .3s ease;border-right:none;border-top:1px solid #dee2e6}.app-sidebar--visible{transform:translateY(0)}.app-header{padding:8px 16px}.app-header h1{font-size:16px}.icon-palette{position:fixed;bottom:0;left:0;right:0;max-height:50vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026}.icon-palette .icon-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.icon-palette .icon-item{padding:16px 8px;min-height:80px;border-radius:12px}.icon-palette .icon-image{width:40px;height:40px}.mobile-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#007bff;color:#fff;border:none;box-shadow:0 4px 12px #007bff66;font-size:20px;z-index:999;touch-action:manipulation}.mobile-fab:active{transform:scale(.95)}}@media (max-width: 767px) and (orientation: landscape) and (hover: none){.app-header{padding:6px 16px}.app-header h1{font-size:14px}.icon-palette{max-height:40vh}button{min-height:36px;min-width:36px;padding:8px 12px;font-size:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.icon-image,.hex-grid-container canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark) and (hover: none){.app{background-color:#121212;color:#e0e0e0}.app-header{background-color:#1f1f1f;border-bottom:1px solid #333}.app-sidebar,.icon-palette{background-color:#1f1f1f;border-color:#333}.icon-palette .icon-item{background-color:#2a2a2a;border-color:#444}.mobile-fab{background:#1976d2}}@media (hover: none) and (pointer: coarse){button:focus,[role=button]:focus{outline:3px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){button,.icon-item{border-width:3px;font-weight:700}.app-header{border-bottom:3px solid #000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@supports (padding: max(0px)){.app-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}.mobile-fab{bottom:max(20px,env(safe-area-inset-bottom) + 10px);right:max(20px,env(safe-area-inset-right) + 10px)}.icon-palette{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (hover: none) and (pointer: coarse){.app-sidebar,.icon-palette,.mobile-fab,.hex-grid-container canvas{will-change:transform;transform:translateZ(0)}.hex-grid-container{contain:layout style paint}@media (max-width: 480px){.app *{box-shadow:none!important;text-shadow:none!important}.app-sidebar,.icon-palette{-webkit-backdrop-filter:none;backdrop-filter:none}}}.touch-gesture-area{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pinch-zoom-enabled{touch-action:pan-x pan-y pinch-zoom}.pan-enabled{touch-action:pan-x pan-y}.touch-loading{pointer-events:none;opacity:.7}.touch-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #007bff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.haptic-light{animation:hapticPulse .1s ease-out}.haptic-medium{animation:hapticPulse .2s ease-out}.haptic-heavy{animation:hapticPulse .3s ease-out}@keyframes hapticPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}