:root{--obsidian:#0d0c10;--surface-1:#16151b;--surface-2:#1e1c24;--surface-3:#272430;--border:#322e3c;--border-strong:#4a4458;--text:#ece8f0;--text-dim:#a39db4;--text-faint:#6f6982;--ember:#e0852f;--ember-bright:#ffb05a;--gold:#d9b673;--danger:#e0524d;--ok:#5fb87a;--radius:10px;--radius-sm:6px;--space:1rem;--shadow:0 18px 40px -22px rgba(0,0,0,0.85);--serif:ui-serif,"Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;--duration:160ms;--ease:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--obsidian);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(120% 80% at 80% -10%,rgba(224,133,47,.1),transparent 60%);min-height:100vh}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.01em;margin:0}button{cursor:pointer}button,input,select{font-family:inherit}.btn{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);padding:.5rem .9rem;border-radius:var(--radius-sm);font-size:.9rem;transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.btn:hover{border-color:var(--ember);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--ember-bright),var(--ember));border-color:var(--ember-bright);color:#2a1606;font-weight:600}.btn-primary:hover{border-color:var(--gold)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-danger{border-color:#5a2a2a;color:var(--danger);background:transparent}.btn-danger:hover{border-color:var(--danger)}.btn-block{width:100%}.btn-block+.btn-block{margin-top:.625rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.field>label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.field-checkbox>label{display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--text)}.item-preview{display:flex;align-items:center;gap:.85rem;padding:.75rem;margin-bottom:.85rem;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm)}.item-preview-icon{flex:none;background-repeat:no-repeat;border:1px solid var(--border-strong);border-radius:4px}.item-preview-empty{width:64px;height:64px;display:grid;place-items:center;color:var(--text-faint);font-size:1.5rem}.item-preview-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));grid-gap:.35rem;gap:.35rem}.slot-chip{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-dim);background:var(--surface-1);padding:.35rem .55rem}.control,.slot-chip{border:1px solid var(--border);border-radius:var(--radius-sm)}.control{background:var(--obsidian);color:var(--text);padding:.5rem .65rem;font-size:.95rem;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.control:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(224,133,47,.18)}textarea.control{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5}.control-html{min-height:240px}.control-text{min-height:130px}.var-hint{font-size:.8rem;color:var(--text-dim)}.var-hint code{background:var(--surface-2);padding:.05rem .3rem;border-radius:4px;color:var(--ember-bright)}.range-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.recipe-summary{padding:.7rem .85rem;margin-top:.35rem;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.7;color:var(--text)}.recipe-summary .qty{color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recipe-summary .arrow{color:var(--ember-bright);margin:0 .55rem;font-weight:600}.recipe-summary .muted{color:var(--text-faint)}.sprite-picker-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.sprite-picker-toolbar .btn{padding:.15rem .6rem;line-height:1.2}.sprite-picker{max-height:420px;overflow:auto;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem}.sprite-picker-stage{position:relative;cursor:crosshair;background-image:linear-gradient(45deg,var(--surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-2) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.sprite-picker-grid{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,transparent 1px 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0 1px,transparent 1px 100%)}.sprite-picker-cell,.sprite-picker-hover{position:absolute;pointer-events:none;box-sizing:border-box}.sprite-picker-hover{border:1px solid var(--ember-bright);background:rgba(255,176,90,.12)}.sprite-picker-cell{border:2px solid var(--ember);box-shadow:0 0 0 1px var(--obsidian),0 0 10px -1px var(--ember)}.level-editor{display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);grid-template-areas:"meta      toolbar" "palette   stage" "inspector inspector";grid-gap:1rem 1.5rem;gap:1rem 1.5rem;align-items:start}.level-inspector,.level-meta,.level-palette,.level-toolbar{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0}.level-editor .control{width:100%;min-width:0;box-sizing:border-box}.level-editor .range-row{grid-template-columns:repeat(2,minmax(0,1fr))}.level-meta{grid-area:meta;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end}.level-toolbar{grid-area:toolbar;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end}.level-palette{grid-area:palette;align-content:start}.level-stage-panel{grid-area:stage;min-width:0;max-width:100%}.level-inspector{grid-area:inspector;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));padding-top:1rem;border-top:1px solid var(--border)}.level-segmented{display:flex;flex-wrap:wrap;gap:.35rem}.level-segmented button{min-height:2rem;border:1px solid var(--border);background:var(--obsidian);color:var(--text-dim);border-radius:var(--radius-sm);padding:.35rem .55rem;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease)}.level-segmented button:focus-visible,.level-segmented button:hover{border-color:var(--ember);color:var(--text);outline:none}.level-segmented button.is-active{background:var(--surface-3);border-color:var(--ember);color:var(--ember-bright)}.level-sheet{max-height:34rem;max-width:100%;overflow:auto;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem}.level-sheet-stage{position:relative;cursor:crosshair;image-rendering:pixelated}.level-sheet-stage img{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.level-sheet-grid{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,transparent 1px 100%)}.level-sheet-selected{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--ember);box-shadow:0 0 0 1px var(--obsidian),0 0 10px -1px var(--ember)}.level-selection-preview{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;padding:.55rem;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm)}.level-selection-swatch{width:32px;height:32px;background-repeat:no-repeat;image-rendering:pixelated;border:1px solid var(--border-strong);box-shadow:0 0 0 4px rgba(224,133,47,.06)}.level-selection-preview span,.level-selection-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-selection-preview strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.level-selection-preview span{color:var(--text-faint);font-size:.74rem}.level-stage-foot,.level-stage-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-faint);font-size:.78rem;margin-bottom:.5rem}.level-stage-head strong{display:block;color:var(--text);font-size:.92rem}.level-stage-head span{display:block}.level-stage-foot{margin:.55rem 0 0;padding:0 .1rem}.level-zoom{display:flex;flex:none;gap:.35rem}.level-zoom button{min-width:3rem;min-height:1.9rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--obsidian);color:var(--text-dim)}.level-zoom button.is-active,.level-zoom button:focus-visible,.level-zoom button:hover{border-color:var(--ember);color:var(--ember-bright);outline:none}.level-live-viewport{max-width:100%;max-height:min(72vh,900px);overflow:auto;background:#08070b;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.level-live-stage{position:relative;transform-origin:top left;image-rendering:pixelated}.level-live-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.level-live-overlay{position:absolute;inset:0;display:grid;grid-auto-rows:32px;cursor:crosshair}.level-live-cell{position:relative;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.level-live-cell.is-selected,.level-live-cell:focus-visible,.level-live-cell:hover{border-color:var(--ember-bright);outline:1px solid rgba(224,133,47,.8);outline-offset:-2px}.level-live-cell.is-wall:focus-visible,.level-live-cell.is-wall:hover{background:rgba(224,82,77,.12)}.level-live-cell.blocks-enemy:before,.level-live-cell.blocks-player:after{content:"";position:absolute;bottom:3px;width:7px;height:7px;border-radius:999px;box-shadow:0 0 0 1px #08070b}.level-live-cell.blocks-player:after{right:3px;background:var(--danger)}.level-live-cell.blocks-enemy:before{right:12px;background:#64a8ff}.level-live-cell.blocks-vision{box-shadow:inset 0 0 0 1px rgba(217,182,115,.5)}.level-live-ghost{z-index:2;width:32px;height:32px;opacity:.58;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:center;mix-blend-mode:screen;filter:drop-shadow(0 0 4px rgba(255,176,90,.55))}.level-live-ghost,.level-live-marker{position:absolute;pointer-events:none}.level-live-marker{min-width:1.3rem;max-width:4.2rem;padding:.05rem .25rem;border:1px solid rgba(255,176,90,.75);border-radius:3px;background:rgba(13,12,16,.74);color:var(--ember-bright);font-size:.58rem;line-height:1.25;text-transform:uppercase}.level-live-marker.is-npc{border-color:rgba(120,200,255,.8);color:#bfe0ff;background:rgba(11,19,30,.82)}.level-live-marker.is-selected{z-index:3;border-color:var(--ember-bright);background:var(--ember-bright);color:var(--obsidian)}.hub-npc-list{display:grid;grid-gap:.3rem;gap:.3rem;max-height:22rem;overflow:auto}.hub-npc-item{display:grid;grid-gap:.1rem;gap:.1rem;text-align:left;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--obsidian);color:var(--text-dim);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease)}.hub-npc-item strong{color:var(--text);font-size:.82rem}.hub-npc-item span{font-size:.68rem;color:var(--text-dim)}.hub-npc-item:focus-visible,.hub-npc-item:hover{border-color:var(--ember);color:var(--text);outline:none}.hub-npc-item.is-active{border-color:var(--ember);background:var(--surface-3)}.hub-npc-item.is-active strong{color:var(--ember-bright)}.hub-npc-edit{display:grid;grid-gap:.6rem;gap:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.hub-npc-edit .hint,.level-toolbar .hint{margin:0;font-size:.72rem;color:var(--text-dim)}.level-board{display:grid;width:min(100%,760px);min-width:520px;aspect-ratio:40/26;background:var(--obsidian);border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.level-cell{position:relative;min-width:0;min-height:0;aspect-ratio:1;border:0;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:0;background:var(--surface-2)}.level-cell.is-floor{background:linear-gradient(135deg,rgba(217,182,115,.08),transparent 54%),var(--surface-2)}.level-cell.is-wall{background:linear-gradient(180deg,var(--surface-3),var(--obsidian))}.level-cell.is-selected,.level-cell:focus-visible,.level-cell:hover{outline:2px solid var(--ember);outline-offset:-2px;z-index:1}.level-cell-tile{position:absolute;inset:12%;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:center}.level-cell-lock{position:absolute;right:2px;bottom:2px;width:.42rem;height:.42rem;border-radius:999px;background:var(--danger);box-shadow:0 0 0 1px var(--obsidian)}@media (min-width:1600px){.level-editor{grid-template-columns:minmax(20rem,30rem) minmax(0,1fr)}}@media (max-width:980px){.level-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "toolbar" "palette" "stage" "inspector"}}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.rail{background:var(--surface-1);border-right:1px solid var(--border);padding:1.5rem 1rem;gap:1.5rem;position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto}.brand,.rail{display:flex;flex-direction:column}.brand{gap:.15rem}.brand .mark{font-family:var(--serif);font-size:1.35rem;color:var(--gold)}.brand .sub{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.nav,.nav-group{display:flex;flex-direction:column;gap:.25rem}.nav-group+.nav-group{margin-top:1.25rem}.nav-group-label{padding:0 .7rem;margin-bottom:.2rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.nav button{text-align:left;background:transparent;color:var(--text-dim);padding:.55rem .7rem;border-radius:var(--radius-sm);border:none;border-left:2px solid transparent;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.nav button:hover{background:var(--surface-2);color:var(--text)}.nav button[aria-current=true]{background:var(--surface-2);color:var(--ember-bright);border-left-color:var(--ember)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.rail-foot .btn.is-active{border-color:var(--ember);color:var(--ember-bright)}.main{padding:2rem 2.5rem;display:grid;grid-template-columns:minmax(220px,320px) 1fr;grid-gap:2rem;gap:2rem;align-content:start}.main-wide{max-width:1280px}.main-full,.main-wide{grid-template-columns:minmax(0,1fr)}.main-full{max-width:none}.col-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:.5rem}.col-head h1{font-size:1.8rem}.col-head .who{color:var(--text-faint);font-size:.85rem}.entry-list{display:flex;flex-direction:column;gap:.35rem}.entry-list .item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--text-dim);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.entry-list .item:hover{border-color:var(--border-strong);color:var(--text)}.entry-list .item[aria-current=true]{border-color:var(--ember);color:var(--text)}.entry-list .item .name{font-weight:500}.entry-list .item .id{font-size:.72rem;color:var(--text-faint)}.badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.12rem .4rem;border-radius:999px;background:rgba(224,133,47,.16);color:var(--ember-bright);border:1px solid rgba(224,133,47,.4)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.75rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.panel-head h2{font-size:1.25rem}.actions{display:flex;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.rows{display:flex;flex-direction:column;gap:.5rem}.row{display:grid;grid-template-columns:1fr 110px auto;grid-gap:.5rem;gap:.5rem;align-items:end}.notice{border-radius:var(--radius-sm);padding:.75rem .9rem;font-size:.85rem;margin-bottom:1rem}.notice-error{background:rgba(224,82,77,.12);border:1px solid rgba(224,82,77,.4);color:#ff9b97}.notice-ok{background:rgba(95,184,122,.12);border:1px solid rgba(95,184,122,.4);color:#9be0b1}.notice ul{margin:.4rem 0 0;padding-left:1.1rem}.empty{color:var(--text-faint);font-style:italic}.sprite-panel{grid-column:1/-1}.asset-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.metric{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0;padding:.8rem;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm)}.metric span{color:var(--text-faint);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.metric strong{color:var(--gold);font-size:1rem}.table-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.85rem;margin-bottom:1rem}.table-toolbar .field{margin-bottom:0}.table-toolbar__search{flex:1 1 16rem;min-width:0}.table-toolbar__count{margin-left:auto;align-self:center;color:var(--text-faint);font-size:.78rem}.table-toolbar__action{align-self:center}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table td,.data-table th{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--surface-2);color:var(--text-faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr.is-clickable:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}.data-table td[data-col=frameHint],.data-table td[data-col=id],.data-table td[data-col=path]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--text-dim);overflow-wrap:anywhere}.data-table td[data-col=action]{white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit}.th-sort:hover{color:var(--ember-bright)}.th-sort__icon{font-size:.7rem;color:var(--text-faint)}.table-pager{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:1rem}.table-pager__size{margin-bottom:0}.table-pager__nav{margin-left:auto;display:flex;align-items:center;gap:.75rem}.table-pager__info{color:var(--text-dim);font-size:.8rem;white-space:nowrap}.btn.is-disabled{opacity:.55;pointer-events:none}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,6vh,5rem) 1rem;overflow-y:auto;background:rgba(5,4,8,.72);animation:modal-overlay-in var(--duration) var(--ease)}.modal{width:100%;max-width:40rem;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);outline:none;animation:modal-in var(--duration) var(--ease)}.modal--lg{max-width:60rem}.modal--xl{max-width:76rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border)}.modal-head h2{font-size:1.25rem}.modal-close{flex:none;width:2rem;height:2rem;display:grid;place-items:center;font-size:1.4rem;line-height:1;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.modal-close:hover{color:var(--text);border-color:var(--border-strong)}.modal-close:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.modal-body{padding:1.5rem 1.75rem}.modal-body .panel{background:none;border:none;box-shadow:none;padding:0}.modal-body .panel-head{display:none}.stats-brief{color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes modal-overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(.75rem)}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.25rem 2rem}.login-card .mark{font-family:var(--serif);font-size:1.6rem;color:var(--gold);margin-bottom:.2rem}.login-card .sub{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.75rem}