@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--hf-ink: #FAF9F6;--hf-ink-soft: #999999;--hf-paper: #0A0A0A;--hf-paper-2: #1C1C1C;--hf-line: #2A2A2A;--hf-muted: #777777;--hf-accent: #F7A223;--hf-accent-2: #FFBA4C;--hf-link: #C4811A;--hf-canvas: #0A0A0A;--hf-canvas-2: #141414;--hf-card: #1C1C1C;--hf-card-line: #2A2A2A;--hf-on-dark: #FAF9F6;--hf-on-dark-mut:#777777;--t-conflict: #c04040;--t-alliance: #7a9a6a;--t-family: #c0a030;--t-secret: #9a8ab0;--t-info: #a09888;--t-supernatural: #5a7a9a;--grp-1: #F7A223;--grp-2: #7a6a5a;--grp-3: #6a7a8a;--grp-4: #c04040;--grp-5: #7a8b6a;--grp-6: #8a7aaa;--grp-7: #5a7a9a;--hf-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;--hf-serif: "Inter", "Helvetica Neue", Arial, sans-serif;--hf-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--hf-radius: 6px;--hf-shadow: 0 2px 8px rgba(0,0,0,.4);--hf-shadow-lg: 0 10px 40px rgba(0,0,0,.6);--hf-topbar: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--hf-serif);font-size:15px;color:var(--hf-ink);background:var(--hf-paper);-webkit-font-smoothing:antialiased}a{color:var(--hf-link)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hf-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .95rem;border-radius:4px;cursor:pointer;border:1px solid var(--hf-line);background:var(--hf-paper-2);color:var(--hf-ink);transition:background .15s,border-color .15s,transform .05s}.btn:hover{border-color:var(--hf-accent)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--hf-accent);border-color:var(--hf-accent);color:#fff}.btn-primary:hover{background:var(--hf-link)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#ffffff0f;border-color:transparent}.btn.sm{padding:.32rem .6rem;font-size:.66rem}.btn[disabled]{opacity:.5;pointer-events:none}.dark-chrome .btn{background:#ffffff0f;border-color:#ffffff24;color:var(--hf-on-dark)}.dark-chrome .btn:hover{border-color:var(--hf-accent)}.dark-chrome .btn.active,.dark-chrome .btn-primary{background:var(--hf-accent);border-color:var(--hf-accent);color:#fff}.topbar{position:sticky;top:0;z-index:200;height:var(--hf-topbar);display:flex;align-items:center;gap:1rem;padding:0 1.1rem;background:#141414;color:var(--hf-on-dark);border-bottom:1px solid var(--hf-line);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.55rem;cursor:pointer;text-decoration:none;color:inherit}.brand .mark{width:26px;height:26px;border-radius:5px;display:grid;place-items:center;background:var(--hf-accent);color:#fff;font-family:var(--hf-display);font-size:1rem;line-height:1}.brand .name{font-family:var(--hf-display);font-size:1.05rem;font-weight:400;letter-spacing:-.01em}.brand .name b{color:var(--hf-accent);font-weight:700}.topbar .spacer{flex:1}.topbar .who{font-family:var(--hf-mono);font-size:.7rem;color:var(--hf-on-dark-mut)}.view{display:none}.view.active{display:block}.wrap{max-width:1080px;margin:0 auto;padding:2.4rem 1.4rem 4rem}.hero{text-align:center;padding:4rem 1.4rem 2.4rem;max-width:760px;margin:0 auto}.hero h1{font-family:var(--hf-display);font-weight:700;font-size:2.8rem;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.hero h1 em{color:var(--hf-accent);font-style:normal}.hero p.lede{font-size:1.18rem;color:var(--hf-ink-soft);line-height:1.5;margin-bottom:1.8rem}.hero .cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.kicker{font-family:var(--hf-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--hf-accent);margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;max-width:980px;margin:2.6rem auto 0}.feature{background:var(--hf-paper-2);border:1px solid var(--hf-line);border-radius:var(--hf-radius);padding:1.2rem;text-align:left}.feature h3{font-family:var(--hf-display);font-weight:400;font-size:1.1rem;margin-bottom:.4rem}.feature p{color:var(--hf-muted);font-size:.95rem;line-height:1.45}.feature .ic{font-size:1.3rem;margin-bottom:.5rem;display:block}.site-foot{text-align:center;padding:2rem 1rem 3rem;color:var(--hf-muted);font-family:var(--hf-mono);font-size:.7rem;letter-spacing:.04em}.dash-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.6rem}.dash-head h2{font-family:var(--hf-display);font-weight:400;font-size:1.8rem}.dash-head .spacer{flex:1}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem}.map-card{background:var(--hf-paper-2);border:1px solid var(--hf-line);border-radius:var(--hf-radius);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.map-card:hover{border-color:var(--hf-accent);box-shadow:var(--hf-shadow)}.map-thumb{height:120px;background:var(--hf-canvas);position:relative;overflow:hidden;display:grid;place-items:center}.map-thumb svg{width:100%;height:100%}.map-meta{padding:.8rem .9rem}.map-meta h3{font-family:var(--hf-display);font-weight:400;font-size:1.1rem;line-height:1.2}.map-meta .sub{font-family:var(--hf-mono);font-size:.62rem;color:var(--hf-muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em}.map-card .row{display:flex;gap:.4rem;padding:0 .9rem .8rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--hf-muted)}.cloud-pill{font-family:var(--hf-mono);font-size:.6rem;padding:1px 6px;border-radius:3px;letter-spacing:.04em}.cloud-pill.local{background:#2a2518;color:#c4811a}.cloud-pill.synced{background:#1a2a1a;color:#7a9a6a}#editor-view{position:fixed;inset:0;display:none;flex-direction:column;background:var(--hf-canvas)}#editor-view.active{display:flex}.editor-bar{height:var(--hf-topbar);flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:0 .9rem;background:var(--hf-canvas-2);color:var(--hf-on-dark);border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-bar>*{flex-shrink:0}.editor-bar .title-input{font-family:var(--hf-display);font-size:1.05rem;background:transparent;border:1px solid transparent;color:var(--hf-on-dark);padding:.25rem .5rem;border-radius:4px;min-width:180px;max-width:280px}.editor-bar .title-input:hover{border-color:#ffffff26}.editor-bar .title-input:focus{outline:none;border-color:var(--hf-accent);background:#0003}.editor-bar .spacer{flex:1}.editor-bar .group{display:flex;gap:.3rem}.bar-sep{width:1px;height:22px;background:#ffffff1a;margin:0 .25rem;align-self:center;flex-shrink:0}.save-state{font-family:var(--hf-mono);font-size:.62rem;color:var(--hf-on-dark-mut);min-width:50px}.save-state.dirty{color:var(--hf-accent-2)}.view-toggle{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:4px;overflow:hidden}.view-toggle-opt{font-family:var(--hf-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:.38rem .75rem;border:none;background:transparent;color:var(--hf-on-dark-mut);cursor:pointer;transition:background .15s,color .15s}.view-toggle-opt:hover{background:#ffffff0f;color:var(--hf-on-dark)}.view-toggle-opt.active{background:var(--hf-accent);color:#fff}.editor-stage{position:relative;flex:1;overflow:hidden}#map{position:absolute;top:0;left:0;transform-origin:0 0;touch-action:none}svg#lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}svg#lines .handle{pointer-events:all;cursor:grab}svg#lines .handle:hover{fill:#c8b4a066}svg#lines path.edge.selected{stroke-width:4;filter:drop-shadow(0 0 4px currentColor)}.card,.plot-box,.legend,.note{position:absolute;z-index:2;cursor:grab}.card{border:1.5px solid var(--hf-card-line);border-radius:4px;background:var(--hf-card);width:200px;box-shadow:0 2px 8px #0000004d;color:var(--hf-on-dark)}.card.selected{outline:2px solid var(--hf-accent-2);outline-offset:2px}.card:hover{box-shadow:0 4px 16px #0006}.card-header{padding:.35rem .6rem;border-radius:2px 2px 0 0;color:#fff;font-family:var(--hf-display);font-weight:400;font-size:.92rem;border-bottom:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;gap:.4rem}.card-role-tag{font-family:var(--hf-mono);font-size:.58rem;font-weight:500;opacity:.8;letter-spacing:.04em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.card-img{width:100%;height:96px;object-fit:cover;display:block;background:#0d0b09}.card-body{padding:.45rem .6rem}.card-detail{font-size:.72rem;color:#9a8f7d;font-style:italic;line-height:1.32}.pill{position:absolute;z-index:4;display:inline-block;cursor:grab;font-family:var(--hf-mono);font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:3px;white-space:normal;max-width:160px;line-height:1.5;letter-spacing:.02em;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pill-conflict{background:#3c2020;color:#e06060;border:1px solid #6b3030}.pill-alliance{background:#252e22;color:#9aba8a;border:1px solid #3e4e36}.pill-family{background:#362f18;color:#d0b840;border:1px solid #5a4c1e}.pill-secret{background:#2c2834;color:#b0a0c8;border:1px solid #4a4058}.pill-info{background:#2c2a26;color:#b8b0a0;border:1px solid #4a4640}.pill-supernatural{background:#1e2630;color:#80aad0;border:1px solid #2e4050}.pill-dot{position:absolute;z-index:5;width:10px;height:10px;border-radius:50%;cursor:pointer;opacity:.7;transition:opacity .15s,transform .15s;transform:translate(-5px,-5px)}.pill-dot:hover{opacity:1;transform:translate(-5px,-5px) scale(1.4)}.pill-dot-conflict{background:#e06060}.pill-dot-alliance{background:#9aba8a}.pill-dot-family{background:#d0b840}.pill-dot-secret{background:#b0a0c8}.pill-dot-info{background:#b8b0a0}.pill-dot-supernatural{background:#80aad0}.pill-tooltip{position:absolute;z-index:20;pointer-events:none;font-family:var(--hf-mono);font-size:.6rem;font-weight:500;padding:3px 8px;border-radius:3px;white-space:nowrap;max-width:220px;line-height:1.5;background:#14110df5;color:#d0c8b8;border:1px solid rgba(160,152,136,.4);box-shadow:0 2px 8px #00000080;opacity:0;transition:opacity .15s}.pill-tooltip.visible{opacity:1}.plot-box{border:1.5px solid var(--hf-accent);border-radius:4px;background:var(--hf-card);padding:.45rem .65rem;width:195px;box-shadow:0 2px 8px #0000004d;color:var(--hf-on-dark)}.plot-box h3{font-family:var(--hf-display);font-size:.82rem;font-weight:400;color:var(--hf-accent-2);margin-bottom:.2rem}.plot-box p{font-size:.72rem;color:var(--hf-on-dark-mut);line-height:1.4}.plot-chars{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.08);max-height:52px;overflow:hidden}.plot-char-tag{font-family:var(--hf-mono);font-size:.56rem;font-weight:500;padding:1px 5px;border-radius:2px;background:#ffffff14;color:var(--hf-on-dark-mut);letter-spacing:.02em}#map.plot-focus .card{opacity:.12;transition:opacity .2s ease}#map.plot-focus .card.plot-highlight{opacity:1}#map.plot-focus svg#lines{opacity:.08;transition:opacity .2s ease}#map.plot-focus .pill,#map.plot-focus .pill-dot{opacity:.08;transition:opacity .2s ease}#map.plot-focus .plot-box{opacity:.15;transition:opacity .2s ease}#map.plot-focus .plot-box.plot-hover-source{opacity:1}.note{font-size:.78rem;color:#9a8f7d;font-style:italic}.legend{background:var(--hf-card);border:1px solid var(--hf-card-line);border-radius:4px;padding:.6rem .8rem;font-size:.78rem;font-family:var(--hf-mono);color:var(--hf-on-dark-mut);box-shadow:0 2px 8px #0000004d}.legend-title{font-weight:600;font-size:.62rem;margin-bottom:.4rem;color:var(--hf-accent-2);text-transform:uppercase;letter-spacing:.08em}.legend .pill{position:static;cursor:default}.card,.plot-box{transition:opacity .3s ease,transform .3s ease}path.edge,.pill{transition:opacity .3s ease}.player-mode .card:not(.met){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.95)}.player-mode .card-body{display:none}.player-mode .edge-unmet{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.player-mode .handle-unmet{display:none!important}.player-mode .pill-unmet,.player-mode .gm-only{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.player-mode .plot-box{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.95)}.player-mode .pill-secret{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.img-uploaded-tag{color:var(--hf-on-dark-mut);font-style:italic;cursor:default}.onboarding-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;text-align:center;font-family:var(--hf-serif);font-size:1rem;color:var(--hf-on-dark-mut);opacity:.5;transition:opacity .5s ease}.onboarding-hint kbd{font-family:var(--hf-mono);font-size:.72rem;padding:2px 6px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#ffffff0f}.onboarding-hint.hidden{opacity:0}body.dragging,body.dragging *{cursor:grabbing!important}.card.transitioning,.plot-box.transitioning,.legend.transitioning,.note.transitioning{transition:left .4s ease,top .4s ease}.editor-stage.mode-connect,.editor-stage.mode-connect .card{cursor:crosshair}.card .card-edit-btn{position:absolute;top:4px;right:4px;z-index:6;width:20px;height:20px;border-radius:3px;border:none;background:#00000059;color:#fff;font-size:.7rem;cursor:pointer;display:none;place-items:center;line-height:1}.editor-stage.mode-edit .card:hover .card-edit-btn{display:grid}.card.connect-source{outline:2px dashed var(--hf-accent-2);outline-offset:2px}.inspector{position:absolute;top:0;right:0;bottom:0;width:320px;z-index:50;background:var(--hf-canvas-2);border-left:1px solid rgba(255,255,255,.1);color:var(--hf-on-dark);transform:translate(100%);transition:transform .2s ease;display:flex;flex-direction:column;overflow:hidden}.inspector.open{transform:translate(0)}.inspector .insp-head{display:flex;align-items:center;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}.inspector .insp-head h3{font-family:var(--hf-display);font-weight:400;font-size:1.1rem;flex:1}.inspector .insp-body{padding:.9rem;overflow-y:auto;flex:1}.field{margin-bottom:.85rem}.field label{display:block;font-family:var(--hf-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--hf-on-dark-mut);margin-bottom:.3rem}.field input[type=text],.field textarea,.field select{width:100%;background:var(--hf-card);border:1px solid var(--hf-card-line);color:var(--hf-on-dark);border-radius:4px;padding:.45rem .55rem;font-family:var(--hf-serif);font-size:.9rem}.field textarea{resize:vertical;min-height:48px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--hf-accent)}.swatches{display:flex;gap:.4rem;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent}.swatch.sel{border-color:#fff}.img-preview{width:100%;height:110px;object-fit:cover;border-radius:5px;background:#000;margin-bottom:.5rem;display:none}.img-preview.show{display:block}.field .check{text-transform:none;font-family:var(--hf-serif);font-size:.78rem;letter-spacing:normal;margin-bottom:.15rem}.insp-foot{padding:.7rem .9rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:.5rem}.autosave-hint{font-family:var(--hf-mono);font-size:.58rem;color:var(--hf-on-dark-mut);opacity:.6;align-self:center}.modal-back{position:fixed;inset:0;z-index:500;background:#0a080699;display:none;align-items:center;justify-content:center;padding:1rem}.modal-back.open{display:flex}.modal{background:var(--hf-paper-2);color:var(--hf-ink);border-radius:8px;width:100%;max-width:420px;box-shadow:var(--hf-shadow-lg);overflow:hidden}.modal .modal-head{padding:1.1rem 1.3rem .3rem}.modal h2{font-family:var(--hf-display);font-weight:400;font-size:1.5rem}.modal .modal-body{padding:.6rem 1.3rem 1.3rem}.modal .field label{color:var(--hf-muted)}.modal .field input{background:var(--hf-paper);border-color:var(--hf-line);color:var(--hf-ink)}.modal .muted{color:var(--hf-muted);font-size:.85rem;line-height:1.45}.modal .divider{display:flex;align-items:center;gap:.6rem;margin:1rem 0;color:var(--hf-muted);font-family:var(--hf-mono);font-size:.65rem}.modal .divider:before,.modal .divider:after{content:"";flex:1;height:1px;background:var(--hf-line)}.modal .check{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:var(--hf-ink-soft);margin-top:.6rem}.modal .close-x{position:absolute}.banner{font-family:var(--hf-mono);font-size:.7rem;padding:.4rem .7rem;border-radius:4px;margin-top:.5rem}.banner.err{background:#3c2020;color:#e08a8a}.banner.ok{background:#1e2e1a;color:#8aba7a}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%) translateY(140%);background:#1c1c1c;color:var(--hf-on-dark);border:1px solid var(--hf-line);padding:.6rem 1.1rem;border-radius:6px;font-family:var(--hf-mono);font-size:.72rem;z-index:600;box-shadow:var(--hf-shadow-lg);transition:transform .25s ease;max-width:90vw}.toast.show{transform:translate(-50%) translateY(0)}@media (max-width: 640px){.hero h1{font-size:2rem}.inspector{width:100%}}