.dui-fantasy.maps .maps-page{max-width:1400px;margin:0 auto;padding:24px 24px 0}.dui-fantasy.maps .maps-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.dui-fantasy.maps .maps-head h1{font:900 28px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-1);margin:0}.dui-fantasy.maps .maps-head .sub{font:500 13px/1.5 var(--font-sans);color:var(--fg-2);max-width:640px;margin:8px 0 0}.dui-fantasy.maps .maps-head .sub .mono{font:600 11px/1 var(--font-mono);color:var(--fg-3);white-space:nowrap}.dui-fantasy.maps .maps-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dui-fantasy.maps .lens-toggle{background:var(--bg-2);border-radius:var(--r-pill);border:1px solid var(--line-2);gap:4px;padding:4px;display:flex}.dui-fantasy.maps .lens-toggle button{cursor:pointer;border-radius:var(--r-pill);font:800 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);transition:all var(--dur-2);background:0 0;border:0;padding:8px 14px}.dui-fantasy.maps .lens-toggle button:hover{color:var(--fg-1)}.dui-fantasy.maps .lens-toggle button.on{color:var(--draft-green-ink);background:var(--draft-green)}.dui-fantasy.maps .maps-search{display:flex}.dui-fantasy.maps .maps-search input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--fg-1);font:500 13px/1 var(--font-sans);outline:0;width:260px;padding:10px 16px}.dui-fantasy.maps .maps-search input:focus{border-color:var(--line-green,var(--draft-green))}.dui-fantasy.maps .maps-search input::placeholder{color:var(--fg-3)}.dui-fantasy.maps .owned-btn{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--fg-2);font:800 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all var(--dur-2);padding:10px 16px}.dui-fantasy.maps .owned-btn:hover:not(:disabled){color:var(--fg-1);border-color:var(--draft-green)}.dui-fantasy.maps .owned-btn.on{background:var(--draft-green);color:var(--draft-green-ink);border-color:var(--draft-green)}.dui-fantasy.maps .owned-btn:disabled{opacity:.4;cursor:not-allowed}.dui-fantasy.maps .maps-notice{color:#bcdcff;border-radius:var(--r-md);font:500 12px/1.4 var(--font-sans);background:#3b9eff14;border:1px solid #3b9eff40;margin-bottom:12px;padding:10px 14px}.dui-fantasy.maps .maps-body{align-items:stretch;gap:16px;display:flex}.dui-fantasy.maps .maps-graph{border:1px solid var(--line-2);border-radius:var(--r-lg);background:#0d1014;flex:1;height:calc(100vh - 240px);min-height:480px;position:relative;overflow:hidden}.dui-fantasy.maps .fg-canvas{width:100%;height:100%}.dui-fantasy.maps .fg-loading{height:100%;color:var(--fg-3);font:600 13px/1 var(--font-sans);place-items:center;display:grid}.dui-fantasy.maps .maps-legend{border:1px solid var(--line-2);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1014cc;flex-wrap:wrap;gap:14px;padding:8px 14px;display:flex;position:absolute;bottom:12px;left:12px}.dui-fantasy.maps .maps-legend span{font:600 10px/1 var(--font-mono);color:var(--fg-2);align-items:center;gap:6px;display:inline-flex}.dui-fantasy.maps .maps-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.dui-fantasy.maps .maps-detail{background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-lg);flex-shrink:0;width:300px;height:calc(100vh - 240px);min-height:480px;padding:20px;position:relative;overflow:auto}.dui-fantasy.maps .detail-close{background:var(--bg-2);border:1px solid var(--line-2);width:28px;height:28px;color:var(--fg-2);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:12px;right:12px}.dui-fantasy.maps .detail-type{font:800 9px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3)}.dui-fantasy.maps .maps-detail h3{font:900 20px/1.1 var(--font-display);text-transform:uppercase;color:var(--fg-1);word-break:break-word;margin:8px 0 16px}.dui-fantasy.maps .detail-row{border-bottom:1px solid var(--line-1);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.dui-fantasy.maps .detail-row dt{font:800 9px/1.4 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.dui-fantasy.maps .detail-row dd{font:600 12px/1.4 var(--font-mono);color:var(--fg-1);text-align:right;word-break:break-word;margin:0}.dui-fantasy.maps .detail-explorer{font:600 12px/1 var(--font-sans);color:var(--draft-green);margin-top:18px;text-decoration:none;display:inline-block}.dui-fantasy.maps .detail-explorer:hover{text-decoration:underline}@media (max-width:880px){.dui-fantasy.maps .maps-body{flex-direction:column}.dui-fantasy.maps .maps-detail{width:auto;height:auto;min-height:0}}
