.db-shell{--accent:var(--rof-cyan);--accent-rgb:36,209,242;padding-top:72px}.db-fx-scanlines{z-index:9000;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35) 1px,transparent 0,transparent 3px);mix-blend-mode:multiply}.db-fx-scanlines,.db-fx-vignette{position:fixed;inset:0;pointer-events:none}.db-fx-vignette{z-index:9001;background:radial-gradient(130% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.5) 100%)}.db-head{border-bottom:1px solid var(--rof-border);background:linear-gradient(180deg,rgba(26,31,46,.35),rgba(11,14,20,0))}.db-head-inner{max-width:1560px;margin:0 auto;padding:22px 28px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}.db-title-block{display:flex;flex-direction:column;gap:4px}.db-title{margin:0;font-family:var(--font-display);font-size:52px;line-height:.92;letter-spacing:.04em;color:var(--rof-off);display:flex;align-items:baseline;gap:14px}.db-title .db-title-accent{color:var(--accent);text-shadow:0 0 18px rgba(var(--accent-rgb),.45)}.db-title-rec{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--rof-red);display:inline-flex;align-items:center;gap:6px;transform:translateY(-6px)}.db-title-rec:before{content:"";width:7px;height:7px;background:var(--rof-red);box-shadow:0 0 8px rgba(255,46,99,.8);animation:db-blink 1.4s steps(2) infinite}@keyframes db-blink{50%{opacity:.25}}.db-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--rof-muted);text-transform:uppercase;display:flex;gap:10px;flex-wrap:wrap}.db-sub .sep{color:var(--rof-dim)}.db-tools{gap:10px;flex-wrap:wrap}.db-search,.db-tools{display:flex;align-items:center}.db-search{gap:8px;border:1px solid var(--rof-border);background:rgba(11,14,20,.7);padding:0 12px;height:36px;min-width:280px}.db-search:focus-within{border-color:var(--accent)}.db-search-prompt{color:var(--accent)}.db-search input,.db-search-prompt{font-family:var(--font-mono);font-size:12px}.db-search input{flex:1;background:none;border:0;outline:none;letter-spacing:.04em;color:var(--rof-off)}.db-search input::-moz-placeholder{color:var(--rof-dim)}.db-search input::placeholder{color:var(--rof-dim)}.db-search-key{font-family:var(--font-mono);font-size:10px;color:var(--rof-dim);padding:1px 5px}.db-search-key,.db-sort{border:1px solid var(--rof-border)}.db-sort{display:flex;align-items:center;gap:8px;background:rgba(11,14,20,.7);height:36px;padding:0 10px}.db-sort-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--rof-dim)}.db-sort select{background:none;border:0;outline:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--rof-off);text-transform:uppercase}.db-sort select option{background:var(--rof-panel-2)}.db-body{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;align-items:start}.db-rail{position:sticky;top:72px;max-height:calc(100vh - 72px);overflow-y:auto;border-right:1px solid var(--rof-border);padding:18px 16px 32px 28px;scrollbar-width:thin;scrollbar-color:var(--rof-border) transparent}.db-rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.db-rail-title{letter-spacing:.22em;color:var(--rof-dim)}.db-rail-reset,.db-rail-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.db-rail-reset{letter-spacing:.1em;color:var(--rof-red)}.db-rail-reset:hover{text-shadow:0 0 10px rgba(255,46,99,.6)}.db-rail-reset[disabled]{color:var(--rof-dim);cursor:default;text-shadow:none}.db-facet{margin-top:18px}.db-facet-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--rof-muted);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:8px}.db-facet-label:after{content:"";flex:1;height:1px;background:var(--rof-border);opacity:.6}.db-opt{display:flex;align-items:center;gap:8px;width:100%;padding:4px 4px 4px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--rof-muted);text-transform:uppercase}.db-opt.is-on,.db-opt:hover{color:var(--rof-off)}.db-opt[disabled]{opacity:.35;cursor:default}.db-opt-box{width:11px;height:11px;flex:none;border:1px solid var(--rof-border);position:relative}.db-opt.is-on .db-opt-box{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.db-opt.is-on .db-opt-box:after{content:"";position:absolute;inset:2px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:var(--rof-ink)}.db-opt-swatch{width:14px;height:8px;flex:none;background:linear-gradient(135deg,var(--sw1,#3e3e44),var(--sw2,#6a6a73));border:1px solid var(--swb,#2a2a2e)}.db-opt-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-opt-count{font-size:10px;color:var(--rof-dim);font-variant-numeric:tabular-nums}.db-opt.is-on .db-opt-count{color:var(--accent)}.db-main{padding:14px 28px 64px 20px;min-width:0}.db-readout{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--rof-muted)}.db-readout strong{color:var(--rof-off);font-weight:600}.db-readout-count{text-transform:uppercase}.db-chips{display:flex;gap:6px;flex-wrap:wrap}.db-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px}.db-chip:hover{background:rgba(var(--accent-rgb),.12)}.db-chip .x{color:var(--rof-red)}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min,280px),1fr));gap:8px}.db-card{--g1:var(--rof-outcast-grad-start);--g2:var(--rof-outcast-grad-end);--gb:var(--rof-outcast-border);position:relative;display:flex;flex-direction:column;background:var(--rof-panel);border:1px solid var(--rof-border);border-top:0;text-align:left;transition:border-color .12s,background .12s}.db-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--g1),var(--g2));border-top:1px solid var(--gb)}.db-card:hover{border-color:var(--gb);background:#141927}.db-card.is-weakness:before{background:repeating-linear-gradient(135deg,#7a0d0d 0 8px,#2a0505 8px 16px);border-top-color:var(--rof-red)}.db-card-head{display:flex;align-items:flex-start;gap:10px;padding:9px 0 0 12px}.db-card-name{margin:0;flex:1;min-width:0;font-family:var(--font-display);font-size:21px;line-height:1;letter-spacing:.035em;font-weight:400;color:var(--rof-off);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-card-cost{flex:none;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--rof-border);border-top:0;border-right:0;background:rgba(11,14,20,.6);font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--rof-amber);font-variant-numeric:tabular-nums}.db-card.is-weakness .db-card-cost{color:var(--rof-red)}.db-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 12px 0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--rof-dim);text-transform:uppercase}.db-card-meta .tag{color:var(--rof-muted)}.db-card-meta .tag-sig{color:var(--rof-amber)}.db-card-meta .tag-wk{color:var(--rof-red)}.db-card-meta .dot{color:var(--rof-dim)}.db-card-effect{margin:0;padding:7px 12px 0;font-size:12px;line-height:1.45;color:rgba(245,247,255,.82);text-wrap:pretty}.db-grid.is-compact .db-card-effect{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.db-card-flavor{margin:0;padding:6px 12px 0;font-size:11px;line-height:1.4;font-style:italic;color:var(--rof-dim)}.db-card-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px 12px 9px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--rof-dim);text-transform:uppercase}.db-pips{display:flex;gap:3px}.db-pip{padding:1px 4px;border:1px solid var(--rof-border);color:var(--rof-muted);background:rgba(11,14,20,.5)}.db-pip.wild{color:var(--rof-amber);border-color:rgba(246,191,58,.4)}.db-card-id{margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.db-grid.is-compact{gap:6px}.db-grid.is-compact .db-card-name{font-size:19px}.db-grid.is-compact .db-card-head{padding-top:7px}.db-grid.is-compact .db-card-effect{font-size:11.5px}.db-grid.is-compact .db-card-foot{padding-bottom:7px}.db-view{display:flex;height:36px;border:1px solid var(--rof-border);background:rgba(11,14,20,.7)}.db-view-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--rof-dim);padding:0 14px;display:grid;place-items:center}.db-view-btn+.db-view-btn{border-left:1px solid var(--rof-border)}.db-view-btn:hover{color:var(--rof-off)}.db-view-btn.is-on{background:var(--accent);color:var(--rof-ink);font-weight:600}.db-grid.is-art{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}.db-tile{--g1:var(--rof-outcast-grad-start);--g2:var(--rof-outcast-grad-end);--gb:var(--rof-outcast-border);aspect-ratio:2/3;display:flex;flex-direction:column;background:var(--rof-panel);border:1px solid var(--rof-border);text-align:left;overflow:hidden;transition:border-color .12s,transform .12s,box-shadow .12s}.db-tile:hover{border-color:var(--gb);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.5)}@media (prefers-reduced-motion:reduce){.db-tile:hover{transform:none}}.db-tile-top{flex:none;display:flex;align-items:stretch;gap:8px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),linear-gradient(135deg,var(--g1),var(--g2));border-bottom:1px solid var(--gb);padding-left:10px;min-height:34px}.db-tile.is-weakness .db-tile-top{background:repeating-linear-gradient(135deg,rgba(122,13,13,.9) 0 10px,rgba(42,5,5,.92) 10px 20px);border-bottom-color:var(--rof-red)}.db-tile-name{margin:0;flex:1;min-width:0;align-self:center;font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1;letter-spacing:.04em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}.db-tile-cost{flex:none;width:30px;display:grid;place-items:center;background:rgba(11,14,20,.55);border-left:1px solid var(--gb);font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--rof-amber)}.db-tile.is-weakness .db-tile-cost{color:var(--rof-red)}.db-tile-art{flex:none;height:62%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:repeating-linear-gradient(45deg,rgba(245,247,255,.028) 0 6px,transparent 6px 12px),linear-gradient(160deg,color-mix(in oklab,var(--g1) 30%,var(--rof-ink)) 0,var(--rof-ink) 80%);border-bottom:1px solid var(--rof-border)}.db-tile-art:after{content:"";position:absolute;inset:6px;border:1px dashed rgba(139,146,168,.25);pointer-events:none}.db-tile-art.has-art:after{display:none}.db-tile-art.has-art{overflow:hidden}.db-tile-art img{-o-object-fit:cover;object-fit:cover}.db-tile-art-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--rof-muted)}.db-tile-art-id{letter-spacing:.06em;color:var(--rof-dim);max-width:90%;text-overflow:ellipsis}.db-tile-art-id,.db-tile-typeline{font-family:var(--font-mono);font-size:9px;white-space:nowrap;overflow:hidden}.db-tile-typeline{flex:none;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;padding:7px 10px 0;letter-spacing:.1em;color:var(--rof-muted);text-transform:uppercase}.db-tile-typeline .dot{color:var(--rof-dim)}.db-tile-typeline .tag-sig{color:var(--rof-amber)}.db-tile-typeline .tag-wk{color:var(--rof-red)}.db-tile-pips{margin-left:auto;display:flex;gap:3px}.db-tile-effect{flex:1;min-height:0;margin:0;padding:6px 10px 0;font-size:11.5px;line-height:1.45;color:rgba(245,247,255,.82);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%);mask-image:linear-gradient(180deg,#000 72%,transparent 98%);text-wrap:pretty}.db-tile-foot{flex:none;justify-content:space-between;gap:8px;padding:5px 10px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--rof-dim);text-transform:uppercase}.db-pager,.db-tile-foot{display:flex;align-items:center}.db-pager{justify-content:center;gap:14px;margin-top:22px}.db-pager-nums{display:flex;gap:4px;align-items:center}.db-pager-btn{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--rof-border);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--rof-muted);font-variant-numeric:tabular-nums;padding:0 8px}.db-pager-btn:hover{color:var(--rof-off);border-color:var(--rof-muted)}.db-pager-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--rof-ink);font-weight:700}.db-pager-btn[disabled]{opacity:.3;cursor:default}.db-pager-btn[disabled]:hover{color:var(--rof-muted);border-color:var(--rof-border)}.db-pager-gap{font-family:var(--font-mono);font-size:11px;color:var(--rof-dim);padding:0 2px}.db-empty{border:1px dashed var(--rof-border);padding:56px 24px;text-align:center}.db-empty-sig{font-family:var(--font-display);font-size:34px;letter-spacing:.12em;color:var(--rof-muted)}.db-empty p{font-family:var(--font-mono);font-size:11px;color:var(--rof-dim);letter-spacing:.08em}.db-detail-scrim{position:fixed;inset:0;z-index:200;background:rgba(5,7,11,.6)}.db-detail{position:fixed;top:0;right:0;bottom:0;z-index:201;width:min(420px,94vw);background:var(--rof-panel-2);border-left:1px solid var(--rof-border);display:flex;flex-direction:column;overflow-y:auto;animation:db-slide-in .18s ease-out}@keyframes db-slide-in{0%{transform:translateX(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.db-detail{animation:none}}.db-detail-head{--g1:var(--rof-outcast-grad-start);--g2:var(--rof-outcast-grad-end);--gb:var(--rof-outcast-border);background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),linear-gradient(135deg,var(--g1),var(--g2));border-bottom:1px solid var(--gb);padding:18px 20px 14px;position:relative}.db-detail-head.is-weakness{background:repeating-linear-gradient(135deg,rgba(122,13,13,.85) 0 10px,rgba(42,5,5,.9) 10px 20px);border-bottom-color:var(--rof-red)}.db-detail-close{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:rgba(245,247,255,.75);border:1px solid rgba(245,247,255,.3);padding:3px 8px}.db-detail-close:hover{color:#fff;border-color:#fff}.db-detail-kicker{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;color:rgba(245,247,255,.65);text-transform:uppercase;margin-bottom:4px}.db-detail-name{margin:0;font-family:var(--font-display);font-weight:400;font-size:36px;line-height:.95;letter-spacing:.03em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4)}.db-detail-body{padding:16px 20px 32px}.db-spec{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.db-spec dt{color:var(--rof-dim);font-size:10px;letter-spacing:.14em;padding-top:1px}.db-spec dd,.db-spec dt{text-transform:uppercase}.db-spec dd{margin:0;color:var(--rof-off)}.db-spec dd.lc{text-transform:none}.db-spec dd .wk{color:var(--rof-red)}.db-spec dd .sig{color:var(--rof-amber)}.db-detail-section{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--rof-muted);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin:16px 0 7px}.db-detail-section:after{content:"";flex:1;height:1px;background:var(--rof-border)}.db-detail-effect{margin:0;font-size:13.5px;line-height:1.55;color:rgba(245,247,255,.9);text-wrap:pretty}.db-detail-flavor{margin:0;font-size:12.5px;line-height:1.5;font-style:italic;color:var(--rof-muted);border-left:2px solid var(--rof-border);padding-left:12px}.db-trait-row{display:flex;gap:6px;flex-wrap:wrap}.db-trait{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rof-muted);border:1px solid var(--rof-border);padding:2px 8px}@media (max-width:900px){.db-body{grid-template-columns:1fr}.db-rail{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--rof-border);display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 24px;padding:14px 28px 20px}.db-rail-head{grid-column:1/-1}.db-main{padding-left:28px}}