.map-page{min-width:0;padding:12px 8px 8px}.map-page-full{height:100dvh;color:var(--text-primary);z-index:1;background:0 0;flex-direction:column;padding:10px 14px 12px;display:flex;position:relative;overflow:hidden}.map-page-full .map-app{flex:1;min-height:0}.map-page-full .map-main{flex-direction:column;flex:1;min-height:0;display:flex}.map-page-full .map-board,.map-page-full .grid-app{flex:1;min-height:0}.map-page-full .map-board-body{flex:1;height:auto;min-height:0}.map-page-full .grid-workspace{flex:1;min-height:0}.map-page-full .grid-frame{height:auto;min-height:0}.map-btn{border:1px solid var(--border-color);background:var(--bg-card);min-height:34px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.map-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.map-btn:disabled{opacity:.55;cursor:default}.map-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:#0000}.map-btn-primary:hover{background:var(--btn-primary-hover-bg)}.map-btn-ghost{background:0 0}.map-btn-danger{color:#dc2626}.map-link-btn{color:var(--text-secondary);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.map-icon-btn{border:1px solid var(--border-color);background:var(--bg-card);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:inline-grid}.map-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.map-error{color:#dc2626;margin:0;font-size:13px}.map-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-cls-dot{border-radius:99px;flex:none;width:8px;height:8px;display:inline-block}.map-field{gap:6px;display:grid}.map-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.map-field input,.map-field textarea,.map-field select,.map-people input,.map-people select,.map-form-card input{border:1px solid var(--border-color);background:var(--bg-base);width:100%;min-height:34px;color:var(--text-primary);font:inherit;border-radius:8px;padding:6px 10px;font-size:14px}.map-field textarea{resize:vertical}.map-chip{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.map-chip.is-on{border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-subtle)}.map-swatch{border:1px solid #00000026;border-radius:4px;flex:none;width:12px;height:12px}.map-banner{background:var(--bg-subtle);border-radius:10px;margin:8px 0;padding:10px 12px}.map-conflict{color:var(--text-primary);border:1px solid #f59e0b;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-hub{gap:28px;max-width:1100px;margin:0 auto;padding:8px 8px 48px;display:grid}.map-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.map-hub-head h1{letter-spacing:-.02em;color:var(--text-primary);margin:6px 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.1}.map-hub-lede{max-width:680px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.map-switch{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.map-switch button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.map-switch button:hover{color:var(--text-primary)}.map-switch button.is-on{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.map-explore-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.map-explore-bar .map-tabs{margin:0}.map-filter{border:1px solid var(--border-color);border-radius:99px;display:inline-flex;overflow:hidden}.map-filter button{border:0;border-right:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font:inherit;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600}.map-filter button:last-child{border-right:0}.map-filter button.is-on{background:var(--bg-subtle);color:var(--text-primary)}.map-card-kind{color:var(--text-secondary);font-weight:700}.map-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.map-mode{text-align:left;border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:16px;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.map-mode.is-on{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--bg-subtle)}.map-mode-text{gap:4px;min-width:0;display:grid}.map-mode-text strong{align-items:center;gap:6px;font-size:15px;display:inline-flex}.map-mode-text small{color:var(--text-secondary);font-size:13px;line-height:1.4}.map-mode-art{border-radius:10px;flex:none;width:92px;height:66px;position:relative;overflow:hidden}.map-mode-art-board{background:#b98a5a radial-gradient(#0000001f 1px,#0000 1.5px) 0 0/6px 6px}.map-mode-art-board i{background:#fff7c2;width:26px;height:20px;position:absolute;box-shadow:0 2px 3px #00000040}.map-mode-art-board i:first-child{top:8px;left:8px;transform:rotate(-4deg)}.map-mode-art-board i:nth-child(2){background:#fff;top:12px;left:56px;transform:rotate(3deg)}.map-mode-art-board i:nth-child(3){background:#ffd9d9;top:38px;left:32px}.map-mode-art-board b{transform-origin:0;background:#b91c1c;height:2px;position:absolute}.map-mode-art-board b:first-of-type{width:40px;top:20px;left:24px;transform:rotate(4deg)}.map-mode-art-board b:nth-of-type(2){width:28px;top:22px;left:22px;transform:rotate(60deg)}.map-mode-art-grid,.map-template-grid{background:linear-gradient(var(--grid-head,#e5e7eb) 0 0) 0 0 / 100% 12px no-repeat, linear-gradient(90deg, var(--sheet-line,#0000001f) 1px, transparent 1px) 0 0 / 18px 100%, linear-gradient(var(--sheet-line,#0000001f) 1px, transparent 1px) 0 0 / 100% 12px, var(--grid-bg,#fff)}.map-section-title{color:var(--text-primary);margin:0 0 12px;font-size:16px}.map-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.map-section-head .map-section-title{margin:0}.map-templates{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.map-template{text-align:left;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:14px;gap:4px;padding:10px;display:grid}.map-template:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.map-template strong{font-size:14px}.map-template small{color:var(--text-secondary);font-size:12px;line-height:1.4}.map-template-art{border-radius:9px;height:70px;margin-bottom:6px;display:block}.map-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.map-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:600}.map-tab.is-on{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:#0000}.map-empty-list{color:var(--text-muted);margin:8px 0;font-size:14px}.map-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.map-card{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:14px;min-width:0;text-decoration:none;display:grid;overflow:hidden}.map-card:hover{border-color:var(--border-hover)}.map-card-art{height:84px;display:block}.map-card-body{gap:4px;min-width:0;padding:10px 12px 12px;display:grid}.map-card-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.map-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.map-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.map-card-meta span{align-items:center;gap:4px;display:inline-flex}.map-card-skeleton{background:var(--bg-subtle);height:150px;animation:1.4s ease-in-out infinite map-pulse}@keyframes map-pulse{50%{opacity:.55}}.map-join{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.map-join>div:first-child{gap:4px;max-width:620px;display:grid}.map-join span{color:var(--text-secondary);font-size:14px}.map-join-strip{background:var(--bg-subtle);color:var(--text-secondary);border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.map-join-strip a{color:var(--text-primary);font-weight:600}.map-app{flex-direction:column;gap:8px;min-width:0;display:flex}.map-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.map-head-title{flex:240px;min-width:0}.map-head-title h1{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;line-height:1.2;overflow:hidden}.map-head-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;display:flex}.map-head-meta a{color:inherit}.map-kind-tag,.map-audience-tag{color:var(--text-secondary);align-items:center;gap:4px;font-weight:700;display:inline-flex}.map-people-stack{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.map-people-stack:disabled{cursor:default}.map-avatar{border:2px solid var(--bg-base);background:var(--bg-subtle);width:30px;height:30px;color:var(--text-primary);border-radius:99px;place-items:center;margin-left:-8px;font-size:12px;font-weight:700;display:inline-grid;overflow:hidden}.map-avatar:first-child{margin-left:0}.map-avatar img{object-fit:cover;width:100%;height:100%}.map-avatar.is-editor{box-shadow:0 0 0 2px #2563eb}.map-avatar-more{font-size:11px}.map-head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.map-save{color:var(--text-muted);margin-right:4px;font-size:12px}.map-save-dirty,.map-save-saving{color:var(--text-secondary)}.map-save-error,.map-save-conflict{color:#dc2626}.map-desc{color:var(--text-secondary);max-width:900px;margin:0;font-size:14px}.map-main{min-width:0;position:relative}.map-drawer{z-index:30;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;gap:14px;width:min(320px,100%);max-height:100%;padding:14px;display:grid;position:absolute;top:0;right:0;overflow:auto;box-shadow:0 12px 40px #0000002e}.map-drawer-head,.map-modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-drawer-head h2,.map-modal-head h2{color:var(--text-primary);margin:0;font-size:16px}.map-choice{border:0;gap:6px;margin:0;padding:0;display:grid}.map-choice legend{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.map-choice>div{flex-wrap:wrap;gap:6px;display:flex}.map-toggle{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.map-modal-scrim{z-index:80;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.map-modal{background:var(--bg-card);border:1px solid var(--border-color);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--text-primary);border-radius:16px;gap:14px;padding:18px;display:grid;overflow:auto}.map-audience{gap:6px;display:grid}.map-audience-opt{border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.map-audience-opt.is-on{border-color:var(--text-primary);background:var(--bg-subtle)}.map-audience-opt input{margin-top:3px}.map-audience-opt span{gap:2px;display:grid}.map-audience-opt strong{font-size:14px}.map-audience-opt small{color:var(--text-secondary);font-size:12px}.map-people{gap:8px;display:grid}.map-people-add{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;display:grid}.map-people ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.map-people li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.map-person{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.map-person small{color:var(--text-muted)}.map-share-note{background:var(--bg-subtle);color:var(--text-secondary);border-radius:8px;margin:0;padding:8px 10px;font-size:12px}.map-modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.map-overlay{z-index:70;background:#0000004d;place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.map-form-card,.map-picker{background:var(--bg-card);border:1px solid var(--border-color);width:min(460px,100%);color:var(--text-primary);border-radius:14px;gap:10px;padding:16px;display:grid;box-shadow:0 16px 48px #00000040}.map-form-card h3{margin:0;font-size:15px}.map-file{position:relative;overflow:hidden}.map-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.map-picker{gap:0;padding:0;overflow:hidden}.map-picker-head{border-bottom:1px solid var(--border-color);color:var(--text-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.map-picker-head input{color:var(--text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.map-picker-head button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.map-picker-list{max-height:50vh;margin:0;padding:6px;list-style:none;overflow:auto}.map-picker-list button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.map-picker-list button:hover{background:var(--bg-subtle)}.map-picker-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.map-picker-cls{color:var(--text-muted);font-size:11px}.map-picker-empty{color:var(--text-muted);padding:12px;font-size:13px}.map-board{flex-direction:column;gap:8px;min-width:0;display:flex}.map-toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.map-toolbar-group{flex-wrap:wrap;gap:4px;display:flex}.map-tool{border:1px solid var(--border-color);background:var(--bg-card);min-height:32px;color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.map-tool:hover{background:var(--bg-card-hover)}.map-tool:disabled{opacity:.45;cursor:default}.map-tool.is-on{background:var(--bg-subtle);border-color:var(--text-primary)}.map-tool-plus{color:var(--text-muted);font-weight:800}.map-tool-capsule{border-color:var(--text-primary)}.map-board-body{grid-template-columns:minmax(0,1fr) 300px;gap:8px;height:calc(100dvh - 254px);min-height:460px;display:grid}.map-board-body:has(>.map-stage:only-child){grid-template-columns:minmax(0,1fr)}.map-stage{border:1px solid var(--border-color);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;--map-ink:#1f2937;border-radius:14px;position:relative;overflow:hidden}.map-stage:active{cursor:grabbing}.map-world{transform-origin:0 0;position:absolute;top:0;left:0}.map-stage.is-moving .map-world{will-change:transform}.map-stage.is-moving .map-node{pointer-events:none}.map-surface-cork{background-color:#b98a5a;background-image:radial-gradient(#46280a38 1px,#0000 1.6px),radial-gradient(#ffe6be2e 1px,#0000 1.6px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px}.map-surface-chalk{--map-ink:#f1f5f9;background-color:#23362c;background-image:radial-gradient(#ffffff0d 1px,#0000 2px);background-size:9px 9px}.map-surface-blueprint{background-color:#1e3a8a;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:var(--map-grid-size,28px) var(--map-grid-size,28px);background-position:var(--map-grid-x,0) var(--map-grid-y,0);--map-ink:#e0e7ff}.map-surface-paper{background-color:#fbf8f1;background-image:radial-gradient(#00000021 1px,#0000 1.4px);background-size:var(--map-grid-size,28px) var(--map-grid-size,28px);background-position:var(--map-grid-x,0) var(--map-grid-y,0)}.map-surface-night{background-color:#0f172a;background-image:radial-gradient(#94a3b829 1px,#0000 1.5px);background-size:var(--map-grid-size,28px) var(--map-grid-size,28px);background-position:var(--map-grid-x,0) var(--map-grid-y,0);--map-ink:#e2e8f0}.map-surface-plain{background-color:var(--bg-base);--map-ink:var(--text-primary)}.map-node{box-sizing:border-box;background:var(--map-card,#fff);color:#1f2937;cursor:pointer;isolation:isolate;border-radius:6px;padding:12px 12px 10px;font-size:14px;line-height:1.4;position:absolute;overflow:visible;box-shadow:0 2px 4px #0000002e,0 8px 18px #0000001f}.map-node.is-selected{outline-offset:2px;outline:2.5px solid #2563eb}.map-node-note{background:var(--map-card,#fff7c2)}.map-node-claim{background:var(--map-card,#fff);border-left:5px solid #111827}.map-node-question{background:var(--map-card,#e0f2fe)}.map-node-source{background:var(--map-card,#f8fafc);border-top:4px solid #7c3aed}.map-node-image{background:#fff;padding:8px}.map-node-capsule{border-top:5px solid var(--map-cls,#9ca3af)}.map-node-frame{box-shadow:none;color:var(--map-ink);background:#ffffff24;border:2px dashed #ffffffb3;padding:0;overflow:visible}.map-surface-paper .map-node-frame,.map-surface-plain .map-node-frame{background:#00000008;border-color:#0000004d}.map-frame-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:6px;max-width:calc(100% - 20px);padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:10px;overflow:hidden}.map-color-paper{--map-card:#fff}.map-color-lemon{--map-card:#fff7c2}.map-color-peach{--map-card:#ffe2c8}.map-color-rose{--map-card:#ffd9df}.map-color-mint{--map-card:#d6f5e3}.map-color-sky{--map-card:#d6ebff}.map-color-lilac{--map-card:#e9ddff}.map-color-slate{--map-card:#e2e8f0}.map-node-frame.map-color-lemon,.map-node-frame.map-color-peach,.map-node-frame.map-color-rose,.map-node-frame.map-color-mint,.map-node-frame.map-color-sky,.map-node-frame.map-color-lilac{background:color-mix(in srgb, var(--map-card) 35%, transparent)}.map-text,.map-source{height:100%;overflow:hidden}.map-image{overflow:hidden}.map-text p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.map-text-edit{width:100%;height:calc(100% - 4px);min-height:60px;font:inherit;color:inherit;resize:none;background:0 0;border:0;outline:none}.map-kicker{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-size:10px;font-weight:800}.map-kicker-claim{color:#111827}.map-kicker-question{color:#0369a1}.map-capsule{gap:6px;display:grid}.map-capsule-cls{text-transform:uppercase;letter-spacing:.06em;color:#374151;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.map-capsule-title{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.3}.map-moved{color:#92400e;background:#fef3c7;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.map-source-title{overflow-wrap:anywhere;font-weight:700}.map-source-host{color:#6b7280;font-size:12px}.map-image{flex-direction:column;gap:4px;height:100%;margin:0;display:flex}.map-image img{object-fit:cover;pointer-events:none;border-radius:3px;flex:1;width:100%;min-height:0}.map-image figcaption{color:#4b5563;font-size:12px}.map-font-serif .map-node{font-family:Georgia,Times New Roman,serif}.map-font-hand .map-node{font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:15px}.map-font-mono .map-node{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.is-compact .map-node{padding:7px 8px 6px;font-size:13px}.map-pin{pointer-events:none;z-index:2;position:absolute}.map-pin-tack{background:radial-gradient(circle at 35% 35%,#fca5a5,#b91c1c 60%,#7f1d1d);border-radius:99px;width:14px;height:14px;margin-left:-7px;top:4px;left:50%;box-shadow:0 2px 2px #00000059}.map-pin-tape{background:#ffffff8c;border:1px solid #0000000f;width:70px;height:18px;margin-left:-35px;top:-8px;left:50%;transform:rotate(-3deg)}.map-pin-clip{border:2.5px solid #94a3b8;border-bottom-color:#0000;border-radius:8px;width:12px;height:30px;top:-6px;right:14px}.map-node-capsule .map-pin-tack{margin:0;top:8px;left:auto;right:10px}.map-node:has(>.map-pin-tack):not(.map-node-capsule){padding-top:20px}.map-node:has(>.map-pin-tape){padding-top:20px}.map-knob{z-index:3;background:#2563eb;border:3px solid #fff;border-radius:99px;width:18px;height:18px;position:absolute;box-shadow:0 1px 4px #00000059}.map-knob-resize{cursor:nwse-resize;background:#fff;border:2px solid #2563eb;border-radius:4px;width:14px;height:14px;bottom:-8px;right:-8px}@media (pointer:coarse){.map-knob-resize{width:22px;height:22px;bottom:-12px;right:-12px}}.map-threads{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.map-thread-line{fill:none;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 1px 1px #0000004d)}.map-thread-hit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.map-thread.is-selected .map-thread-line{stroke-width:4.5px}.map-thread-ghost{filter:none}.map-thread-label-wrap{pointer-events:none;overflow:visible}.map-thread-label{pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:1.5px solid;border-radius:99px;width:max-content;max-width:120px;margin:0 auto;padding:1px 7px;font-size:11px;font-weight:700;line-height:18px;overflow:hidden}.map-surface-chalk .map-thread-label,.map-surface-blueprint .map-thread-label,.map-surface-night .map-thread-label{background:#0f172a}.map-marquee{pointer-events:none;background:#2563eb14;border:1.5px dashed #2563eb;position:absolute}.map-empty{color:#374151;text-align:center;pointer-events:none;background:#ffffffeb;border-radius:12px;max-width:360px;padding:14px 16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-zoom{border-radius:10px;display:flex;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:0 2px 8px #0003}.map-zoom button{color:#111827;min-width:34px;height:32px;font:inherit;cursor:pointer;background:#fff;border:0;border-right:1px solid #e5e7eb;font-size:13px;font-weight:700}.map-zoom button:last-child{border-right:0}.map-minimap{cursor:pointer;background:#ffffffe0;border-radius:8px;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0003}.map-minimap rect{fill:#94a3b8}.map-minimap .map-mini-capsule{fill:#2563eb}.map-minimap .map-mini-frame{fill:none;stroke:#94a3b8}.map-minimap .map-mini-view{fill:#2563eb14;stroke:#2563eb;stroke-width:1.5px}.map-panel-toggle{color:#111827;cursor:pointer;background:#ffffffe6;border:0;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000002e}.map-side{flex-direction:column;gap:10px;min-width:0;display:flex;overflow:auto}.map-inspector,.map-rests{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:12px;gap:10px;padding:12px;display:grid}.map-inspector h3,.map-rests h3{margin:0;font-size:14px}.map-inspect-title{margin:0;font-weight:700}.map-inspect-cls{color:var(--text-secondary);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.map-inspect-capsule{gap:8px;display:grid}.map-swatches{flex-wrap:wrap;gap:6px;display:flex}.map-swatch-btn{background:var(--map-card);cursor:pointer;border:1px solid #00000026;border-radius:6px;width:24px;height:24px}.map-swatch-btn.is-on{outline:2px solid var(--text-primary);outline-offset:2px}.map-relations{flex-wrap:wrap;gap:6px;display:flex}.map-rests-bar{border-radius:99px;gap:2px;height:10px;display:flex;overflow:hidden}.map-rests-bar span{min-width:6px}.map-rests-legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.map-rests-legend li{align-items:center;gap:5px;display:inline-flex}.map-rests-line{color:var(--text-secondary);margin:0;font-size:13px}.map-rests-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.map-rests-stats div{background:var(--bg-subtle);border-radius:8px;padding:6px 8px}.map-rests-stats dt{color:var(--text-muted);font-size:11px}.map-rests-stats dd{margin:0;font-size:16px;font-weight:700}.map-rests-stats small{color:var(--text-muted);font-size:11px;font-weight:600}.map-rests-moved h4{margin:0 0 6px;font-size:12px}.map-rests-moved ul{color:var(--text-secondary);gap:4px;margin:0;padding-left:16px;font-size:12px;display:grid}.map-rests-moved a{color:var(--text-primary)}.map-keys{padding:0 4px}.map-dot{z-index:4;cursor:crosshair;opacity:0;background:#fff;border:2.5px solid #2563eb;border-radius:99px;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .12s,transform .12s;position:absolute;transform:scale(.6);box-shadow:0 1px 4px #00000059}.map-dot-top{top:0;left:50%}.map-dot-right{top:50%;left:100%}.map-dot-bottom{top:100%;left:50%}.map-dot-left{top:50%;left:0}.map-node.has-dots:hover .map-dot,.map-node.is-selected .map-dot{opacity:1;transform:scale(1)}.map-dot:hover{background:#2563eb;transform:scale(1.25)!important}@media (pointer:coarse){.map-dot{opacity:.9;width:22px;height:22px;margin:-11px 0 0 -11px;transform:none}}.map-stage.is-connecting,.map-stage.is-connecting .map-node{cursor:crosshair}.map-node.is-target:hover{outline-offset:3px;outline:2.5px dashed #2563eb}.map-node.is-source{outline-offset:3px;outline:3px solid #2563eb;box-shadow:0 0 0 8px #2563eb2e,0 8px 18px #0000001f}.map-tool-connect.is-on{color:#fff;background:#2563eb;border-color:#2563eb}.map-connect-hint{z-index:6;color:#fff;white-space:nowrap;background:#111827;border-radius:99px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font:600 13px system-ui,sans-serif;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.map-connect-hint button{color:#111827;cursor:pointer;background:#fff;border:0;border-radius:99px;padding:5px 12px;font:700 12px system-ui,sans-serif}.map-chooser{z-index:8;background:var(--bg-card);border:1px solid var(--border-color);transform-origin:top;border-radius:12px;flex-wrap:wrap;gap:6px;width:300px;padding:10px;font-family:system-ui,sans-serif;display:flex;position:absolute;box-shadow:0 12px 32px #00000047}.map-chooser-title{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--text-muted);font-size:11px;font-weight:800}.map-chip-danger{color:#dc2626}.map-node-capsule{flex-direction:column;padding:0;display:flex}.map-node-capsule .map-capsule{border-radius:inherit;flex-direction:column;gap:0;height:100%;display:flex;overflow:hidden}.map-capsule-cover{object-fit:cover;pointer-events:none;border-bottom:1px solid #0000000f;flex:1;width:100%;min-height:0;display:block}.map-capsule-text{gap:5px;padding:10px 12px 12px;display:grid}.map-node-capsule.has-cover .map-capsule-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.map-node-capsule.has-cover .map-pin-tack{top:8px;right:10px}.map-node-capsule{cursor:pointer}.map-main:has(>.map-sidepanel) .map-side{display:none}.map-main:has(>.map-sidepanel) .map-board-body{grid-template-columns:minmax(0,1fr)}.map-page-full .map-main{flex-direction:row;gap:10px;position:relative}.map-page-full .map-main>.map-board,.map-page-full .map-main>.grid-app{flex:1;min-width:0}.map-sidepanel{z-index:35;border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;flex-direction:column;flex:none;width:min(460px,42%);animation:.18s ease-out map-slide;display:flex;position:relative}@keyframes map-slide{0%{opacity:0;transform:translate(24px)}}.map-sidepanel-head{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}.map-sidepanel-body{flex:1;min-height:0;padding:16px;overflow:auto}.map-btn.is-on{border-color:var(--text-primary);background:var(--bg-subtle)}.map-preview{color:var(--text-primary);gap:10px;display:grid}.map-preview-cover{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-color);border-radius:10px;width:100%}.map-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-preview-cls{border:1px solid var(--cls);border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.map-preview-cls-text{color:var(--text-muted);font-size:12px}.map-preview-title{margin:2px 0 0;font-size:22px;line-height:1.2}.map-preview-by{color:var(--text-secondary);margin:0;font-size:13px}.map-preview-body{font-size:15px;line-height:1.65}.map-preview-body>.grid{display:block}.map-preview-body>.grid>aside{display:none!important}.map-preview-body p{margin:0 0 12px}.map-preview-sources h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:6px 0;font-size:13px}.map-preview-sources ol{color:var(--text-secondary);gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.map-preview-sources a{color:var(--text-primary)}.map-preview-skeleton{gap:10px;display:grid}.map-preview-skeleton span{background:var(--bg-subtle);border-radius:6px;height:16px;animation:1.4s ease-in-out infinite map-pulse}.map-preview-skeleton span:first-child{height:180px}.map-card-wrap{min-width:0;position:relative}.map-card-wrap>.map-card{height:100%}.map-card-more{z-index:2;border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-primary);cursor:pointer;opacity:.92;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.map-card-more:hover{opacity:1;background:var(--bg-card-hover)}.map-card-menu{z-index:20;border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;min-width:170px;padding:4px;position:absolute;top:42px;right:8px;box-shadow:0 12px 32px #0003}.map-card-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13px;display:block}.map-card-menu button:hover{background:var(--bg-subtle)}.map-card-menu button.is-danger{color:#dc2626}.map-export{display:inline-flex;position:relative}.map-export-menu{z-index:60;border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;gap:2px;width:300px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 40px #00000038}.map-export-menu button{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.map-export-menu button:hover:not(:disabled){background:var(--bg-subtle)}.map-export-menu button:disabled{opacity:.6;cursor:progress}.map-export-menu strong{font-size:13px}.map-export-menu small{color:var(--text-secondary);font-size:12px}.map-export-menu .map-hint{padding:8px 10px}.map-export-menu .map-hint a{color:var(--text-primary);font-weight:600}.map-export-note{border-top:1px solid var(--border-color);color:var(--text-muted);margin:4px 6px 2px;padding-top:8px;font-size:12px}.grid-app{--grid-bg:var(--bg-card);--grid-fg:var(--text-primary);--grid-head:var(--bg-subtle);--grid-head-fg:var(--text-secondary);--grid-head-on:color-mix(in srgb, var(--text-primary) 12%, var(--bg-subtle));--sheet-line:var(--border-color);--grid-head-edge:var(--border-strong,var(--border-color));--grid-sel:color-mix(in srgb, var(--text-primary) 9%, transparent);--grid-accent:var(--text-primary);flex-direction:column;gap:6px;min-width:0;display:flex}.grid-palette-ink,.grid-palette-sage,.grid-palette-ocean,.grid-palette-sunset{--grid-bg:#fff;--grid-fg:#1f1f1f;--grid-head-edge:#cfcfcf}.grid-palette-ink{--grid-head:#f3f4f6;--grid-head-fg:#5f6368;--sheet-line:#e3e3e3;--grid-accent:#111827;--grid-head-on:#e5e7eb;--grid-sel:#11182714}.grid-palette-sage{--grid-head:#eef4ec;--grid-head-fg:#4b6446;--grid-head-on:#dcebd8;--sheet-line:#dfe8dc;--grid-accent:#4d7c45;--grid-sel:#4d7c451f}.grid-palette-ocean{--grid-head:#eef4fb;--grid-head-fg:#3b5b86;--grid-head-on:#d9e7f7;--sheet-line:#dde5ef;--grid-accent:#1d4ed8;--grid-sel:#1d4ed817}.grid-palette-sunset{--grid-head:#fbf1ea;--grid-head-fg:#8a4a24;--grid-head-on:#f7dfcd;--sheet-line:#efe2d8;--grid-accent:#d9480f;--grid-sel:#d9480f17}.map-template-art.grid-palette-classic,.map-card-art.grid-palette-classic{--grid-bg:var(--bg-card);--grid-head:var(--bg-subtle);--sheet-line:var(--border-color)}.map-template-art.grid-palette-ink,.map-card-art.grid-palette-ink{--sheet-line:#0000001a}.grid-ribbon{border:1px solid var(--border-color);background:var(--bg-card);scrollbar-width:none;border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:flex;overflow-x:auto}.grid-ribbon::-webkit-scrollbar{display:none}.grid-group{border-right:1px solid var(--border-color);flex:none;align-items:center;gap:1px;padding:0 5px;display:flex}.grid-group:last-child{border-right:0}.grid-ribbon-spacer{flex:1}.grid-ribbon-spacer+.grid-group{border-left:1px solid var(--border-color)}.grid-tb{min-width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font:600 12px system-ui,sans-serif;display:inline-flex}.grid-tb:hover{background:var(--bg-subtle)}.grid-tb.is-on{background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-hover)}.grid-tb:disabled{opacity:.35;cursor:default;background:0 0}.grid-tb-wide{padding:0 8px}.grid-glyph{font:700 14px/1 system-ui,sans-serif}.grid-select{border:1px solid var(--border-color);background:var(--bg-base);height:28px;color:var(--text-primary);border-radius:6px;margin-right:4px;padding:0 6px;font:12px system-ui,sans-serif}.grid-pop-wrap{display:inline-flex;position:relative}.grid-pop{z-index:60;border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0000002e}.grid-swatches{gap:8px;width:186px;display:grid}.grid-swatches>div{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.grid-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:6px;width:28px;height:28px}.grid-swatch:hover{outline:2px solid var(--text-primary);outline-offset:1px}.grid-swatch-none,.grid-pop-list button{width:100%;color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font:13px system-ui,sans-serif;display:block}.grid-swatch-none:hover,.grid-pop-list button:hover{background:var(--bg-subtle)}.grid-pop-list{min-width:220px;padding:4px}.grid-formula{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;align-items:stretch;display:flex}.grid-namebox{border:0;border-right:1px solid var(--border-color);width:104px;color:var(--text-primary);background:0 0;border-radius:8px 0 0 8px;outline:none;flex:none;padding:0 10px;font:600 13px ui-monospace,Menlo,monospace}.grid-namebox:focus{box-shadow:inset 0 0 0 2px var(--grid-accent)}.grid-fx{width:34px;color:var(--text-muted);border-right:1px solid var(--border-color);flex:none;place-items:center;font:italic 600 13px Georgia,serif;display:grid}.grid-formula-field{flex:1;min-width:0;position:relative}.grid-formula-field>input{width:100%;height:32px;color:var(--text-primary);background:0 0;border:0;outline:none;padding:0 10px;font:13px ui-monospace,Menlo,monospace}.grid-suggest{z-index:70;border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;width:min(460px,100%);padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #0000002e}.grid-suggest button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:6px 8px;display:grid}.grid-suggest button.is-on,.grid-suggest button:hover{background:var(--grid-sel)}.grid-suggest strong{font:600 12px ui-monospace,Menlo,monospace}.grid-suggest span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font:12px system-ui,sans-serif;overflow:hidden}.grid-suggest-sig{color:var(--text-secondary);border-top:1px solid var(--border-color);padding:6px 8px 4px;font:12px system-ui,sans-serif}.grid-suggest-sig:first-child{border-top:0}.grid-suggest-sig code{color:var(--text-primary);font:600 12px ui-monospace,Menlo,monospace}.grid-filterbar{background:var(--bg-subtle);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font:12px system-ui,sans-serif;display:flex}.grid-filterbar input{border:1px solid var(--border-color);background:var(--bg-card);min-width:0;height:28px;color:var(--text-primary);font:inherit;border-radius:6px;flex:1;padding:0 8px;font-size:13px}.grid-msg{background:var(--bg-subtle);border-radius:8px;padding:6px 10px;font-size:13px}.grid-workspace{gap:8px;min-height:0;display:flex}.grid-frame{border:1px solid var(--border-color);background:var(--grid-bg);min-width:0;height:calc(100dvh - 394px);min-height:340px;color:var(--grid-fg);border-radius:8px;outline:none;flex:1;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid;overflow:hidden}.grid-corner{background:var(--grid-head);border-right:1px solid var(--sheet-line);border-bottom:1px solid var(--sheet-line);cursor:pointer;position:relative}.grid-corner:after{content:"";border-style:solid;border-width:0 0 9px 9px;border-color:transparent transparent var(--grid-head-edge) transparent;position:absolute;bottom:3px;right:3px}.grid-strip{position:relative;overflow:hidden}.grid-strip>div{position:absolute;inset:0}.grid-frozen{background:var(--grid-bg);box-shadow:1px 1px 0 var(--grid-head-edge);z-index:1}.grid-body{position:relative;overflow:auto}.grid-col-head,.grid-row-head{box-sizing:border-box;background:var(--grid-head);color:var(--grid-head-fg);-webkit-user-select:none;user-select:none;cursor:pointer;place-items:center;font-size:11.5px;font-weight:500;display:grid;position:absolute}.grid-col-head{border-right:1px solid var(--sheet-line);border-bottom:1px solid var(--grid-head-edge);height:24px;top:0}.grid-row-head{border-right:1px solid var(--grid-head-edge);border-bottom:1px solid var(--sheet-line);place-items:center end;width:46px;padding-right:8px;left:0}.grid-col-head.is-on,.grid-row-head.is-on{background:var(--grid-head-on);color:var(--grid-accent);font-weight:700}.grid-col-head.is-on{box-shadow:inset 0 -2px 0 var(--grid-accent)}.grid-row-head.is-on{box-shadow:inset -2px 0 0 var(--grid-accent)}.grid-col-resize{cursor:col-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0;right:-4px}.grid-col-resize:hover{background:linear-gradient(90deg, transparent 3px, var(--grid-accent) 3px, var(--grid-accent) 5px, transparent 5px)}.grid-cell{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--sheet-line);border-bottom:1px solid var(--sheet-line);cursor:cell;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;padding:0 6px;font-size:13px;line-height:25px;position:absolute;overflow:hidden}.grid-lines-light .grid-cell{border-color:color-mix(in srgb, var(--sheet-line) 45%, transparent)}.grid-lines-none .grid-cell{border-color:#0000}.grid-cell.is-err{color:#c62828;font-weight:600}.grid-cell.is-sel{box-shadow:inset 0 0 0 9999px var(--grid-sel)}.grid-cell.is-fill{box-shadow:inset 0 0 0 9999px #00000008}.grid-cell-input{z-index:3;border:2px solid var(--grid-accent);background:var(--grid-bg);width:max(100% + 2px,220px);min-width:calc(100% + 2px);color:var(--grid-fg);outline:none;padding:0 6px;font:13px system-ui,sans-serif;position:absolute;inset:-1px;box-shadow:0 6px 18px #00000024}.grid-cite-mark{border-top:0 solid #0000;border-bottom:7px solid #0000;border-left:0 solid #0000;border-right:7px solid #1a7f4b;position:absolute;top:0;right:0}.grid-outline{z-index:2;box-sizing:border-box;border:2px solid var(--grid-accent);pointer-events:none;position:absolute}.grid-fill-outline{z-index:2;box-sizing:border-box;border:2px dashed var(--grid-accent);pointer-events:none;position:absolute}.grid-handle{z-index:4;background:var(--grid-accent);border:1.5px solid var(--grid-bg);cursor:crosshair;width:8px;height:8px;position:absolute}@media (pointer:coarse){.grid-handle{width:14px;height:14px}}.grid-charts-panel{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;flex-direction:column;flex:none;gap:10px;width:340px;padding:10px;display:flex;overflow:auto}.grid-charts-head{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.grid-chart{border:1px solid var(--border-color);background:var(--bg-base);color:var(--text-primary);border-radius:10px;margin:0;padding:10px}.grid-chart-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.grid-chart figcaption{font-size:13px;font-weight:700}.grid-chart svg{width:100%;height:auto;display:block}.grid-chart-axis{stroke:var(--border-strong,#9ca3af)}.grid-chart-tick{fill:var(--text-muted);font-size:10px}.grid-chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.grid-chart-legend span{border-radius:3px;width:9px;height:9px;margin-right:4px;display:inline-block}.grid-chart-empty{color:var(--text-muted);font-size:13px}.grid-statusbar{min-height:32px;color:var(--text-secondary);align-items:center;gap:12px;padding:0 4px;font:12px system-ui,sans-serif;display:flex}.grid-sheets{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.grid-sheet-tab{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:5px 14px;font:600 12px system-ui,sans-serif}.grid-sheet-tab:hover{color:var(--text-primary);background:var(--bg-subtle)}.grid-sheet-tab.is-on{color:var(--grid-accent);border-bottom-color:var(--grid-accent);background:var(--bg-card)}.grid-sheet-add{border:1px solid var(--border-color);background:var(--bg-card);width:26px;height:26px;color:var(--text-primary);cursor:pointer;border-radius:6px;margin:0 6px 0 2px;font-size:15px}.grid-sheets .map-link-btn{white-space:nowrap;margin-left:6px}.grid-status{white-space:nowrap;align-items:center;gap:14px;margin-left:auto;display:flex}.grid-stats{gap:14px;display:flex}.grid-stats b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.grid-status-cite{text-overflow:ellipsis;align-items:center;gap:6px;max-width:320px;display:inline-flex;overflow:hidden}.grid-status-cite a{color:var(--text-primary)}.grid-coverage{font-weight:600}.grid-coverage.is-full{color:#1a7f4b}.grid-status-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font:600 12px system-ui,sans-serif;display:inline-flex}.grid-status-btn.is-on{border-color:var(--grid-accent);color:var(--grid-accent)}.grid-menu{z-index:90;border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;min-width:210px;padding:4px;position:fixed;box-shadow:0 14px 40px #00000038}.grid-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font:13px system-ui,sans-serif;display:block}.grid-menu button:hover{background:var(--bg-subtle)}.grid-menu hr{border:0;border-top:1px solid var(--border-color);margin:4px 6px}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.map-page{padding:8px 0}.map-page-full{padding:8px 10px}.map-sidepanel{border-radius:16px 16px 0 0;width:auto;max-height:75dvh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000040}.map-modes{grid-template-columns:minmax(0,1fr)}.map-mode-art{width:72px;height:54px}.map-board-body{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 278px);min-height:380px}.map-side{z-index:40;background:var(--bg-base);border-radius:16px 16px 0 0;max-height:45dvh;padding:10px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0003}.map-toolbar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.map-toolbar-group{flex-wrap:nowrap}.map-minimap{display:none}.map-head-title h1{font-size:17px}.grid-frame{height:calc(100dvh - 378px)}.grid-charts-panel{z-index:40;border-radius:16px 16px 0 0;width:auto;max-height:55dvh;position:fixed;bottom:0;left:0;right:0}.grid-status .grid-stats span:nth-child(n+3){display:none}.grid-namebox{width:74px}.map-people-add{grid-template-columns:minmax(0,1fr) auto}.map-people-add button{grid-column:1/-1}}.mthumb{pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}.mthumb-world{transform-origin:0 0;transition:opacity .16s;position:absolute;top:0;left:0}.mthumb-origin{position:absolute}.mthumb .map-node{cursor:default}.mthumb-label{z-index:3;align-items:center;width:120px;height:24px;display:flex;position:absolute}:where(.mthumb-grid){--grid-bg:var(--bg-card);--grid-fg:var(--text-primary);--grid-head:var(--bg-subtle);--grid-head-fg:var(--text-secondary);--sheet-line:var(--border-color);--grid-head-edge:var(--border-strong,var(--border-color));--grid-accent:var(--text-primary)}.mthumb-grid{background:var(--grid-bg)}.mthumb-sheet{color:var(--grid-fg);display:block;position:relative}.mthumb-sheet .grid-cell{cursor:default}.mthumb-sheet .mthumb-frozen{box-shadow:inset 0 -1px 0 var(--grid-head-edge)}.mthumb-chartcard{width:min(380px,48%);position:absolute;top:40px;right:18px}.mthumb-chartcard .grid-chart{background:var(--grid-bg);color:var(--grid-fg);box-shadow:0 8px 22px #00000029}.mthumb-chartcard .grid-chart svg{width:100%;height:auto}.map-palette-classic{background:linear-gradient(var(--bg-subtle) 0 40%, var(--bg-card) 40%)}.map-palette-ink{background:linear-gradient(#111827 0 40%,#f3f4f6 40%)}.map-palette-sage{background:linear-gradient(#4d7c45 0 40%,#eef4ec 40%)}.map-palette-ocean{background:linear-gradient(#1d4ed8 0 40%,#eef4fb 40%)}.map-palette-sunset{background:linear-gradient(#d9480f 0 40%,#fbf1ea 40%)}.mx{gap:40px;min-width:0;max-width:1180px;margin:0 auto;padding:4px 8px 56px;display:grid}.mx-h1{letter-spacing:-.025em;color:var(--text-primary);margin:6px 0 10px;font-size:clamp(28px,4.2vw,44px);line-height:1.05}.mx-crumb{color:var(--text-muted);font-size:13px;font-weight:600;text-decoration:none}.mx-crumb:hover{color:var(--text-primary)}.mx-new{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.mx-new .map-btn{gap:6px}.mx-join{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.mx-join small{color:var(--text-muted);flex-basis:100%;font-size:12px}.mx-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:32px;padding-top:8px;display:grid}.mx-hero-art{aspect-ratio:16/10.5;position:relative}.mx-hero-board{border-radius:18px;inset:0 14% 12% 0;box-shadow:0 18px 40px #0000002e;width:auto!important;height:auto!important;position:absolute!important}.mx-hero-grid{border:1px solid var(--border-color);border-radius:14px;inset:46% 0 0 42%;box-shadow:0 14px 34px #0000002e;width:auto!important;height:auto!important;position:absolute!important}.mx-feature{border:1px solid var(--border-color);background:var(--bg-card);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000001f}.mx-feature-stage{display:grid}.mx-feature-slide{color:var(--text-primary);opacity:0;visibility:hidden;grid-area:1/1;text-decoration:none;transition:opacity .65s,visibility .65s;display:grid}.mx-feature-slide.is-on{opacity:1;visibility:visible}.mx-feature-slide:focus-visible{outline:2px solid var(--text-primary);outline-offset:-4px;border-radius:20px}.mx-feature-art{aspect-ratio:16/9;border-bottom:1px solid var(--border-color);position:relative}.mx-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:20px;right:18px}.mx-dots button{background:var(--border-hover,var(--border-color));cursor:pointer;border:0;border-radius:99px;width:18px;height:5px;padding:0;transition:width .2s,background .2s;overflow:hidden}.mx-dots button.is-on{background:color-mix(in srgb, var(--text-primary) 25%, transparent);width:36px}.mx-dots button i{background:var(--text-primary);transform-origin:0;height:100%;animation:linear forwards mx-progress;display:block}@keyframes mx-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.mx-feature-slide{transition:none}}.mx-feature-body{gap:8px;padding:16px 140px 18px 18px;display:grid}.mx-feature-body>strong{letter-spacing:-.01em;font-size:19px;line-height:1.25}.mx-feature-mix{color:var(--text-secondary);font-size:12px}.mx-sec{gap:14px;min-width:0;display:grid}.mx-sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.mx-sec-head h2{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:20px}.mx-sec-head .mx-new{margin-top:0}.mx-sec-note{color:var(--text-muted);flex-basis:100%;font-size:13px}.mx-all{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.mx-all:hover{color:var(--text-primary)}.mx-empty{border:1px dashed var(--border-color);color:var(--text-muted);text-align:center;border-radius:16px;margin:0;padding:28px;font-size:14px}.mx-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.map-filter a{border-right:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.map-filter a:last-child{border-right:0}.map-filter a.is-on{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.mx-search{border:1px solid var(--border-color);background:var(--bg-card);min-width:0;height:38px;color:var(--text-muted);border-radius:99px;flex:0 320px;align-items:center;gap:8px;padding:0 14px;display:flex}.mx-search:focus-within{border-color:var(--text-primary)}.mx-search input{min-width:0;color:var(--text-primary);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;font-size:14px}.mx-search input::-webkit-search-decoration{-webkit-appearance:none}.mx-search input::-webkit-search-cancel-button{-webkit-appearance:none}.mx-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mx-cards-sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mx-card{border:1px solid var(--border-color);background:var(--bg-card);min-width:0;color:var(--text-primary);will-change:transform;border-radius:16px;grid-template-rows:auto 1fr;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .16s;display:grid;position:relative;transform:translateZ(0)}.mx-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;will-change:opacity;transition:opacity .22s;position:absolute;inset:0;box-shadow:0 18px 38px #00000029,0 4px 10px #0000000f}.mx-card:hover{border-color:var(--border-hover);transform:translateY(-6px)}.mx-card:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.mx-card,.mx-card:after{transition:none}.mx-card:hover{transform:none}}.mx-more-row{justify-content:center;margin-top:16px;display:flex}.mx-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.mx-card-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.mx-card-art{aspect-ratio:16/10;border-bottom:1px solid var(--border-color);content-visibility:auto;border-radius:15px 15px 0 0;position:relative;overflow:hidden}.mx-cards-sm .mx-card-art{aspect-ratio:16/9}.mx-chip{color:#fff;letter-spacing:.02em;background:#111827db;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.mx-chip-aud{color:#111827;background:#ffffffeb}.mx-chip-flat{background:var(--bg-subtle);color:var(--text-secondary);justify-self:start;position:static}.mx-card-body{align-content:start;gap:8px;min-width:0;padding:12px 14px 14px;display:grid}.mx-card-title{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;padding-right:26px;font-size:15px;line-height:1.3;overflow:hidden}.mx-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.mx-card-rests{color:var(--text-muted);gap:6px;font-size:12px;display:grid}.mx-mix{display:block}.mx-mix-bar{background:var(--bg-subtle);border-radius:99px;gap:2px;height:6px;display:flex;overflow:hidden}.mx-mix-bar i{min-width:4px;display:block}.mx-card-foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-top:2px;font-size:12px;display:flex}.mx-owner{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.mx-card-foot time{flex:none}.mx-more{z-index:2;opacity:1;color:#111827;background:#ffffffeb;border-color:#0000001f}.mx-chips{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:48px}.mx-chips .mx-chip{position:static}.mx-start{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mx-start-card{border:1px dashed var(--border-hover);background:var(--bg-card);color:var(--text-primary);border-radius:16px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.mx-start-card:hover{background:var(--bg-card-hover);border-style:solid}.mx-start-card>span:last-child{gap:3px;display:grid}.mx-start-card small{color:var(--text-secondary);font-size:13px}.mx-examples{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.mx-example{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:16px;gap:10px;padding:10px 10px 14px;text-decoration:none;transition:border-color .16s,background .16s;display:grid}.mx-example:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.mx-example>.mthumb{aspect-ratio:16/10;border-radius:11px;height:auto}.mx-example>span:not(.mthumb){gap:3px;padding:0 4px;display:grid}.mx-example small{color:var(--text-secondary);font-size:12px;line-height:1.4}.mx-example .mx-chip-flat{margin-left:4px}.mc-back{max-width:1180px;margin:0 auto;padding:4px 8px 0}.mc{gap:22px;min-width:0;max-width:1180px;margin:0 auto;padding:10px 8px 56px;display:grid}.mc-head h1{letter-spacing:-.025em;color:var(--text-primary);margin:6px 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.08}.mc-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.mc-templates{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.mc-tpl{text-align:left;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:16px;gap:8px;padding:8px 8px 12px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.mc-tpl:hover{border-color:var(--border-hover);transform:translateY(-1px)}.mc-tpl.is-on{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--bg-subtle)}.mc-tpl-art{aspect-ratio:16/10;border-radius:10px;height:auto!important}.mc-tpl-text{gap:3px;padding:0 4px;display:grid}.mc-tpl-text strong{font-size:14px}.mc-tpl-text small{color:var(--text-secondary);font-size:12px;line-height:1.4}.mc-panel{border:1px solid var(--border-color);background:var(--bg-card);border-radius:20px;gap:14px;padding:14px;display:grid;position:sticky;top:76px;box-shadow:0 14px 34px #00000014}.mc-preview{aspect-ratio:16/10;border:1px solid var(--border-color);border-radius:14px;height:auto!important}.mc-preview-cap{color:var(--text-muted);margin:-6px 2px 0;font-size:12px;line-height:1.4}.mc-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.mc-field>span,.mc-field>legend{color:var(--text-secondary);margin-bottom:2px;padding:0;font-size:12px;font-weight:700}.mc-field em{color:var(--text-muted);margin-left:4px;font-style:normal;font-weight:500}.mc-field input,.mc-field textarea,.mc-field select{border:1px solid var(--border-color);background:var(--bg-base);width:100%;color:var(--text-primary);font:inherit;resize:vertical;border-radius:10px;padding:9px 11px;font-size:14px}.mc-field input:focus,.mc-field textarea:focus,.mc-field select:focus{border-color:var(--text-primary);outline:none}.mc-swatches{flex-wrap:wrap;gap:8px;display:flex}.mc-swatch{cursor:pointer;border:1px solid #00000026;border-radius:10px;width:34px;height:34px;padding:0}.mc-swatch.is-on{outline:2px solid var(--text-primary);outline-offset:2px}.mc-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.mc-home{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.mc-home.is-on{border-color:var(--text-primary);background:var(--bg-subtle)}.mc-home input[type=radio]{opacity:0;pointer-events:none;position:absolute}.mc-home:has(input:focus-visible){outline:2px solid var(--text-primary);outline-offset:2px}.mc-home>svg{flex:none;margin-top:2px}.mc-home>span{gap:3px;min-width:0;display:grid}.mc-home strong{font-size:14px}.mc-home small{color:var(--text-secondary);font-size:12px;line-height:1.4}.mc-home select{margin-top:6px}.mc-go{justify-content:center;height:44px;font-size:15px}@media (max-width:900px){.mx-hero{grid-template-columns:1fr;gap:22px}.mc-layout{grid-template-columns:1fr}.mc-panel{position:static}}@media (max-width:560px){.mx{gap:32px}.mx-feature-body{padding-bottom:38px;padding-right:18px}.mx-dots{bottom:16px}.mx-start{grid-template-columns:1fr}.mx-search{flex-basis:100%}.mx-cards,.mx-cards-sm{grid-template-columns:1fr}.mc-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}