@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap";:root{--paper: #f3e9da;--rule: #d8c7b0;--ink: #33271e;--ink-muted: #665848;--caption: #857463}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper)}.hajj-page{width:min(1520px,calc(100vw - 40px));min-height:100vh;margin:0 auto;padding:24px 0 20px;display:grid;grid-template-rows:auto auto auto;gap:14px}.hajj-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--rule)}.hajj-title-block{grid-column:1 / span 8}.hajj-title-block h1{margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.1;color:var(--ink)}.hajj-subtitle,.hajj-note{margin:0;font-size:12px;line-height:1.45;letter-spacing:.03em;color:var(--caption)}.hajj-subtitle{margin-top:6px}.hajj-nav{grid-column:9 / -1;justify-self:end;align-self:end;display:flex;align-items:baseline;gap:8px;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:13px;letter-spacing:.04em;color:var(--ink-muted)}.hajj-nav>[aria-hidden=true]{color:#a38f79}.hajj-nav .is-active{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}.hajj-workbench{display:grid;grid-template-columns:minmax(760px,1fr) 360px;gap:16px;align-items:start}.hajj-workbench.builder-hidden{grid-template-columns:minmax(760px,1fr)}.hajj-stage{width:100%;aspect-ratio:16 / 9;padding:12px;border:1px solid var(--rule);border-radius:6px;background:transparent;overflow:hidden}#app{width:100%;height:100%;border:1px solid var(--rule);border-radius:4px;background:#102114;overflow:hidden;touch-action:none;position:relative}canvas{display:block;image-rendering:auto;touch-action:none;-webkit-user-select:none;user-select:none}.builder-sidebar{border:1px solid var(--rule);border-radius:6px;background:#efe2cd;min-height:580px;padding:12px;display:grid;grid-template-rows:auto auto auto auto auto auto 1fr auto;gap:10px}.builder-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.builder-actions{display:flex;align-items:center;gap:6px}.builder-head h2{margin:0;font-size:16px;color:var(--ink)}.builder-toggle{border:1px solid #325f78;background:#20495e;color:#e6f7ff;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-delete{border:1px solid #7a4f34;background:#8b5a3d;color:#fff2e7;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-undo{border:1px solid #5a6d83;background:#70849a;color:#f4f8ff;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-save{border:1px solid #285c37;background:#2f7a45;color:#ecffef;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-undo:disabled{opacity:.45;cursor:default}.builder-delete:disabled{opacity:.45;cursor:default}.builder-save:disabled{opacity:.45;cursor:default}.builder-sidebar.is-active .builder-toggle{background:#2e6f8f}.builder-search-wrap{display:grid;gap:4px;font-size:12px;color:var(--ink-muted)}.builder-search{width:100%;border:1px solid #b99f81;border-radius:4px;background:#fff8ec;color:var(--ink);padding:7px 8px;font-size:13px}.builder-context,.builder-selection,.builder-feedback,.builder-help{margin:0;font-size:12px;color:var(--ink-muted);line-height:1.35}.builder-selection{color:var(--ink)}.builder-feedback{border:1px solid #bba282;border-radius:4px;background:#fff3df;color:#6b533d;padding:6px 8px}.builder-feedback.is-info{border-color:#8096a9;background:#edf4fb;color:#2f4d66}.builder-feedback.is-success{border-color:#5c9970;background:#e8f6ed;color:#245338}.builder-feedback.is-error{border-color:#b56b58;background:#fdeeea;color:#7e2e1f}.builder-trigger-panel{border:1px solid #ceb691;border-radius:4px;background:#fff5e5;padding:8px;display:grid;gap:6px}.builder-trigger-wrap{display:grid;gap:3px;font-size:12px;color:var(--ink-muted)}.builder-trigger-select,.builder-trigger-range{width:100%;border:1px solid #b99f81;border-radius:4px;background:#fff8ec;color:var(--ink);padding:6px 8px;font-size:12px}.builder-trigger-place{border:1px solid #7f6545;background:#9a7a50;color:#fff7ea;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-trigger-place.is-armed{border-color:#21658a;background:#2e6f8f}.builder-trigger-place:disabled{opacity:.45;cursor:default}.builder-trigger-help{margin:0;font-size:11px;color:#6b5b49;line-height:1.3}.builder-walkability-panel{border:1px solid #ceb691;border-radius:4px;background:#fff5e5;padding:8px;display:grid;gap:6px}.builder-walkability-title{margin:0;font-size:12px;color:var(--ink-muted)}.builder-walkability-toggle{border:1px solid #7f6545;background:#9a7a50;color:#fff7ea;border-radius:4px;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.builder-walkability-toggle.is-armed{border-color:#21658a;background:#2e6f8f}.builder-walkability-toggle:disabled{opacity:.45;cursor:default}.builder-walkability-help{margin:0;font-size:11px;color:#6b5b49;line-height:1.3}.builder-scale-panel{border:1px solid #ceb691;border-radius:4px;background:#fff5e5;padding:8px;display:grid;gap:6px}.builder-scale-title{margin:0;font-size:12px;color:var(--ink-muted)}.builder-scale-actions{display:grid;grid-template-columns:32px 1fr 32px;gap:6px;align-items:center}.builder-scale-button{border:1px solid #7f6545;background:#9a7a50;color:#fff7ea;border-radius:4px;font-size:16px;font-weight:700;line-height:1;height:30px;cursor:pointer}.builder-scale-button:disabled{opacity:.45;cursor:default}.builder-scale-value{margin:0;border:1px solid #b99f81;border-radius:4px;background:#fff8ec;color:var(--ink);padding:6px 8px;font-size:12px;text-align:center;line-height:1.25}.builder-scale-help{margin:0;font-size:11px;color:#6b5b49;line-height:1.3}.builder-assets{min-height:360px;max-height:620px;overflow:auto;border:1px solid #c8b091;border-radius:4px;background:#fff8ec;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}.builder-asset-card{width:100%;border:1px solid #d6b58a;border-radius:4px;background:#fff2dc;display:grid;grid-template-rows:72px auto;gap:6px;padding:6px;text-align:left;cursor:grab}.builder-asset-card.is-selected{border-color:#21658a;background:#e3f3fb}.builder-asset-thumb{width:100%;height:72px;object-fit:contain;border:1px solid #e7d2b2;border-radius:3px;background:#fff8ef;image-rendering:pixelated}.builder-asset-name{margin:0;font-size:12px;font-weight:600;color:#3b2f25;line-height:1.25}.builder-asset-meta{margin:0;font-size:11px;color:#6c5a49;line-height:1.2}.builder-empty{margin:0;font-size:12px;color:#7a6b5b}.hajj-note{padding-top:4px}@media(max-width:980px){.hajj-page{width:min(1520px,calc(100vw - 24px));padding-top:16px;gap:10px}.hajj-hero{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:8px}.hajj-title-block,.hajj-nav{grid-column:1 / -1;justify-self:start}.hajj-workbench{grid-template-columns:1fr;gap:10px}.builder-sidebar{min-height:420px}.builder-assets{max-height:340px}}@media(max-width:640px){.hajj-stage{width:100%}.hajj-nav{flex-wrap:wrap;row-gap:4px}.builder-assets{grid-template-columns:1fr}}