:root{--shell-bg: #fdfdfe;--shell-fg: #1e2226;--shell-muted: #72768a;--sidebar-bg: #ffffff;--sidebar-border: rgba(0, 0, 0, .05);--sidebar-text: #4d5a66;--sidebar-title: rgba(77, 90, 102, .6);--sidebar-hover: #1d4ed8;--sidebar-active: #1d4ed8;--sidebar-heading: #1e2226;--header-bg: #ffffff;--header-text: #4d5a66;--header-subtle: #72768a;--header-search-bg: #f7f8fa;--header-badge-bg: #f7f8fa;--dropdown-bg: #ffffff;--dropdown-border: rgba(0, 0, 0, .05);--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .05);--overlay: rgba(15, 23, 42, .7);--focus: #1d4ed8;--emerald: #34d399;--shell-gap: 12px;--sidebar-w: 240px;--sidebar-w-sm: 80px;--header-h: 70px;--radius: 8px}[data-theme=dark]{--shell-bg: #000000;--shell-fg: #ffffff;--shell-muted: #8391a2;--sidebar-bg: #09090b;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: #9097a7;--sidebar-title: rgba(144, 151, 167, .6);--sidebar-hover: #c8cddc;--sidebar-active: #ffffff;--sidebar-heading: #ffffff;--header-bg: #09090b;--header-text: #8391a2;--header-subtle: #64748b;--header-search-bg: rgba(255, 255, 255, .05);--header-badge-bg: rgba(255, 255, 255, .05);--dropdown-bg: #09090b;--dropdown-border: rgba(255, 255, 255, .1);--card-bg: #09090b;--card-border: rgba(255, 255, 255, .1);--overlay: rgba(2, 6, 23, .7)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--shell-fg);background:var(--shell-bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}.app-shell{position:relative;display:flex;height:100vh;overflow:hidden;gap:var(--shell-gap);padding:var(--shell-gap);color:var(--shell-fg);background:var(--shell-bg)}.app-sidenav{z-index:30;display:flex;flex-direction:column;overflow:hidden;width:var(--sidebar-w);min-width:var(--sidebar-w);border:1px solid var(--sidebar-border);border-radius:var(--radius);background:var(--sidebar-bg);color:var(--sidebar-text);box-shadow:none;transition:width .3s ease,min-width .3s ease}.app-sidenav.is-desktop{position:fixed;left:var(--shell-gap);top:var(--shell-gap);height:calc(100vh - 24px)}.app-sidenav.is-collapsed{width:var(--sidebar-w-sm);min-width:var(--sidebar-w-sm)}.app-sidenav.is-mobile{height:100%}.app-sidenav-logo{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;height:84px;padding:0 14px}.app-sidenav-brand{display:flex;width:100%;align-items:center;gap:10px;color:inherit;text-decoration:none}.app-sidenav.is-collapsed .app-sidenav-brand{justify-content:center}.app-sidenav-mark{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius);color:#fff;background:linear-gradient(180deg,#3b82f6,#1d4ed8);font-size:18px;font-weight:700}.app-sidenav-name{overflow:hidden;color:var(--sidebar-heading);font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-sidenav-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:5px 0}.app-sidenav-section+.app-sidenav-section{margin-top:4px}.app-sidenav-title{padding:10px 25px;color:var(--sidebar-title);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.app-sidenav-items{display:flex;flex-direction:column;gap:5px}.app-sidenav-link{display:flex;align-items:center;gap:10px;margin:0 10px;padding:10px 15px;border-radius:6px;color:var(--sidebar-text);font-size:15.2px;text-decoration:none;transition:color .15s ease,background .15s ease}.app-sidenav-link:hover{color:var(--sidebar-hover)}.app-sidenav-link.is-active{color:var(--sidebar-active)}.app-sidenav.is-collapsed .app-sidenav-link{justify-content:center;padding-left:15px;padding-right:15px}.app-sidenav-icon{display:flex;width:16px;align-items:center;justify-content:center}.app-sidenav-icon svg{width:16px;height:16px}.app-sidenav-label{flex:1;overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.app-sidenav-rule{height:1px;margin:8px 12px;background:var(--sidebar-border)}.app-main-col{display:flex;flex:1;flex-direction:column;min-width:0;height:100%;margin-left:252px;overflow:hidden;transition:margin-left .3s ease}.app-main-col.is-collapsed{margin-left:92px}.app-header{position:fixed;top:var(--shell-gap);right:var(--shell-gap);left:264px;z-index:30;overflow:visible;min-height:var(--header-h);border:1px solid var(--sidebar-border);border-radius:var(--radius);background:var(--header-bg);color:var(--header-text);box-shadow:none;transition:left .3s ease}.app-header.is-collapsed{left:104px}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--header-h);padding:0 8px}.app-header-left,.app-header-right{display:flex;align-items:center;min-width:0}.app-header-left{gap:8px}.app-header-right{gap:4px}.app-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:60px;height:70px;padding:0;border:0;background:transparent;color:var(--header-text);cursor:pointer}.app-icon-btn:hover{color:var(--sidebar-hover)}.app-icon-btn svg{width:20px;height:20px}.app-lang-btn{width:auto;min-width:44px;padding:0 10px;font-size:13px;font-weight:600}.app-search{position:relative;width:min(360px,42vw)}.app-search input{width:100%;height:40px;padding:0 12px 0 36px;border:0;border-radius:6px;color:var(--header-text);background:var(--header-search-bg);outline:none}.app-search input::placeholder{color:var(--header-text)}.app-search-icon{position:absolute;top:50%;left:12px;width:16px;height:16px;color:var(--header-subtle);transform:translateY(-50%);pointer-events:none}.app-search-results{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:100%;min-width:280px;overflow:hidden;padding:6px;border:1px solid var(--dropdown-border);border-radius:8px;background:var(--dropdown-bg);box-shadow:0 1rem 3rem #00000026}.app-search-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;color:var(--header-text);background:transparent;text-align:left;cursor:pointer}.app-search-result:hover,.app-search-result.is-active{color:var(--sidebar-hover);background:var(--header-search-bg)}.app-search-empty{padding:10px;color:var(--header-subtle);font-size:13px}.app-page-title{display:none;overflow:hidden;color:var(--sidebar-heading);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-badge{display:none;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--sidebar-border);border-radius:6px;background:var(--header-badge-bg);color:var(--header-text);font-size:12px}.app-badge svg{width:14px;height:14px;color:var(--emerald)}.app-profile{position:relative}.app-profile-btn{display:flex;align-items:center;gap:8px;height:70px;padding:0 12px;border:0;background:transparent;color:var(--header-text);cursor:pointer}.app-profile-btn svg{display:none;width:16px;height:16px;color:var(--header-subtle)}.app-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;color:#fff;background:#1d4ed8;font-size:12px;font-weight:600}.app-profile-name{display:none;max-width:112px;overflow:hidden;color:var(--header-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.app-profile-menu{position:absolute;top:calc(100% - 6px);right:0;z-index:50;width:256px;overflow:hidden;padding:8px;border:1px solid var(--dropdown-border);border-radius:8px;background:var(--dropdown-bg);box-shadow:0 1rem 3rem #0000002d}.app-profile-meta{padding:8px 12px 10px}.app-profile-meta strong{display:block;overflow:hidden;color:var(--sidebar-heading);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.app-profile-meta span{display:block;padding-top:2px;color:var(--header-subtle);font-size:12px}.app-profile-action{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:0;border-radius:6px;color:var(--header-text);background:transparent;cursor:pointer}.app-profile-action:hover{color:var(--sidebar-hover);background:var(--header-search-bg)}.app-main{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.app-main-spacer{height:85px;flex:none}.app-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:0 0 15px}.app-page{display:flex;flex:1;flex-direction:column;min-height:100%}.app-card{flex:1;min-height:100%;padding:24px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg)}.app-card h2{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.02em}.app-card p{margin:0;color:var(--shell-muted);line-height:1.5}.app-main.is-flush .app-content{overflow:hidden;padding:0}.app-main.is-flush .app-page{min-height:0;height:100%;overflow:hidden;border-radius:var(--radius)}.app-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.app-mobile-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-mobile-drawer{position:relative;width:min(300px,85vw);height:100%;padding:12px}.app-desktop-only{display:none}.app-mobile-only{display:inline-flex}@media(min-width:1280px){.app-desktop-only{display:flex}.app-mobile-only{display:none}.app-badge,.app-profile-name{display:flex}.app-profile-btn svg{display:block}}@media(max-width:1279px){.app-sidenav.is-desktop{display:none}.app-main-col,.app-main-col.is-collapsed{margin-left:0}.app-header,.app-header.is-collapsed{left:var(--shell-gap)}.app-page-title{display:block}.app-search{width:min(260px,36vw)}}@media(max-width:767px){.app-search{display:none}.app-header-right .app-icon-btn:not(.is-always){display:none}}.hk{display:flex;flex-direction:column;gap:14px;min-height:100%}.hk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hk-head h2{margin:0 0 4px;font-size:22px}.hk-head p,.hk-alert,.hk-note{margin:0;color:var(--shell-muted);line-height:1.45}.hk-alert{color:#dc2626}.hk-note{color:#059669}.hk-save{border:0;border-radius:8px;padding:10px 14px;background:var(--focus);color:#fff;cursor:pointer}.hk-save:disabled{opacity:.6;cursor:default}.hk-grid{display:grid;grid-template-columns:220px 1fr;gap:16px;min-height:0}.hk-list{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 220px);overflow:auto}.hk-list button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:inherit;text-align:left;cursor:pointer}.hk-list button.on{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.hk-list span{color:var(--shell-muted);font-size:12px}.hk-editor{display:flex;flex-direction:column;gap:12px}.hk-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg)}.hk-card h3,.hk-editor>h3,.hk-skill strong{grid-column:1 / -1;margin:0;font-size:15px}.hk-card label,.hk-check{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--shell-muted)}.hk-card label.wide{grid-column:1 / -1}.hk-card input,.hk-card textarea,.hk-card select{width:100%;padding:7px 8px;border:1px solid var(--card-border);border-radius:6px;background:var(--header-search-bg);color:inherit}.hk-check{flex-direction:row;align-items:center;padding-top:22px}.hk-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hk-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hk-skill{grid-template-columns:1fr 1fr}.hk-fx{display:grid;grid-template-columns:1fr 1fr 56px;gap:8px;align-items:end}.hk-fx.wide{grid-column:1 / -1}.hk-fx-thumb{width:56px;height:56px;object-fit:none;object-position:left center;image-rendering:pixelated;border:1px solid var(--card-border);border-radius:6px;background:#111}.hk-fx-empty{display:grid;place-items:center;width:56px;height:56px;color:var(--shell-muted);border:1px dashed var(--card-border);border-radius:6px}@media(max-width:1100px){.hk-grid,.hk-skills,.hk-stats{grid-template-columns:1fr}}.map-editor{--border: #d8dee8;--muted: #667085;--blue: #2563eb;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:100%;height:100%;overflow:hidden;color:#172033;background:#f6f8fb}.map-editor button,.map-editor input,.map-editor select,.map-editor textarea{font:inherit}.map-editor button{border:1px solid var(--border);border-radius:7px;padding:7px 10px;color:#344054;background:#fff;cursor:pointer}.map-editor button:hover{border-color:#98a2b3;background:#f9fafb}.map-editor button:disabled{opacity:.45;cursor:not-allowed}.map-editor button:disabled:hover{border-color:var(--border);background:#fff}.map-editor button.primary,.map-editor button.map-editor-apply{border-color:var(--blue);color:#fff;background:var(--blue);font-weight:600}.map-editor button.danger{border-color:#fda29b;color:#b42318;background:#fff5f4}.map-editor button.danger:hover:not(:disabled){border-color:#f97066;background:#fee4e2}.map-editor-bar,.map-editor-tools{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:#fff}.map-editor-bar{min-height:52px}.map-editor-title{display:flex;flex-direction:column;min-width:220px}.map-editor-title strong{font-size:16px}.map-editor-title span,.map-editor-status,.map-editor small{color:var(--muted);font-size:11px}.map-editor .is-warning{color:#b54708}.map-editor .is-ready{color:#027a48}.map-editor-bar label,.map-editor-tools label{display:flex;align-items:center;gap:6px;color:#475467;font-size:12px}.map-editor-bar select{min-width:150px}.map-editor input,.map-editor select{box-sizing:border-box;border:1px solid #cfd6e1;border-radius:6px;padding:6px 8px;color:#172033;background:#fff}.map-editor-tools{flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.map-editor-mode{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:7px}.map-editor-mode button{border:0;border-radius:0}.map-editor-mode button+button{border-left:1px solid var(--border)}.map-editor-mode button.active{color:#fff;background:var(--blue)}.map-editor-tools input[type=number]{width:62px}.map-editor-spacer{flex:1}.map-editor-divider{width:1px;height:24px;margin:0 2px;background:var(--border)}.map-editor-zoom input{width:90px}.map-editor-file{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:7px;padding:7px 10px;color:#344054;background:#fff;cursor:pointer}.map-editor-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.map-editor-body{display:grid;grid-template-columns:320px minmax(0,1fr) 190px;min-height:0;overflow:hidden}.map-editor.view-mode .map-editor-body{grid-template-columns:minmax(0,1fr)}.map-editor.view-mode .map-editor-palette,.map-editor.view-mode .map-editor-inspector{display:none}.map-editor.view-mode .map-editor-tools>:not(.map-editor-mode){display:none}.map-editor-palette,.map-editor-inspector{min-height:0;overflow:auto;border-right:1px solid var(--border);padding:12px;background:#fff}.map-editor-palette{display:flex;flex-direction:column;overflow:hidden;padding:0}.map-editor-inspector{border-right:0;border-left:1px solid var(--border)}.map-editor-section-title{display:flex;align-items:baseline;justify-content:space-between}.map-editor h3{margin:10px 0 7px;color:#475467;font-size:11px;letter-spacing:.055em;text-transform:uppercase}.map-editor-section-title h3{margin-top:0}.map-editor-section-title span{color:#98a2b3;font-size:10px}.map-editor-palette-chrome{flex:0 0 auto;padding:10px 10px 8px;border-bottom:1px solid var(--border)}.map-editor-layers{display:grid;grid-template-columns:1fr 1fr;gap:5px}.map-editor-asset-search{width:100%;margin-top:8px;font-size:12px!important}.map-editor-palette-split{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:0;flex:1}.map-editor-cat-rail{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto;padding:8px 6px;border-right:1px solid #eef2f6;background:#f8fafc}.map-editor-cat-rail button{display:flex;align-items:center;justify-content:space-between;gap:4px;border:0;border-radius:6px;padding:6px 7px;color:#475467;background:transparent;text-align:left;font-size:11px;line-height:1.25}.map-editor-cat-rail button small{color:#98a2b3;font-size:10px}.map-editor-cat-rail button:hover{background:#eef2f7}.map-editor-cat-rail button.active{color:#1849a9;background:#dbe8ff;font-weight:600}.map-editor-tile-pane{min-width:0;min-height:0;overflow:auto;padding:8px 10px 12px}.map-editor-layer{display:grid;grid-template-columns:1fr 36px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.map-editor-layer.active{border-color:#84adff;box-shadow:0 0 0 2px #dbe8ff}.map-editor-layer button{border:0;border-radius:0}.map-editor-layer .layer-name{display:flex;align-items:center;gap:6px;padding:5px 7px;text-align:left;font-size:11px}.map-editor-layer .layer-eye{border-left:1px solid var(--border);padding:4px}.layer-dot{width:9px;height:9px;border-radius:3px;background:#98a2b3}.layer-dot.ground{background:#67b346}.layer-dot.decor{background:#eaaa08}.layer-dot.object{background:#f04438}.layer-dot.overhead{background:#7a5af8}.map-editor-category{margin-top:0}.map-editor-category+.map-editor-category{margin-top:12px}.map-editor-category-head{display:flex;align-items:baseline;justify-content:space-between}.map-editor-category-head h3{margin:0 0 6px}.map-editor-category-head span{color:#98a2b3;font-size:10px}.map-editor-autotile-hint{margin:0 0 8px;color:#667085;font-size:11px;line-height:1.4}.map-editor-autotile-toggle{display:inline-flex;align-items:center;gap:6px;color:#344054;font-size:12px;white-space:nowrap}.map-editor-autotile-toggle input{margin:0}.map-editor-shape-modes{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:7px}.map-editor-shape-modes button{border:0;border-radius:0;padding:6px 10px}.map-editor-shape-modes button+button{border-left:1px solid var(--border)}.map-editor-shape-modes button.active{color:#fff;background:var(--blue)}.map-editor-shape-modes button:disabled{opacity:.45;cursor:default}.map-editor-shape-guide{margin:0 0 10px}.map-editor-shape-guide p{margin:6px 0 0;color:#667085;font-size:11px;line-height:1.4}.map-editor-shape-grid{display:grid;grid-template-columns:repeat(4,24px);gap:2px;padding:6px;border:1px solid #e4e7ec;border-radius:8px;background:#f2f4f7;width:max-content}.map-editor-shape-cell{width:24px;height:24px;overflow:hidden;border-radius:3px}.map-editor-shape-cell.empty{visibility:hidden}.map-editor-shape-cell.is-inner{outline:2px solid #f79009;outline-offset:0}.map-editor-swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-editor-swatches.icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.map-editor-swatches.autotile{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}.map-editor-swatches.icons.autotile{grid-template-columns:repeat(4,minmax(0,1fr))}.map-editor-item.compact{grid-template-columns:1fr;justify-items:center;gap:3px;padding:4px!important;text-align:center;font-size:9px!important;line-height:1.2}.map-editor-item.icon{grid-template-columns:1fr;justify-items:center;padding:3px!important}.map-editor-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:5px!important;text-align:left;font-size:11px!important;cursor:grab!important}.map-editor-item.active{border-color:var(--blue);box-shadow:0 0 0 2px #dbe8ff}.map-editor-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.map-editor-item small{display:block}.map-editor-preview{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #d0d5dd;border-radius:5px;background:linear-gradient(45deg,#e7eaee 25%,transparent 25%),linear-gradient(-45deg,#e7eaee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7eaee 75%),linear-gradient(-45deg,transparent 75%,#e7eaee 75%) #f8fafc;background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;image-rendering:pixelated}.map-editor-preview>span{display:block;flex:none;image-rendering:pixelated}.map-editor-workspace{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}.map-editor-stage{position:relative;min-width:0;min-height:0;overflow:auto;padding:24px;background:radial-gradient(circle at 50% 0,rgb(255 255 255 / 8%),transparent 44%),#17212b;overscroll-behavior:contain;touch-action:none}.map-editor-stage.space-ready{cursor:grab}.map-editor-stage.panning,.map-editor-stage.panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.map-editor-stage.is-preview{padding-top:72px;background:radial-gradient(circle at 50% 0,rgb(62 93 73 / 40%),transparent 48%),#101914}.map-editor-preview-badge{position:sticky;z-index:1000001;top:-48px;left:0;display:flex;flex-direction:column;width:max-content;max-width:calc(100vw - 48px);margin-top:-52px;margin-bottom:12px;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;padding:8px 12px;color:#e6f4ea;box-shadow:0 6px 20px #00000040;background:#142d1feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.map-editor-preview-badge.warning{border-color:#fdb022;color:#fffaeb;background:#50340af0}.map-editor-preview-badge span{opacity:.78;font-size:11px}.map-editor-grid{position:relative;isolation:isolate;display:grid;width:max-content;overflow:hidden;border:1px solid rgb(255 255 255 / 35%);box-shadow:0 12px 32px #00000052;background:linear-gradient(45deg,#dce1e7 25%,transparent 25%),linear-gradient(-45deg,#dce1e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce1e7 75%),linear-gradient(-45deg,transparent 75%,#dce1e7 75%) #edf0f4;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;image-rendering:pixelated}.map-editor-cell{box-sizing:border-box;border-right:1px solid rgb(24 34 45 / 18%);border-bottom:1px solid rgb(24 34 45 / 18%);pointer-events:none}.map-editor-cell.hover{outline:2px solid rgb(255 255 255 / 90%);outline-offset:-2px;background:#2563eb38}.map-editor-grid.is-preview{border-color:#ffffff29;box-shadow:0 18px 52px #0000008c}.map-editor-grid.is-preview .map-editor-cell{border:0}.map-editor-placement{position:absolute;box-sizing:border-box;pointer-events:none;background-repeat:no-repeat;image-rendering:pixelated}.map-editor-stamp-art{position:absolute;left:50%;top:50%;translate:-50% -50%;pointer-events:none;image-rendering:pixelated}.map-editor-placement.selected{outline:3px solid #ffd43b;outline-offset:-2px;filter:drop-shadow(0 0 3px rgb(0 0 0 / 70%))}.map-editor-placement.dragging{filter:drop-shadow(0 6px 5px rgb(0 0 0 / 45%))}.map-editor-placement.ghost{opacity:.55;outline:2px dashed #fff;outline-offset:-2px}.map-editor-gameplay-cell{position:absolute;z-index:1100000;display:grid;place-items:center;box-sizing:border-box;border:1px solid rgb(255 255 255 / 72%);color:#fff;background:#0f172a33;text-shadow:0 1px 2px rgb(0 0 0 / 80%);font-size:10px;font-weight:800;pointer-events:none}.map-editor-gameplay-cell.surface-grass{background:#22c55e7a}.map-editor-gameplay-cell.surface-path{background:#b47e4094}.map-editor-gameplay-cell.surface-water{background:#0ea5e994}.map-editor-gameplay-cell.surface-farm{background:#92400e94}.map-editor-gameplay-cell.surface-cliff{background:#475569ad}.map-editor-gameplay-cell.surface-bridge{background:#eab30894}.map-editor-gameplay-cell.surface-shore{background:#2dd4bf94}.map-editor-gameplay-cell.is-blocked{border:2px solid #ff3b30;background-image:linear-gradient(45deg,transparent 42%,rgb(255 59 48 / 84%) 43%,rgb(255 59 48 / 84%) 57%,transparent 58%)}.map-editor-gameplay-cell.is-walkable{border:2px solid #22c55e;color:#dcfce7;background-color:#22c55e73}.map-editor-gameplay-cell.no-spawn{outline:2px dashed #c084fc;outline-offset:-4px}.map-editor-gameplay-cell.no-fish{box-shadow:inset 0 0 0 4px #3b82f69e}.map-editor-status{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:14px;align-items:center;min-height:34px;padding:0 12px;border-top:1px solid var(--border);background:#fff}.map-editor-status .status-message{overflow:hidden;color:#344054;text-align:center;text-overflow:ellipsis;white-space:nowrap}.map-editor-inspector{display:flex;flex-direction:column;align-items:stretch;gap:9px;color:#475467;font-size:12px}.map-editor-inspector>.map-editor-preview{align-self:center}.map-editor-inspector>strong{color:#172033;text-align:center}.map-editor-inspector p{margin:0;color:var(--muted);line-height:1.5}.map-editor-inspector dl{display:grid;grid-template-columns:1fr auto;gap:5px;margin:0}.map-editor-inspector dt{color:var(--muted)}.map-editor-inspector dd{margin:0;color:#172033;font-weight:600}.map-editor-resource{display:grid;gap:8px;padding:10px;border:1px solid #d5dbea;border-radius:7px;background:#f8fafc}.map-editor-resource label{display:grid;gap:5px;color:#344054;font-weight:600}.map-editor-resource label:first-child{display:flex;align-items:center}.map-editor-resource select{width:100%}.map-editor-shortcuts{display:grid;gap:7px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.map-editor-shortcuts span{display:flex;align-items:center;gap:6px}.map-editor kbd{border:1px solid #cfd6e1;border-bottom-width:2px;border-radius:4px;padding:2px 5px;color:#344054;background:#f9fafb;font:10px ui-monospace,monospace}.map-editor-modal-backdrop{position:fixed;z-index:1000000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f172a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.map-editor-modal{display:grid;gap:17px;width:min(440px,100%);border-radius:14px;padding:22px;box-shadow:0 24px 70px #00000059;background:#fff}.map-editor-modal h2{margin:0 0 5px;font-size:20px}.map-editor-modal p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.map-editor-modal>label,.map-editor-size-fields label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:600}.map-editor-modal small{font-weight:400}.map-editor-size-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.map-editor-size-fields>span{padding-bottom:8px}.map-editor-modal-actions{display:flex;justify-content:flex-end;gap:8px}.map-editor-modal-paste{width:min(720px,100%)}.map-editor-modal-paste textarea{min-height:280px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:#172033;background:#f8fafc;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45}.map-editor-modal-paste textarea:focus{outline:2px solid rgb(37 99 235 / 28%);border-color:var(--blue)}.map-editor-modal-error{color:#b42318!important}@media(max-width:1100px){.map-editor-body{grid-template-columns:280px minmax(0,1fr)}.map-editor-inspector{display:none}}@keyframes map-tile-strip{0%{background-position:var(--map-anim-x, 0px) var(--map-anim-y, 0px)}to{background-position:calc(var(--map-anim-x, 0px) - var(--map-anim-shift)) var(--map-anim-y, 0px)}}@keyframes map-tile-grid-2x2{0%,24.999%{background-position:var(--map-anim-x, 0px) var(--map-anim-y, 0px)}25%,49.999%{background-position:calc(var(--map-anim-x, 0px) - var(--map-anim-w)) var(--map-anim-y, 0px)}50%,74.999%{background-position:var(--map-anim-x, 0px) calc(var(--map-anim-y, 0px) - var(--map-anim-h))}75%,to{background-position:calc(var(--map-anim-x, 0px) - var(--map-anim-w)) calc(var(--map-anim-y, 0px) - var(--map-anim-h))}}@media(prefers-reduced-motion:reduce){.map-editor-placement,.map-editor-preview>span{animation:none!important}}