@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#0a0a0a;color:#e8e8e8}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;background:radial-gradient(1200px 800px at 60% 20%,#1b1b1b,#0a0a0a 60%,#050505)}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;background:radial-gradient(1000px 700px at 50% 40%,#141414,#090909 55%,#050505)}.map-frame{display:flex;align-items:center;justify-content:center}.map-image{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:mapFadeIn .16s ease-out}@keyframes mapFadeIn{0%{opacity:0}to{opacity:1}}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;z-index:6}.drag-active .drop-hint{pointer-events:none}.drop-card{padding:22px 28px;border:1px dashed rgba(255,255,255,.25);background:#08080899;border-radius:12px}.drop-title{font-size:18px;letter-spacing:.2px}.drop-subtitle{font-size:12px;opacity:.7;margin-top:6px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drag-active .drop-card{border-color:#e6d98a;box-shadow:0 0 0 2px #e6d98a33}.corner-menu{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease-out,transform .12s ease-out;z-index:7}.corner-menu.is-visible{opacity:.95;pointer-events:auto;transform:translateY(0)}.menu-button{border:1px solid rgba(255,255,255,.2);background:#0c0c0cbf;color:#f2f2f2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer}.menu-button:disabled{opacity:.4;cursor:not-allowed}.settings-panel{padding:8px;border-radius:10px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-value{font-size:10px;opacity:.7}.share-panel{padding:8px;border-radius:10px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.08);display:grid;gap:6px;width:220px}.share-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;opacity:.85}.share-title{font-weight:600;letter-spacing:.3px}.share-status-text{font-size:10px;opacity:.7}.share-code-row{display:flex;align-items:center;gap:8px}.share-code{font-size:13px;font-weight:700;letter-spacing:1px;color:#f2f2f2}.share-copy{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#f2f2f2;border-radius:8px;padding:4px 8px;font-size:10px;cursor:pointer}.share-copy:disabled{opacity:.4;cursor:not-allowed}.share-meta{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.7}.share-dot{width:8px;height:8px;border-radius:50%;background:#a32020;box-shadow:0 0 0 1px #00000080}.share-dot.is-on{background:#2e7d32}.share-dot.is-off{background:#a32020}.share-meta-text{letter-spacing:.2px}.share-pin{display:grid;gap:4px;font-size:10px}.share-pin input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#f2f2f2;border-radius:6px;padding:3px 6px;font-size:11px}.share-error{font-size:10px;color:#e6baba}.settings-button{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#f2f2f2;border-radius:6px;padding:5px 10px;font-size:11px;cursor:pointer;text-align:center}.settings-button:hover{background:#ffffff1a}.settings-button:disabled{opacity:.4;cursor:not-allowed}.calibration-panel{width:220px;padding:10px;border-radius:10px;background:#0c0c0cc7;border:1px solid rgba(255,255,255,.12);display:grid;gap:8px;font-size:11px}.calibration-text{line-height:1.3;opacity:.9}.calibration-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.calibration-button{border:1px solid rgba(255,255,255,.2);background:#202020b3;color:#f2f2f2;border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer}.calibration-toggle-row{display:flex;align-items:center;gap:6px}.calibration-label{display:grid;gap:4px;font-size:11px}.calibration-label select,.calibration-label input[type=range]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#f2f2f2;border-radius:6px;padding:2px 6px}.calibration-status{font-size:11px;opacity:.7}.corner-menu.history-view{width:220px}.history-back{align-self:flex-start}.history-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding:4px;border-radius:10px;background:#0c0c0cb8;border:1px solid rgba(255,255,255,.08)}.history-empty{padding:16px;text-align:center;font-size:12px;opacity:.6}.history-item{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid transparent;background:#ffffff08;border-radius:8px;cursor:pointer;text-align:left;color:#f2f2f2;transition:background .1s ease-out}.history-item:hover{background:#ffffff1a}.history-item.is-current{border-color:#ffffff40;background:#ffffff14}.history-thumbnail{width:50px;height:38px;object-fit:cover;border-radius:4px;flex-shrink:0}.history-info{display:flex;flex-direction:column;gap:2px;min-width:0}.history-name{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-time{font-size:10px;opacity:.6}.history-group{display:flex;flex-direction:column;gap:2px}.history-item-row{display:flex;align-items:center;gap:4px}.history-item-row .history-item{flex:1;min-width:0}.history-improved{padding-left:12px;position:relative}.history-improved:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:#ffffff26;border-radius:1px}.history-improved-label{color:#a78bfa}.history-remove{width:20px;height:20px;border:none;background:transparent;color:#fff6;font-size:16px;line-height:1;cursor:pointer;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .1s ease-out,color .1s ease-out;opacity:0}.history-item-row:hover .history-remove{opacity:1}.history-remove:hover{background:#ffffff1a;color:#fffc}.bottom-toolbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%) translateY(8px);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#0c0c0cbf;border:1px solid rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .14s ease-out,transform .14s ease-out;z-index:7}.bottom-toolbar.is-visible{opacity:.95;pointer-events:auto;transform:translate(-50%) translateY(0)}.bottom-toolbar.is-disabled{opacity:.5}.tool-button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#141414b3;color:#f1f1f1;display:grid;place-items:center;cursor:pointer}.tool-button[aria-disabled=true]{cursor:not-allowed}.tool-button svg{width:18px;height:18px}.tool-button.is-active{background:#e6d98ae6;color:#111}.color-row{display:flex;align-items:center;gap:6px;margin-left:6px}.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.4);cursor:pointer}.color-dot.is-active{box-shadow:0 0 0 2px #fff6}.grid-overlay{position:absolute;pointer-events:none;z-index:3}.tools-overlay{position:absolute;pointer-events:none;z-index:4}.tools-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;cursor:default}.tools-layer.is-active{pointer-events:auto}.tools-layer.is-tool{cursor:crosshair}.calibration-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;z-index:6}.calibration-point{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid #e6d98a;box-shadow:0 0 0 2px #0006;transform:translate(-50%,-50%);pointer-events:none;z-index:7}.magnifier{position:absolute;border-radius:12px;border:1px solid rgba(255,255,255,.2);background-color:#101010f2;background-repeat:no-repeat;box-shadow:0 10px 24px #0006;pointer-events:none;z-index:6}.magnifier:before,.magnifier:after{content:"";position:absolute;background:#ffffffb3}.magnifier:before{top:0;left:50%;width:1px;height:100%;transform:translate(-50%)}.magnifier:after{left:0;top:50%;height:1px;width:100%;transform:translateY(-50%)}.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#141414e6;color:#f2f2f2;border:1px solid rgba(255,255,255,.12);font-size:12px;letter-spacing:.2px;z-index:8;pointer-events:none}.template-delete{position:absolute;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#141414d9;color:#f2f2f2;display:grid;place-items:center;cursor:pointer;z-index:8}.template-delete svg{width:14px;height:14px}.line-handle{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:#0c0c0cd9;box-shadow:0 0 0 1px #0009;cursor:grab;z-index:8}.line-handle:active{cursor:grabbing}.template-metrics{position:absolute;padding:6px 10px;border-radius:999px;background:#0c0c0cd9;border:1px solid rgba(255,255,255,.12);color:#f2f2f2;font-size:11px;letter-spacing:.2px;white-space:nowrap;pointer-events:none;z-index:8}.template-picker{position:absolute;padding:10px;border-radius:12px;background:#0c0c0cd9;border:1px solid rgba(255,255,255,.12);display:grid;gap:8px;width:180px;z-index:8}.template-picker .color-row{margin:0}.template-picker.attached{width:180px}.picker-label{display:grid;gap:4px;font-size:11px}.picker-label input[type=range]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#f2f2f2;border-radius:6px;padding:2px 6px}.edge-glow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.edge-glow-segment{position:absolute;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.edge-glow-segment.active{opacity:1;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.player-labels-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.player-label{font-family:Cinzel,Garamond,Georgia,serif}.initiative-button{position:relative}.initiative-button:disabled{opacity:.6;cursor:not-allowed}.initiative-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#ff6b6b}.initiative-indicator.connected{background:#6fe3a8;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.initiative-setup-clickarea{background:#0000004d}.initiative-setup-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:24px;min-width:320px;max-width:400px;z-index:10;box-shadow:0 8px 32px #0009}.initiative-setup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.initiative-setup-header h2{margin:0;font-size:18px;font-weight:600;color:#f2f2f2}.initiative-setup-close{background:none;border:none;color:#e8e8e8;font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.initiative-setup-close:hover{background:#ffffff1a}.initiative-setup-content{display:flex;flex-direction:column;gap:16px}.initiative-setup-instruction{margin:0;font-size:14px;color:#e8e8e8;text-align:center}.initiative-setup-players{display:flex;flex-direction:column;gap:8px}.initiative-setup-player{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;transition:all .2s}.initiative-setup-player.current{background:#ffffff1a;border-color:#ffffff4d}.initiative-setup-player.placed{opacity:.6}.initiative-setup-player-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.initiative-setup-player span{flex:1;color:#e8e8e8;font-size:14px}.initiative-setup-checkmark{color:#6fe3a8;font-weight:700;font-size:16px}.initiative-setup-buttons{display:flex;gap:8px;margin-top:8px}.initiative-setup-button{flex:1;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.initiative-setup-button.primary{background:#e6d98a;color:#0a0a0a;border-color:#e6d98a}.initiative-setup-button.primary:hover:not(:disabled){background:#f0e5a0;border-color:#f0e5a0}.initiative-setup-button.primary:disabled{opacity:.4;cursor:not-allowed}.initiative-setup-button.secondary{background:#ffffff0d;color:#e8e8e8}.initiative-setup-button.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.improve-map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9}.improve-map-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:24px;width:420px;max-height:80vh;overflow-y:auto;z-index:10;box-shadow:0 8px 32px #0009}.improve-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.improve-map-header h2{margin:0;font-size:18px;font-weight:600;color:#f2f2f2}.improve-map-close{background:none;border:none;color:#e8e8e8;font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.improve-map-close:hover{background:#ffffff1a}.improve-map-content{display:flex;flex-direction:column;gap:16px}.improve-map-section{display:flex;flex-direction:column;gap:8px}.improve-map-label{font-size:12px;font-weight:600;color:#e8e8e8;letter-spacing:.2px}.improve-map-input{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f2f2f2;font-size:13px}.improve-map-input:focus{outline:none;border-color:#ffffff4d}.improve-map-textarea{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f2f2f2;font-size:13px;font-family:inherit;resize:vertical;min-height:80px}.improve-map-textarea:focus{outline:none;border-color:#ffffff4d}.improve-map-key-row,.improve-map-save-prompt-row{display:flex;gap:8px}.improve-map-saved-indicator{font-size:11px;color:#6fe3a8}.improve-map-prompts-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto;padding:4px;background:#0003;border-radius:6px}.improve-map-prompt-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px}.improve-map-prompt-select{flex:1;background:none;border:none;color:#e8e8e8;font-size:12px;text-align:left;cursor:pointer;padding:0}.improve-map-prompt-select:hover{color:#fff}.improve-map-prompt-delete{background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.improve-map-prompt-delete:hover{color:#ff6b6b}.improve-map-system-toggle{background:none;border:none;color:#888;font-size:11px;cursor:pointer;padding:0;text-align:left}.improve-map-system-toggle:hover{color:#aaa}.improve-map-system-prompt{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px;margin-top:8px}.improve-map-system-prompt pre{margin:0;font-size:11px;color:#aaa;white-space:pre-wrap;word-break:break-word;font-family:inherit}.improve-map-system-note{margin:8px 0 0;font-size:10px;color:#666}.improve-map-system-note code{background:#ffffff1a;padding:1px 4px;border-radius:3px}.improve-map-settings{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:12px}.improve-map-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#ccc;cursor:pointer}.improve-map-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#e6d98a;cursor:pointer}.improve-map-actions{display:flex;gap:8px;margin-top:8px}.improve-map-btn{flex:1;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.improve-map-btn.primary{background:#e6d98a;color:#0a0a0a;border-color:#e6d98a}.improve-map-btn.primary:hover:not(:disabled){background:#f0e5a0;border-color:#f0e5a0}.improve-map-btn.primary:disabled{opacity:.4;cursor:not-allowed}.improve-map-btn.secondary{background:#ffffff0d;color:#e8e8e8}.improve-map-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.improve-map-error{padding:10px 12px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#f88;font-size:12px}.improve-map-loading{text-align:center;padding:20px 0}.improve-map-loading p{margin:0 0 16px;color:#e8e8e8;font-size:14px}.improve-map-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.improve-map-progress-bar{height:100%;background:#e6d98a;border-radius:4px;transition:width .3s ease-out}.improve-map-time-remaining{margin:12px 0 0!important;font-size:12px!important;color:#888!important}.improve-map-result{text-align:center}.improve-map-result>p{margin:0 0 16px;color:#6fe3a8;font-size:16px;font-weight:600}.improve-map-preview{margin-bottom:16px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.improve-map-preview img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:#0a0a0a}.improve-map-result-actions{display:flex;gap:8px}