[data-page="dark-breakout"] .page-heading{margin-bottom:23px}
.db-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.db-tabs>a{display:flex;align-items:center;gap:8px;padding:12px 2px 15px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);font-size:.9375rem;white-space:nowrap}
.db-tabs>a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}.db-tabs>a:hover{color:var(--ink)}
.db-map-panel{padding:0;overflow:hidden;margin-bottom:23px}
.db-map-head{padding:20px 21px 17px;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.db-map-head h2{font-size:1.125rem;line-height:1.5}.db-map-head p{font-size:.75rem;color:var(--muted);margin-top:5px}
.db-map-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.db-map-tools .btn{padding:5px 10px;height:34px;font-size:.8125rem}.db-map-tools .btn:disabled{opacity:.4;cursor:default}
.db-map-tools output{min-width:43px;text-align:center;font:.75rem var(--mono);color:var(--muted)}
.db-level-4{--node:#57c4c5}.db-level-5{--node:#b8a0ec}.db-level-6{--node:#efbd69}
[data-theme="daybreak"] .db-level-4{--node:#197779}[data-theme="daybreak"] .db-level-5{--node:#7755b2}[data-theme="daybreak"] .db-level-6{--node:#9d6516}
.db-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--node);flex:none}
.db-level-tag{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border:1px solid color-mix(in srgb,var(--node) 40%,transparent);border-radius:3px;color:var(--node);background:color-mix(in srgb,var(--node) 7%,transparent);font:650 .75rem/1.4 var(--mono);white-space:nowrap}
.db-map-legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0 21px 17px;font-size:.75rem;color:var(--muted)}.db-map-legend>span{display:inline-flex;align-items:center;gap:7px}
.db-spawn-key{width:9px;height:9px;border:2px solid #ed9c6b;border-radius:50%;display:inline-block;flex:none}
.db-map-stage{height:min(78vh,880px);min-height:450px;overflow:auto;overscroll-behavior:contain;background:#1d2926;scrollbar-color:#75847a #1d2926;scrollbar-width:auto;outline-offset:-3px;touch-action:none;cursor:grab}
.db-map-canvas{display:grid;place-items:center;min-width:100%;min-height:100%}.db-map{display:block;flex:none;user-select:none;-webkit-user-select:none;max-width:none}
.db-map-border{fill:none;stroke:#c5d0c6;stroke-width:.25;opacity:.6}.db-map-axes text{fill:#c5d0c6;font:3px var(--mono)}
.db-spawns circle{fill:#1d2926;fill-opacity:.7;stroke:#ffb07a;stroke-width:.6}
.db-map .db-level-4{--node:#81e2e3}.db-map .db-level-5{--node:#d1b7ff}.db-map .db-level-6{--node:#ffda95}
.db-footprint{fill:var(--node);fill-opacity:.65;stroke:var(--node);stroke-width:.35}
.db-building-label{fill:#0c1718;fill-opacity:.9;stroke:#b6c2b2;stroke-opacity:.2;stroke-width:.2}
.db-building-name{fill:#fff;font:550 3.35px var(--sans)}.db-building-coordinate{fill:var(--node);font:3px var(--mono)}
.db-map-caption{font-size:.75rem;line-height:1.9;color:var(--soft);padding:15px 21px 18px}.db-map-caption p+p{margin-top:7px}.db-map-caption strong{color:var(--muted);font-weight:550}
.db-building-table table{width:100%;min-width:450px}.db-building-table tbody th{position:static;background:transparent;border-bottom:1px solid var(--line);padding:10px 16px;text-align:left;font-size:.875rem;font-weight:500;white-space:nowrap}
.db-building-table th img{width:44px;height:44px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:16px}.db-building-table td{font:.875rem var(--mono);white-space:nowrap}
.db-empty{padding:18px 0;color:var(--muted);font-size:.875rem;line-height:1.9}
.db-panel{margin-bottom:23px}.db-panel>.panel-head{margin-bottom:20px;flex-wrap:wrap}.db-panel>.panel-head h2{font-size:1.25rem}
.db-copy{white-space:pre-line;color:var(--muted);font-size:.9375rem;line-height:2;overflow-wrap:anywhere}
.db-note{font-size:.8125rem;color:var(--soft);line-height:1.9;margin-bottom:18px}
.db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}
.db-stats>div{padding:18px;border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--panel);display:flex;flex-direction:column;gap:9px}
.db-stats span{font-size:.8125rem;color:var(--muted)}.db-stats strong{font-size:1.25rem;color:var(--ink)}
.db-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 23px;align-items:start}
.db-timeline{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.db-timeline li{display:flex;gap:15px;align-items:center;min-height:76px;border-bottom:1px solid var(--line)}
.db-timeline time{color:var(--ink);font:600 1.125rem var(--mono);min-width:57px}.db-event-dot{width:7px;height:7px;border-radius:50%;background:#ba9de0;flex:none}.db-event-supply .db-event-dot{background:#68b9ab}
.db-timeline strong{font-size:.875rem;font-weight:550}.db-timeline small{display:block;font-size:.75rem;line-height:1.8;color:var(--soft);margin-top:3px}
.db-element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.db-element-grid article{display:flex;align-items:start;gap:17px}.db-element-grid img{width:76px;height:76px;object-fit:contain;flex:none}.db-element-grid h3{font-size:1rem;margin-bottom:6px}.db-element-grid .db-copy{font-size:.875rem}
.db-catalogue-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:18px}
.db-segment{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:4px;align-self:end}
.db-segment button{padding:9px 12px;color:var(--muted);background:transparent;border-radius:3px;cursor:pointer;font-size:.8125rem}
.db-segment button[aria-pressed="true"]{background:var(--panel-2);color:var(--accent)}.db-segment span{font:.6875rem var(--mono);margin-left:5px}
.db-catalogue-toolbar .field{gap:7px;min-width:135px}.db-catalogue-toolbar .field select{height:43px;font-size:.8125rem}
.db-catalogue-toolbar .list-search{margin-left:auto;max-width:350px;flex:1;min-width:200px;height:43px}
.db-result-count{font-size:.8125rem;color:var(--muted);margin:0 0 18px}
.db-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.db-item{padding:20px;border-top:2px solid var(--quality,var(--line))}.db-item-top{display:flex;gap:14px;align-items:center;margin-bottom:15px}.db-item img{width:60px;height:60px;object-fit:contain;flex:none}.db-item h2{font-size:.9375rem;line-height:1.7;margin-top:3px}.db-item .reference-quality{font-size:.6875rem}.db-item .db-copy{font-size:.8125rem;line-height:1.9}
.db-rank-table table{min-width:760px;width:100%}.db-rank-table th{white-space:nowrap}.db-rank-table thead img{display:inline-block;width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:6px}.db-rank-table tbody th{position:static;background:transparent;padding:20px 16px;border-bottom:1px solid var(--line);font-weight:600;text-align:left}.db-rank-table td{font:.875rem var(--mono)}.db-rank-number{display:inline-block;min-width:30px;color:var(--accent)}

@media(max-width:1150px){.db-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.db-rule-grid{grid-template-columns:1fr}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .db-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.db-tabs>a{font-size:.8125rem;gap:5px;padding:12px 0 14px}.db-tabs svg{display:none}
  [data-page="dark-breakout"] .page-heading{gap:8px;margin-bottom:15px}[data-page="dark-breakout"] .page-heading p{font-size:.8125rem}
  .db-map-head{padding:16px 13px 12px;gap:12px}.db-map-head h2{font-size:1rem}.db-map-head p{font-size:.6875rem}.db-map-tools{gap:4px;margin-left:0}.db-map-tools .btn{height:38px;padding:4px 11px}
  .db-map-legend{padding:0 13px 15px;gap:9px 15px;font-size:.6875rem}.db-map-stage{height:min(67vh,600px);min-height:340px}.db-map-caption{padding:12px 13px 15px;font-size:.6875rem}
  .db-building-table tbody th{padding:9px 10px;font-size:.8125rem}.db-building-table th img{width:35px;height:35px;margin-right:10px}.db-building-table td{font-size:.8125rem}.db-building-table table{min-width:420px}

  .db-timeline{grid-template-columns:1fr}.db-timeline li{min-height:73px}.db-stats{gap:10px}.db-stats>div{padding:15px 12px}.db-stats span{font-size:.75rem}.db-stats strong{font-size:1.125rem}
  .db-panel{padding:19px 16px}.db-panel>.panel-head h2{font-size:1.125rem}.db-copy{font-size:.875rem}.db-element-grid{grid-template-columns:1fr}.db-element-grid img{width:64px;height:64px}
  .db-catalogue-toolbar{gap:12px}.db-segment{width:100%}.db-segment button{flex:1;padding:10px 6px}.db-catalogue-toolbar .field{min-width:110px;flex:0 0 110px}.db-catalogue-toolbar .list-search{min-width:0;align-self:end;margin:0}.db-catalogue-toolbar .list-search input{font-size:1rem}.db-item-grid{grid-template-columns:1fr}.db-item{padding:18px}.db-item h2{font-size:1rem}.db-item .db-copy{font-size:.875rem}
}

.db-map-stage.is-dragging{cursor:grabbing}
.db-map-panel.is-fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--panel);box-sizing:border-box}
.db-map-panel:fullscreen{background:var(--panel)}.db-map-panel::backdrop{background:#101817}
.db-map-panel.is-fullscreen .db-map-head{flex:none;padding:14px 20px 10px}.db-map-panel.is-fullscreen .db-map-legend{flex:none;padding-bottom:10px}
.db-map-panel.is-fullscreen .db-map-stage{flex:1;height:0;min-height:0;width:100%}.db-map-panel.is-fullscreen .db-map-caption{flex:none;padding:8px 20px}
body.db-map-fullscreen{overflow:hidden}
.db-map-export-sheet{background:var(--panel);color:var(--ink)}
.db-map-export-sheet .db-map{width:100%;height:auto;aspect-ratio:1}
.db-map-export-sheet .db-map-legend{padding:22px 24px;gap:16px 34px;font-size:22px;line-height:1.5}
.db-map-export-sheet .db-dot{width:12px;height:12px}.db-map-export-sheet .db-spawn-key{width:14px;height:14px;border-width:3px}
.db-map-export-note{margin:0;padding:18px 24px;font-size:20px;line-height:1.6;color:var(--muted)}
@media(max-width:600px){.db-map-panel.is-fullscreen .db-map-head{padding:12px}.db-map-panel.is-fullscreen .db-map-caption{padding:7px 12px}}