*{box-sizing:border-box;margin:0;padding:0}html,body{background:#2b1f14;width:100%;height:100%;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;overflow:hidden}#grid-canvas{width:100%;height:100%;display:block}#toolbar{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:8px;left:8px}#toolbar button{color:#d4b896;cursor:pointer;text-shadow:0 1px 2px #00000080;background:linear-gradient(#3d2b1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:3px;padding:6px 12px;font-family:inherit;font-size:14px}#toolbar button:hover{background:linear-gradient(#4d3b2a,#3a2c1f);border-color:#a0804e}#toolbar button.active{color:#ffe0a0;background:linear-gradient(#5c3a1a,#3d2200);border-color:#c4944a}.mode-panel{z-index:15;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:4px;flex-direction:column;gap:8px;min-width:200px;padding:10px 12px;display:flex;position:fixed;top:44px;left:8px;box-shadow:0 4px 12px #00000080}.mode-panel.hidden{display:none}.panel-title{color:#c4a060;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.panel-hint{color:#8a6a40;border-top:1px solid #4a3520;margin-top:2px;padding-top:6px;font-size:10px;font-style:italic}.token-form-header{align-items:center;gap:8px;display:flex}.token-form-header input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;flex:1;padding:6px 8px;font-family:inherit;font-size:15px;font-weight:700}.color-dot{background:#f44;border:2px solid #c4a060;border-radius:50%;flex-shrink:0;width:18px;height:18px}.token-form-row{align-items:center;gap:10px;display:flex}.token-form-row label{color:#b89868;align-items:center;gap:4px;font-size:12px;display:flex}.token-form-row select,.token-form-row input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;padding:4px 6px;font-family:inherit;font-size:13px}.token-form-row select{width:80px}.token-form-row input[type=number]{width:42px}.library-btn{color:#c4a060;cursor:pointer;background:#2a1c0f;border:1px dashed #7a5c3a;border-radius:3px;width:100%;padding:6px;font-family:inherit;font-size:13px}.library-btn:hover{color:#ffe0a0;background:#3a2a1a;border-color:#a0804e}#obstacle-list .obstacle-item{cursor:pointer;color:#c4a060;border-radius:3px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}#obstacle-list .obstacle-item:hover{background:#3a2a1a}#obstacle-list .obstacle-item.active{color:#ffe0a0;background:#4a3520;border:1px solid #7a5c3a}#obstacle-list .obs-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px}#enemy-panel{z-index:15;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:4px;width:200px;max-height:calc(100vh - 220px);padding:8px;position:fixed;top:0;left:8px;overflow-y:auto;box-shadow:0 4px 12px #00000080}#tile-panel,#obj-panel{z-index:15;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:4px;width:220px;max-height:calc(100vh - 220px);padding:8px;position:fixed;top:0;left:8px;overflow-y:auto;box-shadow:0 4px 12px #00000080}#enemy-panel h4{color:#c4a060;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px;font-size:11px}#enemy-panel h4:first-child{margin-top:0}.enemy-item{cursor:pointer;color:#d4b896;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:flex}.enemy-item:hover{background:#3a2a1a}.enemy-item.active{background:#4a3520;border:1px solid #7a5c3a}.enemy-swatch{border:1px solid #7a5c3a;border-radius:50%;flex-shrink:0;width:14px;height:14px}#enemy-panel .custom-section{border-top:1px solid #4a3520;margin-top:8px;padding-top:8px}#btn-add-custom-enemy{color:#b89868;cursor:pointer;background:#2a1c0f;border:1px dashed #7a5c3a;border-radius:3px;width:100%;margin-top:6px;padding:4px;font-family:inherit;font-size:12px}#btn-add-custom-enemy:hover{color:#ffe0a0;background:#3a2a1a}#tooltip{color:#e8d4b0;pointer-events:none;z-index:30;white-space:nowrap;opacity:0;background:#2a1c0f;border:1px solid #7a5c3a;border-radius:3px;padding:4px 8px;font-size:12px;transition:opacity .1s;display:none;position:fixed}#tooltip.visible{opacity:1;display:block}#tooltip strong{color:#ffe0a0}#enemy-edit-dialog,#save-dialog,#confirm-dialog{z-index:50;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:6px;min-width:240px;padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}#save-dialog.hidden,#confirm-dialog.hidden{display:none}#save-dialog input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;width:100%;margin-top:8px;padding:6px 8px;font-family:inherit;font-size:14px}#dialog-backdrop{z-index:40;background:#0f0a05b3;position:fixed;inset:0}#enemy-edit-dialog h4,#save-dialog h4,#confirm-dialog h4,#open-dialog h4{color:#ffe0a0;margin:0 0 12px;font-size:14px}#enemy-edit-dialog label{color:#c4a060;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}#enemy-edit-dialog input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;width:120px;padding:4px 8px;font-family:inherit;font-size:13px}#enemy-edit-dialog input[type=color]{cursor:pointer;width:40px;height:28px;padding:2px}#enemy-edit-dialog input[type=number]{width:60px}.edit-dialog-actions{gap:8px;margin-top:12px;display:flex}.edit-dialog-actions button{cursor:pointer;border:1px solid #7a5c3a;border-radius:3px;flex:1;padding:6px;font-family:inherit;font-size:13px}#edit-save{color:#ffe0a0;background:linear-gradient(#5c3a1a,#3d2200);border-color:#c4944a}#edit-cancel{color:#b89868;background:#2a1c0f}#context-menu{z-index:10002;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:4px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000080}#context-menu.hidden{display:none}#context-menu .ctx-separator{border-top:1px solid #5a4020;margin:3px 0}#help-dialog{z-index:55;color:#d4b896;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:6px;width:380px;max-height:75vh;font-size:12.5px;position:fixed;top:60px;right:20px;overflow-y:auto;box-shadow:0 4px 16px #0009}#help-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#4a3520;border-bottom:1px solid #7a5c3a;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}#help-titlebar:active{cursor:grabbing}#help-close{cursor:pointer;color:#aaa;font-size:16px}#help-close:hover{color:#fff}#help-dialog .help-content{padding:10px 14px}#help-dialog details{border-bottom:1px solid #4a3520;margin-bottom:4px;padding-bottom:4px}#help-dialog details:last-child{border-bottom:none}#help-dialog details[open]{margin-bottom:6px;padding-bottom:6px}#help-dialog summary{cursor:pointer;color:#c4a060;padding:4px 0;font-size:13px;font-weight:700}#help-dialog p{margin:2px 0 2px 6px;line-height:1.5}#help-dialog .help-overview p{margin:4px 0;font-size:12px}#help-dialog kbd{color:#e8d4b0;background:#4a3520;border:1px solid #7a5c3a;border-radius:3px;padding:1px 4px;font-family:inherit;font-size:11px}#damage-dialog{z-index:60;background:#2a1c0f;border:1px solid #7a5c3a;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:fixed}#damage-dialog.hidden{display:none}#dmg-label{color:#c4a060;white-space:nowrap;font-size:13px}#dmg-input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;width:50px;padding:4px 6px;font-family:inherit;font-size:14px}#dmg-ok{color:#fcc;cursor:pointer;background:linear-gradient(#8b2020,#5a1010);border:1px solid #a33;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:13px}#context-menu button{color:#d4b896;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:6px 12px;font-family:inherit;font-size:13px;display:block}#context-menu button:hover{color:#ffe0a0;background:#4a3520}.aoe-shapes{gap:4px;display:flex}.aoe-shape-btn{color:#b89868;cursor:pointer;text-align:center;background:#2a1c0f;border:1px solid #7a5c3a;border-radius:3px;flex:1;padding:8px 0;font-size:18px}.aoe-shape-btn:hover{color:#ffe0a0;background:#3a2a1a}.aoe-shape-btn.active{color:#ffe0a0;background:linear-gradient(#5c3a1a,#3d2200);border-color:#c4944a}#file-menu{z-index:25;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:4px;min-width:180px;padding:4px 0;position:fixed;top:38px;box-shadow:0 4px 12px #00000080}#file-menu.hidden{display:none}.file-menu-section{border-bottom:1px solid #4a3520;padding:4px 0}.file-menu-section:last-child{border-bottom:none}.file-menu-section:empty{display:none}.file-menu-item{color:#d4b896;cursor:pointer;padding:5px 14px;font-size:13px}.file-menu-item:hover{color:#ffe0a0;background:#4a3520}.file-menu-label{color:#8a6a40;padding:4px 14px 2px;font-size:11px;font-style:italic}#help-dialog{z-index:50;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:6px;max-width:420px;max-height:80vh;padding:16px 20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}#help-dialog.hidden{display:none}#help-dialog h4{color:#ffe0a0;margin:0 0 12px}.help-content p{color:#c4a060;margin:6px 0;font-size:12px;line-height:1.4}.help-content hr{border:none;border-top:1px solid #4a3520;margin:10px 0}.help-content em{color:#8a6a40}#open-dialog{z-index:50;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:6px;min-width:240px;max-height:60vh;padding:16px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}#open-dialog.hidden{display:none}#open-list{margin:8px 0}.open-item{color:#d4b896;cursor:pointer;border-radius:3px;padding:6px 10px;font-size:13px}.open-item:hover{color:#ffe0a0;background:#4a3520}#nav-controls{z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:56px;right:16px}#compass{cursor:grab;background:radial-gradient(circle,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #0006}#compass:hover{border-color:#c4944a}#compass-needle{color:#c33;text-shadow:0 0 4px #c8323280;font-size:16px;font-weight:700;transition:transform .2s}#zoom-control{flex-direction:column;align-items:center;gap:4px;display:flex}.zoom-btn{color:#d4b896;cursor:pointer;touch-action:none;background:linear-gradient(#3d2b1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1;display:flex}.zoom-btn:hover{background:linear-gradient(#4d3b2a,#3a2c1f);border-color:#c4944a}.zoom-track{cursor:pointer;touch-action:none;background:#1f150c;border:1px solid #7a5c3a;border-radius:4px;width:8px;height:120px;position:relative}.zoom-thumb{cursor:grab;touch-action:none;background:#c4944a;border-radius:3px;width:18px;height:10px;margin-top:-5px;position:absolute;left:-5px}.zoom-thumb:hover{background:#e0b060}#btn-add-custom-tile{color:#b89868;cursor:pointer;background:#2a1c0f;border:1px dashed #7a5c3a;border-radius:3px;width:100%;margin-top:6px;padding:4px;font-family:inherit;font-size:12px}#btn-add-custom-tile:hover{color:#ffe0a0;background:#3a2a1a}#tile-edit-dialog{z-index:50;background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:6px;min-width:240px;padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}#tile-edit-dialog h4{color:#ffe0a0;margin:0 0 12px;font-size:14px}#tile-edit-dialog label{color:#c4a060;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}#tile-edit-dialog input,#tile-edit-dialog select{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;padding:4px 8px;font-family:inherit;font-size:13px}#tile-edit-dialog input[type=color]{cursor:pointer;width:40px;height:28px;padding:2px}#tile-edit-dialog select{width:140px}#admin-overlay{z-index:100;background:linear-gradient(160deg,#2a1c0f,#1a1008);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#admin-overlay.hidden{display:none}.admin-header{border-bottom:1px solid #4a3520;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.admin-header h2{color:#ffe0a0;margin:0;font-size:18px}#admin-close{color:#d4b896;cursor:pointer;background:0 0;border:1px solid #7a5c3a;border-radius:4px;width:32px;height:32px;font-size:18px;line-height:1}#admin-close:hover{color:#ffe0a0;background:#3a2a1a}.admin-tabs{border-bottom:1px solid #4a3520;gap:0;padding:0 20px;display:flex}.admin-tab{color:#b89868;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-family:inherit;font-size:14px}.admin-tab:hover{color:#ffe0a0}.admin-tab.active{color:#ffe0a0;border-bottom-color:#c4944a}.admin-content{flex:1;padding:16px 20px;overflow-y:auto}.admin-tab-panel{display:block}.admin-tab-panel.hidden{display:none}.admin-footer{border-top:1px solid #4a3520;gap:8px;padding:12px 20px;display:flex}.admin-footer button{color:#d4b896;cursor:pointer;background:linear-gradient(#3d2b1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:3px;padding:8px 14px;font-family:inherit;font-size:13px}.admin-footer button:hover{color:#ffe0a0;background:linear-gradient(#4d3b2a,#3a2c1f);border-color:#a0804e}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#c4a060;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #4a3520;padding:6px 8px;font-size:11px}.admin-table td{color:#d4b896;border-bottom:1px solid #2a1c0f;padding:5px 8px}.admin-table tr:hover td{background:#3a2a1a}.admin-table input,.admin-table select{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:12px}.admin-table input[type=color]{cursor:pointer;width:28px;height:22px;padding:1px}.admin-table input[type=number]{width:50px}.admin-table input[type=text]{width:120px}.admin-table .btn-del{color:#844;cursor:pointer;background:0 0;border:none;font-size:14px}.admin-table .btn-del:hover{color:#f44}.admin-add-btn{color:#c4a060;cursor:pointer;background:#2a1c0f;border:1px dashed #7a5c3a;border-radius:3px;margin-top:10px;padding:8px 14px;font-family:inherit;font-size:13px}.admin-add-btn:hover{color:#ffe0a0;background:#3a2a1a}.admin-map-item{color:#d4b896;border-bottom:1px solid #2a1c0f;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.admin-map-item:hover{background:#3a2a1a}.admin-map-item input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;flex:1;padding:4px 8px;font-family:inherit;font-size:13px}.admin-map-item button{color:#844;cursor:pointer;background:0 0;border:none;font-size:14px}.admin-map-item button:hover{color:#f44}.admin-filter{gap:8px;margin-bottom:10px;display:flex}.admin-filter input[type=text]{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;flex:1;padding:6px 10px;font-family:inherit;font-size:13px}.admin-filter select{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;padding:6px 8px;font-family:inherit;font-size:13px}#admin-prompt-dialog{z-index:110;background:#0f0a05b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#admin-prompt-dialog.hidden{display:none}.admin-prompt-inner{background:linear-gradient(160deg,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:6px;min-width:280px;padding:16px;box-shadow:0 8px 24px #0009}.admin-prompt-inner h4{color:#ffe0a0;margin:0 0 12px;font-size:14px}.admin-prompt-inner input{color:#e8d4b0;background:#1f150c;border:1px solid #7a5c3a;border-radius:3px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.initiative-bar{color:#d4b896;z-index:200;pointer-events:auto;background:linear-gradient(#2a1c0f,#1a1008);border-top:1px solid #7a5c3a;align-items:center;gap:4px;padding:6px 12px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.initiative-bar.hidden{display:none}.init-round{white-space:nowrap;margin-right:8px;font-weight:700}.init-block{white-space:nowrap;cursor:context-menu;background:#ffffff0d;border:1px solid #5a4020;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;display:flex}.init-block.active{background:#ffc83226;border-color:#ffc61a;box-shadow:0 0 6px #ffc8324d}.init-block.delayed{font-style:italic}.init-entry{align-items:center;gap:3px;display:flex}.init-value{opacity:.6;margin-left:4px;font-size:11px}.init-btn{color:#d4b896;cursor:pointer;background:linear-gradient(#3d2b1a,#2a1c0f);border:1px solid #7a5c3a;border-radius:3px;margin-left:auto;padding:4px 10px;font-size:16px}.init-btn:hover{border-color:#a0804e}.combat-start-dialog{z-index:10001;color:#d4b896;background:#2a1c0f;border:2px solid #7a5c3a;border-radius:8px;min-width:300px;max-height:80vh;padding:16px;font-family:inherit;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.combat-start-dialog h4{color:#ffe0a0;margin-bottom:12px}.combat-init-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.combat-init-row{align-items:center;gap:8px;display:flex}.combat-init-name{flex:1}.combat-init-input{color:#d4b896;text-align:center;background:#1a1008;border:1px solid #5a4020;border-radius:3px;width:50px;padding:3px 6px}body.display-mode{background:#000}#btn-beamer{position:relative}#btn-beamer.connected:after{content:"";background:#1ae65e;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px}#btn-viewport-link.unlinked{color:#e46767;box-shadow:0 0 4px 1px #d92626;border-color:#d92626!important}body.display-mode #toolbar,body.display-mode #enemy-panel,body.display-mode #tile-panel,body.display-mode #obj-panel,body.display-mode #dialog-backdrop,body.display-mode #save-dialog,body.display-mode #confirm-dialog,body.display-mode #open-dialog,body.display-mode #help-dialog,body.display-mode #compass,body.display-mode #zoom-control,body.display-mode .zoom-controls,body.display-mode .nav-controls{display:none!important}#display-wait{color:#d4b896;z-index:10000;background:#000;justify-content:center;align-items:center;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:2rem;display:flex;position:fixed;inset:0}.display-controls{z-index:10001;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:56px;right:16px}.display-controls.disabled{opacity:.35;pointer-events:none}.display-compass{cursor:grab;background:radial-gradient(circle,#3a2a1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #0006}.display-compass:hover{border-color:#c4944a}.display-compass .compass-needle{color:#c33;text-shadow:0 0 4px #c8323280;font-size:16px;font-weight:700;transition:transform .2s}.display-zoom{flex-direction:column;align-items:center;gap:4px;display:flex}.display-zoom button{color:#d4b896;cursor:pointer;background:linear-gradient(#3d2b1a,#2a1c0f);border:2px solid #7a5c3a;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.display-zoom button:hover{border-color:#c4944a}