:root{--bg:#1c1e26;--panel-bg:#262834;--border:#3a3d4a;--text:#e4e4e8;--text-dim:#9a9cab;--accent:#4c8bf5;--danger:#e5484d;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.app{flex-direction:column;width:100vw;height:100vh;display:flex}.topbar-wrap{background:var(--panel-bg);border-bottom:1px solid var(--border)}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.topbar-title{white-space:nowrap;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar-logo{width:22px;height:22px}.menubar{gap:2px;display:flex}.topbar-right{margin-left:auto}.menubar-right .menu-dropdown{left:auto;right:0}.profile-label{align-items:center;gap:6px;display:flex}.profile-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:600;display:flex}.menu{position:relative}.menu-title{background:0 0;border-color:#0000}.menu-title.open{background:#3f4256}.menu-dropdown{z-index:100;background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;flex-direction:column;min-width:180px;margin-top:2px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0006}.menu-item{text-align:left;white-space:nowrap;background:0 0;border-color:#0000}.menu-item:hover:not(:disabled){background:var(--accent);color:#fff}.menu-item:disabled{color:var(--text-dim);opacity:.5;cursor:default}.tabstrip{align-items:stretch;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.scenario-tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#1c1e26;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.scenario-tab.active{color:var(--text);background:#10111a}.close-button{width:16px;height:16px;color:var(--text-dim);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex}.close-button:hover{color:#ff6b6b;background:#ff6b6b26}.tab-add{padding:0 10px}.app-body{flex:1;min-height:0;display:flex}.left-col{border-right:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex:none;display:flex}.app-version{text-align:right;border-top:1px solid var(--border);color:var(--text-dim);flex:none;padding:4px 8px;font-size:11px}.resize-handle{cursor:col-resize;touch-action:none;background:0 0;flex:none;width:5px}.resize-handle:hover,.resize-handle:active{background:var(--accent)}.center-col{background:#10111a;flex:1;min-width:0;position:relative}.hex-canvas-container{width:100%;height:100%;position:relative}.hex-canvas-container canvas{cursor:crosshair;width:100%;height:100%;display:block}.zoom-controls{border:1px solid var(--border);background:#262834d9;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-controls span{text-align:center;min-width:42px;color:var(--text-dim);font-size:12px}.landmark-tooltip{border:1px solid var(--border);color:var(--text);pointer-events:none;white-space:nowrap;z-index:10;background:#262834f2;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(14px,14px)}.landmark-tooltip strong{margin-bottom:2px;display:block}.right-col{border-left:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex:none;display:flex}.right-col-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.tabs{border-bottom:1px solid var(--border);padding:8px}.tab-select{width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background-color:#333647;border-radius:4px;padding:6px 8px;font-size:12px}.tab-select:hover{background-color:#3f4256}.tab-select+.tab-select,.tab-select+button{margin-top:8px}.tab-content{flex:1;min-height:0;overflow-y:auto}.panel{padding:12px}.panel h3{margin:0 0 8px;font-size:14px}.panel h4{color:var(--text-dim);margin:12px 0 4px;font-size:12px}.layer-list{margin:0;padding:0;list-style:none}.layer-list li{margin-bottom:4px}.layer-row{flex-direction:column;gap:2px;display:flex}.layer-row-top{align-items:center;gap:6px;display:flex}.layer-row-top button{flex:1}.layer-row-top input[type=checkbox]{flex:none;width:auto}.layer-row input[type=range]{width:100%}button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#333647;border-radius:4px;padding:5px 8px;font-size:12px}button:hover{background:#3f4256}button.active{background:var(--accent);border-color:var(--accent);color:#fff}.layer-list button{text-align:left;width:100%}label{color:var(--text-dim);margin:8px 0 2px;font-size:11px;display:block}input,select,textarea{width:100%;color:var(--text);border:1px solid var(--border);background:#1c1e26;border-radius:4px;padding:4px 6px;font-size:12px}textarea{resize:vertical;min-height:60px}select,.tab-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a9cab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%239a9cab' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.copy-field{gap:4px;display:flex}.copy-field input{flex:1;min-width:0}.copy-button{width:28px;color:var(--text-dim);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.copy-button:hover{color:var(--text)}input:disabled{color:var(--text-dim);cursor:not-allowed;background:0 0;border-style:dashed}.swatches{flex-wrap:wrap;gap:4px;display:flex}.hint{color:var(--text-dim);margin-top:8px;font-size:12px}.row{align-items:center;gap:8px;display:flex}.row>div{flex:1}.detail-form{border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:8px}.faction-block{margin-bottom:12px}.field-error{color:var(--danger);margin:2px 0 0;font-size:11px}input.invalid{border-color:var(--danger)}.pending-actions{margin-top:10px}.pending-actions button.save{background:var(--accent);border-color:var(--accent);color:#fff}.pending-actions button.save:disabled{border-color:var(--border);color:var(--text-dim);cursor:not-allowed;background:#333647}fieldset{border:1px solid var(--border);border-radius:4px;margin-top:8px}legend{color:var(--text-dim);font-size:11px}.unit-row{border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;display:flex}.unit-field{align-items:center;gap:6px;display:flex}.unit-field label{flex-shrink:0;width:60px;margin:0;display:inline}.unit-field input,.unit-field select{flex:1;width:auto}.icon-uploader{align-items:center;gap:8px;margin-top:4px;margin-bottom:8px;display:flex}.icon-uploader img{border:1px solid var(--border);background:#000;border-radius:4px}.file-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#333647;border-radius:4px;padding:5px 8px;font-size:12px;display:inline-block}.file-button:hover{background:#3f4256}.file-button input[type=file]{display:none}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;width:480px;max-width:90vw;max-height:80vh;padding:16px;overflow-y:auto}.modal h3{margin-top:0}.modal-sm{width:360px}.modal-message{color:var(--text-dim);margin:0 0 16px}.modal-message strong{color:var(--text)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{min-width:72px}.signin-error{margin-top:8px}.signin-actions{margin-top:16px}.modal input{box-sizing:border-box}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover{background:#f05a5f}.convert-errors ul{max-height:240px;margin:8px 0 0;padding-left:18px;overflow-y:auto}.convert-errors li{margin-bottom:4px}.convert-success{margin-top:8px}.toaster{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;pointer-events:auto;border-radius:6px;padding:8px 14px;font-size:12px;box-shadow:0 4px 12px #0006}.toast-error{border-color:var(--danger)}.season-rule{margin-top:6px}.season-rule .close-button{flex:none}.season-actions{margin-top:8px}.menu-divider{background:var(--border);height:1px;margin:4px 2px}.info-dialog-body{margin-bottom:16px;font-size:13px}.info-dialog-body h4{margin:14px 0 4px}.info-dialog-body ul{margin:0;padding-left:18px}.info-dialog-body li{margin-bottom:4px}.about-header{align-items:center;gap:12px;display:flex}.about-header img{width:48px;height:48px}.about-header .hint{margin:2px 0 0}.about-info{grid-template-columns:max-content 1fr;gap:4px 16px;margin:16px 0;display:grid}.about-info dt{color:var(--text-dim)}.about-info dd{margin:0}.about-links a{color:var(--accent)}.remove-unit-type{margin-top:10px}.icon-size{margin:-4px 0 8px}.profile-info dd{word-break:break-all}.profile-id{align-items:center;gap:6px;display:flex}.password-field{position:relative}.password-field input{padding-right:30px}.password-toggle{color:var(--text-dim);background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:0 0}