@import url('arcade.css?v=20260928-7');
.builder-header{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.builder-header .actions{display:flex;gap:8px;flex-wrap:wrap}.builder-title{padding:22px 24px 14px;display:flex;justify-content:space-between;gap:16px;align-items:end}.builder-title h1{font-size:30px;margin:5px 0}.builder-title p{margin:0;color:var(--muted);font-size:13px}.builder-title label{min-width:170px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:0 24px 24px;max-width:1600px;margin:auto}.tool-panel{background:var(--panel);border:1px solid var(--line);border-radius:0;padding:14px;align-self:start}.tool-panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tool-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.tool-tabs button{font-size:11px;min-height:34px;padding:6px 8px;flex:1}.tool-tabs .active{border-color:var(--gold);color:var(--gold)}#tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tileButton{flex-direction:column;font-size:11px;padding:8px 4px;gap:6px;min-height:76px;font-weight:500}.tileButton.active{border-color:var(--gold);background:#3c382b;color:var(--gold)}.tile-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.tileButton[data-type=enemy] .tile-icon{object-fit:cover;object-position:left;max-width:28px}.tool-help{font-size:12px;color:var(--muted);margin:14px 0 0}.map-panel{min-width:0}.map-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.segmented{display:flex}.segmented button{border-radius:0;padding:8px 12px;font-size:12px}.segmented button:first-child{border-radius:0}.segmented button:last-child{border-radius:0}.segmented .active{background:var(--mint);color:var(--ink);border-color:var(--mint)}.map-controls>button{padding:8px 12px}.map-controls label{display:flex;align-items:center;gap:8px;margin-left:auto}.map-controls select{padding:6px;min-height:40px}.viewport-shell{border:1px solid #536376;border-radius:0;overflow:hidden;background:#adc7cb}#canvasContainer{height:clamp(280px,49vh,510px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#819ba5 #273b4a;touch-action:none}#builderCanvas{display:block;image-rendering:pixelated;touch-action:none;max-width:none}.viewport-caption{background:#192b3d;color:#b7c6cf;padding:8px 12px;display:flex;justify-content:space-between;gap:12px;font:11px ui-monospace,monospace}.overview{margin-top:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:0}.overview header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}#minimap{display:block;width:100%;height:55px;cursor:pointer;touch-action:none;image-rendering:pixelated}#mapPosition{width:100%;height:24px;min-height:24px;padding:0;accent-color:var(--gold)}.map-status{font-size:12px;color:var(--mint);margin:10px 0;min-height:18px}.details-panel{margin-top:16px;border:1px solid var(--line);background:var(--panel);border-radius:0}.details-panel summary{padding:16px;cursor:pointer;font-size:14px;font-weight:650}.details-content{padding:0 16px 18px}.fields{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.details-content p{font-size:12px;color:var(--muted);margin:12px 0}.draft-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.draft-row button{padding:5px 10px;min-height:32px;font-size:12px}#publishStatus{display:block;margin-top:10px;font-size:13px}.builder-footer{padding:0 24px 20px;max-width:1600px;margin:auto;color:var(--muted);font-size:12px}@media(max-width:760px){.builder-header{padding:12px;gap:8px}.builder-header .brand span{display:none}.builder-header .actions{gap:6px}.builder-header button{padding:9px 11px;font-size:12px}.builder-title{padding:18px 12px 12px;align-items:start}.builder-title h1{font-size:24px}.builder-title p{max-width:200px;font-size:11px}.builder-title label{min-width:0;width:115px}.builder-title select{font-size:12px;padding:8px 5px;width:100%}.workspace{display:flex;flex-direction:column;padding:0 12px 18px;gap:12px}.tool-panel{order:2;align-self:stretch;padding:10px}.map-panel{order:1}.tool-panel h2{display:none}.tool-tabs{margin-bottom:8px}.tool-tabs button{min-height:40px;font-size:12px}#tools{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px}.tileButton{min-width:76px;min-height:72px}.tool-help{margin-top:8px}.map-controls{gap:6px}.map-controls>button{padding:8px 10px}.map-controls label{font-size:11px}.map-controls select{max-width:90px}#canvasContainer{height:clamp(252px,38svh,350px)}.overview{padding:8px}.overview header{font-size:9px}#minimap{height:42px}.fields{grid-template-columns:1fr 1fr}.fields label:last-child{grid-column:1/-1}.fields input{width:100%;font-size:16px}.details-panel{margin-top:12px}.builder-footer{padding:0 14px 22px}}@media(max-width:380px){.map-controls label{margin-left:0}.map-controls .segmented button{padding:8px}.builder-title h1{font-size:22px}}

.builder-hero{display:block;flex-shrink:0;width:32px;height:32px;background:url('images/smallJalil.png') left top/auto 32px;image-rendering:pixelated}
#newDraftDialog{width:min(420px,calc(100% - 32px));padding:24px;border:3px solid var(--line);background:var(--panel);color:var(--paper)}#newDraftDialog::backdrop{background:#101421dd}#newDraftDialog h2{font-size:22px}.draft-dialog-actions{display:grid;gap:10px}
@media(max-width:760px){.builder-header{flex-wrap:wrap}.builder-header .actions{flex:1;justify-content:flex-end}.builder-header button{padding:9px 8px}.builder-header #newButton{font-size:12px}}