.db-fmt{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,24px)}.db-fmt-h{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);letter-spacing:-.02em;color:var(--fg);margin:0 0 14px}.db-fmt-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.db-fmt-select{width:100%;max-width:360px;height:48px;padding:0 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;color:var(--fg);font-family:inherit;font-size:15px;cursor:pointer}.db-fmt-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in oklab,var(--cyan) 22%,transparent)}.db-fmt-desc{color:var(--fg-2);font-size:14px;line-height:1.6;margin:14px 0 12px;max-width:60ch}.db-fmt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.db-fmt-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 38px 14px 16px;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.db-fmt-tile:hover{border-color:color-mix(in oklab,var(--cyan) 55%,var(--line));transform:translateY(-1px)}.db-fmt-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.db-fmt-tile.on{border-color:var(--cyan);background:color-mix(in oklab,var(--cyan) 8%,var(--bg-2))}.db-fmt-tile-name{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--fg)}.db-fmt-tile-sub{font-size:12.5px;color:var(--muted);line-height:1.45}.db-fmt-tile-check{position:absolute;top:12px;right:12px;font-size:14px;color:transparent;transition:color .16s}.db-fmt-tile.on .db-fmt-tile-check{color:var(--cyan)}.db-fmt-tile-more{border-style:dashed}.db-fmt-morewrap{margin-top:14px}.db-fmt-rules{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.db-fmt-rules li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px}.db-fmt-rk{font-size:13px;line-height:1}.db-fmt-rv{font-size:12.5px;color:var(--fg-2);line-height:1.35;white-space:nowrap}.db-fmt-zone{margin-top:18px}.db-fmt-zone:empty{display:none}.db-fmt-zonehead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.db-fmt-zonehead h3{font-family:var(--font-display);font-size:17px;color:var(--fg);letter-spacing:-.01em;margin:0}.db-fmt-zonecount{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.db-fmt-zonecount.over{color:var(--magenta);font-weight:600}.db-fmt-cols{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 640px){.db-fmt-cols{grid-template-columns:1fr 1fr}}.db-fmt-col{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px}.db-fmt-colh{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.db-fmt-movelist{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.db-fmt-moverow{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;border-bottom:1px solid var(--line);font-size:13.5px}.db-fmt-moverow:last-child{border-bottom:0}.db-fmt-mq{font-family:var(--font-mono);font-size:12px;color:var(--muted);min-width:26px}.db-fmt-mn{flex:1;color:var(--fg);line-height:1.3;min-width:0}.db-fmt-mn code{font-family:var(--font-mono);font-size:12px;color:var(--cyan)}.db-fmt-movebtn{flex:0 0 auto;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--fg-2);font-family:var(--font-mono);font-size:11.5px;cursor:pointer;white-space:nowrap;transition:color .16s,border-color .16s,background .16s}.db-fmt-movebtn:hover{color:var(--cyan);border-color:var(--cyan);background:color-mix(in oklab,var(--cyan) 10%,transparent)}.db-fmt-movebtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.db-fmt-compslot{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.db-fmt-comphead{display:flex;align-items:center;gap:10px;margin-bottom:8px}.db-fmt-comphead .db-fmt-mn{font-family:var(--font-display);font-weight:600;font-size:15px}.db-fmt-compcheck{display:flex;flex-direction:column;gap:4px}.db-fmt-ok{margin:0;font-size:13px;color:var(--phos)}.db-fmt-issue{margin:0;font-size:13px;line-height:1.5}.db-fmt-issue.error{color:var(--magenta)}.db-fmt-issue.warn{color:var(--cyan)}.db-fmt-issue.info{color:var(--muted)}.db-fmt-issue span{font-family:var(--font-mono)}.db-fmt-empty{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--muted-2);line-height:1.6}.db-fmt-empty code{color:var(--cyan)}.db-pow-cards{display:flex;flex-direction:column;gap:10px}.db-pow-card{display:flex;align-items:flex-start;gap:16px;width:100%;text-align:left;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .16s,transform .16s}.db-pow-card:hover{border-color:color-mix(in oklab,var(--cyan) 55%,var(--line));transform:translateY(-1px)}.db-pow-card.on{border-color:var(--cyan);background:color-mix(in oklab,var(--cyan) 7%,var(--surface))}.db-pow-n{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:2px solid var(--line);background:var(--bg-2);font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-2);transition:all .16s}.db-pow-card.on .db-pow-n{background:var(--cyan);border-color:var(--cyan);color:#000;box-shadow:0 0 14px color-mix(in oklab,var(--cyan) 40%,transparent)}.db-pow-body{min-width:0;display:flex;flex-direction:column;gap:3px}.db-pow-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--fg);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.db-pow-vibe{font-family:var(--font-mono);font-style:normal;font-weight:400;font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.db-pow-reco{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;font-weight:400;color:var(--phos);border:1px solid color-mix(in oklab,var(--phos) 55%,transparent);background:color-mix(in oklab,var(--phos) 10%,transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}.db-pow-desc{font-size:13.5px;color:var(--fg-2);line-height:1.5}.db-pow-check{margin-left:auto;align-self:center;font-size:16px;color:transparent;transition:color .16s}.db-pow-card.on .db-pow-check{color:var(--cyan)}.db-pow-note,.db-pow-hint{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.6;max-width:68ch}.db-pow-rule0{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer}.db-pow-rule0:hover{border-color:color-mix(in oklab,var(--cyan) 45%,var(--line))}.db-pow-rule0-cb{width:20px;height:20px;margin-top:2px;accent-color:var(--cyan);cursor:pointer;flex:0 0 auto}.db-pow-lang{margin-top:18px}.db-pow-langlbl{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.db-pow-langseg{display:inline-flex;gap:6px}.db-pow-langbtn{min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--fg-2);font-family:inherit;font-size:13.5px;cursor:pointer;transition:all .14s}.db-pow-langbtn:hover{border-color:color-mix(in oklab,var(--cyan) 55%,var(--line))}.db-pow-langbtn.active{border-color:var(--cyan);color:var(--cyan);font-weight:600}.db-pow-langexp{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}.db-ed{display:flex;flex-direction:column;gap:14px;font-family:var(--font-body);color:var(--fg)}.db-ed__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.db-ed__stats{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.db-ed__counter{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.db-ed__count{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.db-ed__count strong{color:var(--fg)}.db-ed__count--ok,.db-ed__count--ok strong{color:var(--cyan)}.db-ed__fmt{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.db-ed__chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.db-ed__curve{display:flex;align-items:flex-end;gap:6px;padding:0 2px}.db-ed__col{display:flex;flex-direction:column;align-items:center;gap:2px}.db-ed__count{font-family:var(--font-mono);font-size:10px;line-height:1;color:var(--fg-2);font-variant-numeric:tabular-nums}.db-ed__count.is-zero{color:var(--muted-2)}.db-ed__bar{width:16px;height:30px;display:flex;align-items:flex-end;background:linear-gradient(to top,var(--line) 0 1px,transparent 1px)}.db-ed__barfill{display:block;width:100%;min-height:2px;height:0%;background:var(--cyan);border-radius:2px 2px 0 0;transition:height .25s var(--ease-out)}.db-ed__axis{font-family:var(--font-mono);font-size:9px;line-height:1;color:var(--muted);letter-spacing:.02em}.db-ed__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-ed__ur{min-height:44px;padding:0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,color .15s,opacity .15s}.db-ed__ur:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.db-ed__ur:disabled{opacity:.4;cursor:not-allowed}.db-ed__issues{min-height:44px;padding:0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--magenta);background:#ff2e9314;border:1px solid var(--magenta);border-radius:var(--radius)}.db-ed__issues:hover{background:#ff2e9329}.db-ed__tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.db-ed__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.db-ed__grouplbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.db-ed__seg{min-height:44px;padding:0 14px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--fg-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,color .15s,background .15s}.db-ed__seg:hover{border-color:var(--line-soft);color:var(--fg)}.db-ed__seg[aria-pressed=true]{color:#000;background:var(--cyan);border-color:var(--cyan)}.db-ed__quick{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:220px}.db-ed__quicklbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.db-ed__quickinput{flex:1;min-height:44px;padding:0 12px;font-family:var(--font-body);font-size:15px;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.db-ed__quickinput::-moz-placeholder{color:var(--muted-2)}.db-ed__quickinput::placeholder{color:var(--muted-2)}.db-ed__quickinput:focus{border-color:var(--cyan)}.db-ed__quickbtn{min-height:44px;height:44px;padding:0 18px}.db-ed__quickbtn.btn{background:var(--surface-2);color:var(--fg);border:1px solid var(--line)}.db-ed__quickbtn.btn:hover{border-color:var(--cyan);color:var(--cyan)}.db-ed__bulk{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.db-ed__bulktoggle{width:100%;min-height:44px;padding:0 14px;text-align:left;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fg-2)}.db-ed__bulktoggle:hover{color:var(--cyan)}.db-ed__bulkbody{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.db-ed__bulkarea{width:100%;min-height:150px;resize:vertical;padding:10px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--fg);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.db-ed__bulkarea:focus{border-color:var(--cyan)}.db-ed__bulkfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.db-ed__bulkmode{display:flex;gap:4px}.db-ed__bulkapply.btn{height:44px;min-height:44px}.db-ed__bulkpreview{font-size:13px;color:var(--fg-2)}.db-ed__bulkstat{margin:2px 0}.db-ed__bulkstat strong{color:var(--cyan)}.db-ed__err,.db-ed__errno{color:var(--magenta)}.db-ed__errlist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.db-ed__errli{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.db-ed__errno{font-weight:500}.db-ed__errli code{color:var(--fg-2);background:var(--bg-2);padding:0 4px;border-radius:3px}.db-ed__errmore{font-family:var(--font-mono);font-size:12px;color:var(--muted-2)}.db-ed__list{display:flex;flex-direction:column;gap:16px}.db-ed__empty{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.db-ed__grp{display:flex;flex-direction:column}.db-ed__grphead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 6px;margin:0;border-bottom:1px solid var(--line)}.db-ed__grplbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:500}.db-ed__grpcount{font-family:var(--font-mono);font-size:12px;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 8px;min-width:26px;text-align:center}.db-ed__rows{list-style:none;margin:4px 0 0;padding:0}.db-ed__row{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:var(--radius)}.db-ed__row:hover{background:var(--surface)}.db-ed__qty{display:flex;align-items:center;gap:2px;flex:0 0 auto}.db-ed__step{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;line-height:1;font-weight:600;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .12s,color .12s}.db-ed__step:hover{border-color:var(--cyan);color:var(--cyan)}.db-ed__num{min-width:30px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--fg);font-variant-numeric:tabular-nums}.db-ed__name{flex:1 1 auto;min-width:0;font-size:15px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-ed__cost{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;letter-spacing:-.02em;color:var(--muted);white-space:nowrap}.db-ed__zone{flex:0 0 auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--fg-2)}.db-ed__zone--commander{color:var(--magenta);border-color:var(--magenta)}.db-ed__zone--side{color:var(--cyan);border-color:var(--cyan)}.db-ed__zone--companion{color:var(--fg-2);border-color:var(--line-soft)}.db-ed__rm{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);border-radius:var(--radius);transition:color .12s,background .12s}.db-ed__rm:hover{color:var(--magenta);background:#ff2e9314}.db-ed__hover{position:fixed;top:0;left:0;z-index:60;width:230px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6));will-change:transform}.db-ed__hover.is-on{opacity:1;visibility:visible}.db-ed__hoverimg{width:100%;height:auto;border-radius:10px;display:block}@media (hover: hover) and (pointer: fine){.db-ed__step,.db-ed__rm{width:30px;height:30px}.db-ed__step{font-size:17px}.db-ed__row{padding:1px 6px}.db-ed__num{min-width:26px;font-size:14px}.db-ed__ur,.db-ed__issues,.db-ed__seg,.db-ed__quickinput,.db-ed__quickbtn,.db-ed__bulkapply.btn{min-height:38px;height:38px}.db-ed__bulktoggle{min-height:38px}}@media (max-width: 560px){.db-ed__head{padding:10px}.db-ed__count{font-size:19px}.db-ed__quick{flex-basis:100%}.db-ed__cost{display:none}}.db-doc{--doc-amber: #e8b21d;display:block}@media (min-width: 900px){.db-doc{-moz-column-count:2;column-count:2;-moz-column-gap:14px;column-gap:14px}.db-doc-card{-moz-column-break-inside:avoid;break-inside:avoid}.db-doc-note,.db-doc-dash{-moz-column-span:all;column-span:all}}.db-doc-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px}.db-doc-h{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--font-display);font-size:15px;color:var(--fg);letter-spacing:-.01em;margin-bottom:9px}.db-doc-h3{font-family:var(--font-display);font-size:15px;color:var(--fg);margin:16px 0 6px;display:flex;align-items:center;gap:8px}.db-doc-sub{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.db-doc-muted{color:var(--muted)}.db-doc-hint{font-size:12.5px;line-height:1.55;margin:0 0 10px}.db-doc-rw{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--doc-amber);border:1px solid color-mix(in oklab,var(--doc-amber) 45%,transparent);background:color-mix(in oklab,var(--doc-amber) 10%,transparent);padding:2px 7px;border-radius:999px}.db-doc-info{min-width:44px;min-height:44px;margin:-10px 0;padding:0;background:transparent;border:0;color:var(--cyan);font-size:15px;cursor:pointer;border-radius:8px}.db-doc-info:hover{background:color-mix(in oklab,var(--cyan) 12%,transparent)}.db-doc-info-body{font-size:12.5px;line-height:1.55;color:var(--fg-2);margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.db-doc-state{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);font-family:var(--font-mono);font-size:13px;color:var(--muted);line-height:1.7}.db-doc-skel{display:grid;gap:12px;margin-top:12px}.db-doc-skel-row{height:68px;border-radius:12px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:db-doc-shimmer 1.4s ease infinite}@keyframes db-doc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.db-doc-skel-row{animation:none}}.db-doc-heat{display:inline-block;font-family:var(--font-mono);font-size:11.5px;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px;border:1px solid;white-space:nowrap}.db-doc-heat-good{color:var(--phos);border-color:color-mix(in oklab,var(--phos) 50%,transparent);background:color-mix(in oklab,var(--phos) 12%,transparent)}.db-doc-heat-mid{color:var(--doc-amber);border-color:color-mix(in oklab,var(--doc-amber) 50%,transparent);background:color-mix(in oklab,var(--doc-amber) 12%,transparent)}.db-doc-heat-bad{color:var(--magenta);border-color:color-mix(in oklab,var(--magenta) 50%,transparent);background:color-mix(in oklab,var(--magenta) 12%,transparent)}.db-doc-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.db-doc-table{width:100%;border-collapse:collapse}.db-doc-table th,.db-doc-table td{padding:5px 9px;text-align:left;border-bottom:1px solid var(--line);font-size:12px;color:var(--fg-2)}.db-doc-table thead th{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.db-doc-table tbody tr:last-child td{border-bottom:0}.db-doc-heatmap{min-width:460px}.db-doc-hm-name{font-family:var(--font-display);font-weight:600;color:var(--fg)}.db-doc-hm-turn{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.db-doc-hm-miss{color:var(--fg-2)}.db-doc-note{display:flex;gap:14px;align-items:stretch}.db-doc-grade{flex:0 0 auto;width:56px;display:grid;place-items:center;border-radius:11px;font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1;border:1px solid}.db-doc-grade-good{color:var(--phos);border-color:color-mix(in oklab,var(--phos) 50%,transparent);background:color-mix(in oklab,var(--phos) 10%,transparent)}.db-doc-grade-mid{color:var(--doc-amber);border-color:color-mix(in oklab,var(--doc-amber) 50%,transparent);background:color-mix(in oklab,var(--doc-amber) 10%,transparent)}.db-doc-grade-bad{color:var(--magenta);border-color:color-mix(in oklab,var(--magenta) 50%,transparent);background:color-mix(in oklab,var(--magenta) 10%,transparent)}.db-doc-note-body{min-width:0}.db-doc-note-score{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:2px 0 8px}.db-doc-note-facts{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:13px;color:var(--fg-2)}.db-doc-note-facts b{color:var(--fg);font-variant-numeric:tabular-nums}.db-doc-rule0{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2);cursor:pointer;min-height:44px}.db-doc-rule0 input{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer}.db-doc-issues{list-style:none;padding:0;margin:0;display:grid;gap:8px}.db-doc-issue{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5}.db-doc-issue-txt{color:var(--fg-2)}.db-doc-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:5px}.db-doc-sev-error .db-doc-dot{background:var(--magenta)}.db-doc-sev-error .db-doc-issue-txt{color:var(--fg)}.db-doc-sev-warn .db-doc-dot{background:var(--doc-amber)}.db-doc-sev-info .db-doc-dot{background:var(--muted)}.db-doc-sev-ok .db-doc-dot{background:var(--phos)}.db-doc-landline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}.db-doc-land-good{color:var(--phos);font-size:12.5px}.db-doc-land-mid{color:var(--doc-amber);font-size:12.5px}.db-doc-land-bad{color:var(--magenta);font-size:12.5px}.db-doc-details{margin:6px 0 10px}.db-doc-details summary{cursor:pointer;font-family:var(--font-mono);font-size:11.5px;color:var(--cyan);min-height:40px;display:flex;align-items:center}.db-doc-knobs{font-family:var(--font-mono);font-size:11px;line-height:1.6;margin:4px 0 0}.db-doc-link{background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--cyan);font-family:var(--font-mono);font-size:12px;cursor:pointer;min-height:44px;padding:0 16px;margin-top:10px}.db-doc-link:hover{border-color:var(--cyan)}.db-doc-arch{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.db-doc-arch select{min-height:40px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-family:var(--font-body);font-size:13px;padding:0 10px;cursor:pointer}.db-doc-comp{display:grid;gap:10px}.db-doc-comp-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)}.db-doc-comp-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.db-doc-comp-label{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--fg)}.db-doc-comp-nums{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.db-doc-comp-nums b{color:var(--fg)}.db-doc-suggests{margin-top:10px}.db-doc-sg-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.db-doc-sg-grid{display:grid;gap:5px}.db-doc-sg{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:4px 9px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:5px 8px 5px 5px}.db-doc-sg-thumb{width:34px;height:47px;border-radius:4px;background:var(--line);overflow:hidden;flex:0 0 auto}.db-doc-sg-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.db-doc-sg-name{font-size:12.5px;line-height:1.25;color:var(--fg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-doc-sg-meta{display:inline-flex;flex-wrap:wrap;gap:4px}.db-doc-badge{font-family:var(--font-mono);font-size:9.5px;padding:2px 6px;border-radius:999px;border:1px solid;white-space:nowrap}.db-doc-badge-inc{color:var(--cyan);border-color:color-mix(in oklab,var(--cyan) 50%,transparent)}.db-doc-badge-stock{color:var(--phos);border-color:color-mix(in oklab,var(--phos) 55%,transparent);background:color-mix(in oklab,var(--phos) 12%,transparent);font-weight:600}.db-doc-sg-add{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--cyan);font-family:var(--font-mono);font-size:11.5px;white-space:nowrap;cursor:pointer}.db-doc-sg-add:hover{background:var(--cyan);color:#000;border-color:var(--cyan)}.db-doc-cuts{list-style:none;padding:0;margin:0;display:grid;gap:8px}.db-doc-cut{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)}.db-doc-cut-main{display:flex;align-items:baseline;gap:8px}.db-doc-cut-main b{font-family:var(--font-display);font-size:14px;color:var(--fg)}.db-doc-cut-why{grid-column:1 / 2;font-size:12px;color:var(--fg-2);line-height:1.45}.db-doc-cut-btn{grid-column:2;grid-row:1 / 3;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;cursor:pointer}.db-doc-cut-btn:hover{color:var(--magenta);border-color:var(--magenta)}.db-doc-sim-btn{height:48px}.db-doc-sim-out{margin-top:14px}.db-doc-sim-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.db-doc-sim-stats>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.5}.db-doc-sim-big{display:block;font-family:var(--font-display);font-size:24px;color:var(--fg);margin-bottom:2px}.db-doc-sim-sub{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin:0 0 6px}.db-doc-sim-table{min-width:420px;text-align:center}.db-doc-sim-table td{text-align:center;font-variant-numeric:tabular-nums}.db-doc-sim-table td b{color:var(--fg);font-size:15px}.db-doc-sim-avg{display:block;font-family:var(--font-mono);font-size:10px;color:var(--muted-2)}.db-doc-sim-seed{font-family:var(--font-mono);font-size:10.5px;margin-top:8px}@media (max-width: 560px){.db-doc-sg-grid{grid-template-columns:1fr}.db-doc-sg{grid-template-columns:34px minmax(0,1fr) auto}.db-doc-sg-add{grid-column:2 / -1;justify-self:start}.db-doc-grade{width:60px;font-size:38px}.db-doc-rule0{margin-left:0}.db-doc-arch{margin-left:0;width:100%}.db-doc-arch select{flex:1}}.db-doc-combo-group{margin-top:10px}.db-doc-combo-group+.db-doc-combo-group{margin-top:16px}.db-doc-combo-gh{font-family:var(--font-mono);font-size:12px;color:var(--fg-2);margin:0 0 8px;letter-spacing:.03em}.db-doc-combo-gh-sub{color:var(--muted)}.db-doc-combo{border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:6px;background:var(--surface)}.db-doc-combo-full{border-color:color-mix(in oklab,var(--phos) 40%,var(--line))}.db-doc-combo-almost{border-color:color-mix(in oklab,var(--magenta) 30%,var(--line))}.db-doc-combo-cards{display:flex;flex-wrap:wrap;gap:5px}.db-doc-chip{font-size:12.5px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--fg-2)}.db-doc-chip-miss{border-color:var(--magenta);color:var(--magenta-h);background:color-mix(in oklab,var(--magenta) 12%,transparent)}.db-doc-combo-out{font-family:var(--font-mono);font-size:11.5px;color:var(--cyan);margin-top:6px}.db-doc-combo-desc{margin-top:6px}.db-doc-combo-desc summary{font-family:var(--font-mono);font-size:11px;color:var(--muted);cursor:pointer;min-height:24px}.db-doc-combo-desc p{color:var(--fg-2);font-size:13px;line-height:1.5;margin:6px 0 0;white-space:pre-line}.db-doc-combo-miss{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.db-doc-combo-miss-name{font-size:13px;color:var(--fg-2)}.db-doc-combo-miss .db-doc-sg-add{margin-top:0}.db-doc-badge-none{color:var(--muted);border-color:var(--line)}.db-doc-bracket-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.db-doc-bseg-wrap{display:inline-flex;gap:4px}.db-doc-bseg{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg-2);font-family:var(--font-mono);font-size:13.5px;cursor:pointer;transition:all .14s}.db-doc-bseg:hover{border-color:var(--cyan);color:var(--fg)}.db-doc-bseg.on{background:var(--cyan);border-color:var(--cyan);color:#000;font-weight:700}.db-doc-bverdict{font-size:11px;padding:5px 10px}.db-doc-bverdict.ok{color:var(--phos);border-color:color-mix(in oklab,var(--phos) 55%,transparent);background:color-mix(in oklab,var(--phos) 10%,transparent)}.db-doc-bverdict.bad{color:var(--magenta);border-color:color-mix(in oklab,var(--magenta) 55%,transparent);background:color-mix(in oklab,var(--magenta) 10%,transparent)}.db-doc-brow{display:flex;gap:12px;padding:11px 0;border-top:1px solid color-mix(in oklab,var(--line) 55%,transparent)}.db-doc-bicon{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12px;margin-top:1px}.db-doc-brow-ok .db-doc-bicon{color:var(--phos);border:1px solid color-mix(in oklab,var(--phos) 50%,transparent)}.db-doc-brow-warn .db-doc-bicon{color:#e8b21d;border:1px solid color-mix(in oklab,#e8b21d 50%,transparent)}.db-doc-brow-fail .db-doc-bicon{color:var(--magenta);border:1px solid color-mix(in oklab,var(--magenta) 55%,transparent);background:color-mix(in oklab,var(--magenta) 10%,transparent)}.db-doc-bbody{min-width:0}.db-doc-bhead{font-size:13.5px;color:var(--fg)}.db-doc-blimit{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-left:6px;white-space:nowrap}.db-doc-bhint{font-size:12.5px;color:var(--fg-2);margin-top:2px;line-height:1.5}.db-doc-bchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;align-items:center}.db-doc-bfoot{margin-top:12px;font-size:11.5px;line-height:1.55}.db-doc-dash{display:grid;grid-template-columns:auto minmax(200px,1.4fr) 1fr 1fr;gap:18px;align-items:center}@media (max-width: 760px){.db-doc-dash{grid-template-columns:auto 1fr}}.db-doc-dashtile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.db-doc-dashtile:first-child{align-items:center}.db-doc-dashlbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.5}.db-doc-dashbig{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--fg);line-height:1}.db-doc-dashhead{display:flex;align-items:baseline;gap:10px;width:100%;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--fg)}.db-doc-dashsub{font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--muted)}.db-doc-ring{width:84px;height:84px}.db-doc-ring circle{fill:none;stroke-width:6}.db-doc-ring-track{stroke:var(--line)}.db-doc-ring-fill{stroke:var(--cyan);stroke-linecap:round;transition:stroke-dasharray .4s ease}.db-doc-ring-full .db-doc-ring-fill{stroke:var(--phos)}.db-doc-ring-over .db-doc-ring-fill{stroke:var(--magenta)}.db-doc-ring text{fill:var(--fg);text-anchor:middle;font-family:var(--font-display)}.db-doc-ring-big{font-size:17px;font-weight:700}.db-doc-ring-sub{font-size:9px;fill:var(--muted)!important;font-family:var(--font-mono)}.db-doc-curve{display:flex;align-items:flex-end;gap:8px;width:100%;padding-top:4px;border-bottom:1px solid var(--line)}.db-doc-curvecol{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.db-doc-curveval{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-2);min-height:14px}.db-doc-curvebar{width:100%;max-width:34px;background:linear-gradient(180deg,color-mix(in oklab,var(--cyan) 85%,#fff),var(--cyan));border-radius:4px 4px 0 0;box-shadow:0 0 12px color-mix(in oklab,var(--cyan) 25%,transparent)}.db-doc-curvelbl{font-family:var(--font-mono);font-size:10px;color:var(--muted);padding:3px 0 4px}.db-doc-pips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.db-doc-pip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:13px;color:var(--fg-2)}.db-ci-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.5);display:inline-block}.db-ci-W{background:#f5eecb}.db-ci-U{background:#3f9fd0}.db-ci-B{background:#7a6f8a}.db-ci-R{background:#e04f3a}.db-ci-G{background:#3f9d5a}.db-ci-C{background:#9a9aa5}.db-doc-swap{position:fixed;inset:0;z-index:96;display:grid;place-items:center;padding:20px;background:#030409b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.db-doc-swap-card{width:min(480px,100%);padding:22px 24px;background:var(--bg-2);border:1px solid color-mix(in oklab,var(--magenta) 45%,var(--line));border-radius:16px;box-shadow:0 22px 60px #0009}.db-doc-swap-h{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--fg);margin-bottom:8px}.db-doc-swap-p{font-size:13.5px;color:var(--fg-2);line-height:1.6;margin-bottom:14px}.db-doc-swap-p b{color:var(--cyan)}.db-doc-swap-lbl{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.db-doc-swap-sel{width:100%;height:44px;padding:0 12px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-family:inherit;font-size:14px;cursor:pointer}.db-doc-swap-sel:focus{outline:none;border-color:var(--cyan)}.db-doc-swap-actions{display:flex;flex-wrap:wrap;gap:10px}.db-bs{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,24px)}.db-bs-h{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);letter-spacing:-.02em;color:var(--fg);margin:0 0 6px}.db-bs-sub{color:var(--fg-2);font-size:14px;line-height:1.6;margin:0 0 14px;max-width:62ch}.db-bs-stat{font-family:var(--font-display);font-weight:600;font-size:clamp(15px,2.4vw,18px);color:var(--fg);line-height:1.45;margin:0 0 16px}.db-bs-stat .db-bs-share{color:var(--phos)}.db-bs-controls{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.db-bs-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--font-mono);font-size:12.5px;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-bs-toggle input{width:20px;height:20px;accent-color:var(--cyan);cursor:pointer}.db-bs-budget{flex:1 1 260px;min-width:220px;display:flex;flex-direction:column;gap:8px}.db-bs-budget-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--muted)}.db-bs-budget-val{color:var(--phos);font-weight:600}.db-bs-budget-range{width:100%;height:44px;accent-color:var(--cyan);cursor:pointer}.db-bs-budget-range:disabled{opacity:.4;cursor:default}.db-bs-budget-note{margin:8px 0 0;min-height:1.2em;font-family:var(--font-mono);font-size:12px;color:var(--phos);letter-spacing:.02em}.db-bs-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px}.db-bs-actions .btn{min-height:44px}.db-bs-actions .btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.db-bs-added{font-family:var(--font-mono);font-size:12px;color:var(--phos);letter-spacing:.02em}.db-bs-added a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}.db-bs-tablewrap{margin-top:16px}.db-bs-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.db-bs-table{width:100%;border-collapse:collapse;min-width:560px}.db-bs-table th,.db-bs-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--fg-2)}.db-bs-table thead th{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.db-bs-table tbody tr:last-child td{border-bottom:0}.db-bs-name{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--fg)}.db-bs-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.db-bs-price{color:var(--phos);font-weight:600}.db-bs-inbudget{display:inline-block;margin-left:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--phos)}.db-bs-overbudget{display:inline-block;margin-left:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2)}.db-bs-empty,.db-bs-hidden{margin:12px 2px 0;font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.6}.db-bs-badge{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid;white-space:nowrap;cursor:help}.db-bs-badge.exakt{color:var(--phos);border-color:color-mix(in oklab,var(--phos) 55%,transparent);background:color-mix(in oklab,var(--phos) 12%,transparent)}.db-bs-badge.sicher{color:var(--cyan);border-color:color-mix(in oklab,var(--cyan) 55%,transparent);background:color-mix(in oklab,var(--cyan) 12%,transparent)}.db-bs-badge.unscharf{color:var(--magenta);border-color:color-mix(in oklab,var(--magenta) 55%,transparent);background:color-mix(in oklab,var(--magenta) 12%,transparent)}.db-bs-badge.fehlt{color:var(--muted-2);border-color:var(--line);cursor:default}.db-bs-missing{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.db-bs-missing-sum{padding:12px 16px;min-height:44px;display:flex;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-bs-missing[open] .db-bs-missing-sum{border-bottom:1px solid var(--line)}.db-bs-missing-body{padding:6px 16px 14px}.db-bs-missing-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.db-bs-missing-list li{font-size:14px;color:var(--fg-2);line-height:1.5}.db-bs-miss-q{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--magenta);margin-right:4px}.db-bs-miss-part{color:var(--muted);font-size:12.5px}.db-bs-build{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.db-bs-build .btn{min-height:44px}.db-bs-build-hint{flex:1 1 240px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);line-height:1.55}.db-bs-note{margin-top:16px;font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:.02em;line-height:1.6}@media (prefers-reduced-motion: reduce){.db-bs *{transition:none!important}}.db-share{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,24px)}.db-share-h{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);letter-spacing:-.02em;color:var(--fg);margin:0 0 6px}.db-share-h2{font-family:var(--font-display);font-size:17px;color:var(--fg);letter-spacing:-.01em;margin:24px 0 4px}.db-share-sub{color:var(--fg-2);font-size:14px;line-height:1.6;margin:0 0 14px;max-width:60ch}.db-share-sub code{font-family:var(--font-mono);font-size:12px;color:var(--cyan)}.db-share-linkrow{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.db-share-link{flex:1 1 260px;min-width:0;height:52px;padding:0 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius, 12px);color:var(--fg-2);font-family:var(--font-mono);font-size:12.5px}.db-share-link:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in oklab,var(--cyan) 22%,transparent)}.db-share-linkrow .btn{flex:0 0 auto}.db-share-copy[disabled],.db-share-native[disabled]{opacity:.45;cursor:default;box-shadow:none}.db-share-qrwrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px}.db-share-qr{flex:0 0 auto;width:160px;height:160px;padding:12px;background:#fff;border-radius:12px;box-sizing:border-box}.db-share-qr:empty{background:var(--bg-2);border:1px dashed var(--line)}.db-share-qr svg{display:block;width:100%;height:100%}.db-share-qrhint{flex:1 1 220px;min-width:0;font-size:13px;color:var(--muted);line-height:1.6;margin:0}.db-share-exports{display:flex;flex-direction:column;gap:8px;margin-top:10px}.db-share-exprow{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:11px}.db-share-expname{flex:1;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--fg)}.db-share-expbtn{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--fg-2);font-family:var(--font-mono);font-size:12.5px;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.db-share-expbtn:hover{color:var(--cyan);border-color:var(--cyan);background:color-mix(in oklab,var(--cyan) 10%,transparent)}.db-share-expbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.db-share-import{margin:22px 0 0;font-size:13.5px;color:var(--fg-2);line-height:1.6}.db-share-importlink{background:none;border:0;padding:0;color:var(--cyan);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.db-share-importlink:hover{color:var(--cyan-h)}@media (max-width: 560px){.db-share-linkrow .btn{width:100%}.db-share-expbtn{flex:1}}.db-funnel{margin:0 0 20px}.db-funnel-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px}.db-steps{display:flex;list-style:none;padding:0;margin:0}.db-steps li{flex:1;display:flex}.db-step-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:2px 6px 6px;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--muted);transition:color .16s}.db-steps li+li .db-step-btn:before{content:"";position:absolute;top:19px;height:2px;left:calc(-50% + 26px);right:calc(50% + 26px);background:var(--line);transition:background .2s}.db-step-btn .db-step-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--line);background:var(--bg-2);font-size:14px;font-weight:700;position:relative;z-index:1;transition:all .16s}.db-step-btn:hover{color:var(--fg-2)}.db-step-btn:hover .db-step-n{border-color:color-mix(in oklab,var(--cyan) 55%,var(--line))}.db-step-btn.on{color:var(--fg)}.db-step-btn.on .db-step-n{background:var(--cyan);border-color:var(--cyan);color:#000;box-shadow:0 0 16px color-mix(in oklab,var(--cyan) 40%,transparent)}.db-step-btn.done{color:var(--fg-2)}.db-step-btn.done .db-step-n{border-color:var(--cyan);color:var(--cyan);background:color-mix(in oklab,var(--cyan) 10%,var(--bg-2));font-size:0}.db-step-btn.done .db-step-n:before{content:"✓";font-size:15px}.db-steps li+li .db-step-btn.on:before,.db-steps li+li .db-step-btn.done:before{background:var(--cyan)}@media (max-width: 640px){.db-step-btn .db-step-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.db-step-btn{gap:0}}.db-stepnav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}@media (max-width: 700px){.db-stepnav .btn{flex:1 1 100%}}.db-stepnav-sticky{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:45;border:1px solid var(--line);border-radius:14px;background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 14px;box-shadow:0 10px 32px #00000073}@media (max-width: 700px){.db-stepnav-sticky .btn{flex:1 1 auto}}.db-peek{position:fixed;z-index:70;width:320px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease;filter:drop-shadow(0 14px 38px rgba(0,0,0,.65))}.db-peek.on{opacity:1;visibility:visible}.db-peek img{width:100%;height:auto;display:block;border-radius:4.5%/3.2%;background:var(--line)}.db-rec:hover{border-color:color-mix(in oklab,var(--cyan) 60%,var(--line))}.db-msg{min-height:20px;margin:0 0 14px;font-family:var(--font-mono);font-size:12.5px;color:var(--phos);letter-spacing:.02em}.db-stephead{margin:4px 0 18px}.db-stephead h2{font-family:var(--font-display);font-size:clamp(21px,3.4vw,30px);letter-spacing:-.02em;color:var(--fg);margin-bottom:6px}.db-stephead p{color:var(--fg-2);font-size:clamp(13.5px,2.2vw,15px);line-height:1.6;max-width:64ch}.db-stephead strong{color:var(--cyan)}.db-step{display:none}.db-step.on{display:block}.db-step:focus{outline:none}.db-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.db-hint{margin-top:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.db-state{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:var(--font-mono);font-size:13px;color:var(--muted);line-height:1.7}.db-state a{color:var(--cyan);text-decoration:underline}.db-field{width:100%;max-width:560px;height:48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;font-size:15px;color:var(--fg);font-family:inherit;transition:border-color .16s,box-shadow .16s}.db-field::-moz-placeholder{color:var(--muted-2)}.db-field::placeholder{color:var(--muted-2)}.db-field:hover{border-color:color-mix(in oklab,var(--cyan) 45%,var(--line))}.db-field:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in oklab,var(--cyan) 22%,transparent)}.db-cmdsearch{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.db-ci{display:inline-flex;gap:4px;vertical-align:middle}.db-ci i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.5)}.db-ci .W{background:#f5eecb}.db-ci .U{background:#3f9fd0}.db-ci .B{background:#7a6f8a}.db-ci .R{background:#e04f3a}.db-ci .G{background:#3f9d5a}.db-ci .C{background:#9a9aa5}.db-cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:20px}.db-cmd-card{display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .16s,transform .16s}.db-cmd-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.db-cmd-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.db-cmd-card img{width:100%;aspect-ratio:5 / 7;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);background:var(--line)}.db-cmd-card .db-thumb{width:100%;aspect-ratio:5 / 7;display:grid;place-items:center;border-radius:var(--radius);background:var(--line);font-family:var(--font-mono);font-size:10px;color:var(--muted)}.db-cmd-card b{font-family:var(--font-display);font-size:14px;color:var(--fg);line-height:1.25}.db-cmdbar{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.db-cmdbar img{width:52px;aspect-ratio:5 / 7;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);background:var(--line)}.db-cmdbar b{font-family:var(--font-display);font-size:17px;color:var(--fg);display:block}.db-cmdbar .db-cmdmeta{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:8px}.db-cmdbar .db-recmd{background:none;border:0;color:var(--cyan);cursor:pointer;text-decoration:underline;font:inherit;padding:0}.db-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.db-build2{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:22px;align-items:start}@media (max-width: 960px){.db-build2{grid-template-columns:1fr}}.db-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.db-panel-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.db-panel-head h3{font-family:var(--font-display);font-size:17px;color:var(--fg);letter-spacing:-.01em}.db-panel-head .db-tipbtn{min-width:44px;min-height:44px;margin:-8px 0 -8px auto;border:0;background:transparent;color:var(--cyan);font-size:16px;cursor:pointer;border-radius:var(--radius)}.db-panel-head .db-tipbtn:hover{background:color-mix(in oklab,var(--cyan) 12%,transparent)}.db-tip{font-size:13px;color:var(--fg-2);line-height:1.55;margin:2px 0 10px}.db-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}@media (min-width: 640px){.db-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.db-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.db-rec{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:6px}.db-rec .db-thumb{width:100%;aspect-ratio:5 / 7;border-radius:var(--radius);background:var(--line);overflow:hidden;display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.db-rec .db-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.db-rec b{font-size:12.5px;line-height:1.3;color:var(--fg);font-weight:600}.db-rec .db-recmeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}.db-rec .db-plus{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 82%,transparent);color:var(--cyan);font-size:20px;font-weight:700;cursor:pointer;transition:all .14s}.db-rec .db-plus:hover{background:var(--cyan);color:#000;border-color:var(--cyan)}.db-rec.in-deck{border-color:color-mix(in oklab,var(--phos) 60%,transparent)}.db-rec.in-deck .db-plus{color:var(--phos)}.db-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:2px 7px;border-radius:999px;border:1px solid;white-space:nowrap}.db-badge.pct{color:var(--cyan);border-color:color-mix(in oklab,var(--cyan) 55%,transparent);background:color-mix(in oklab,var(--cyan) 10%,transparent)}.db-badge.gc{color:#e8b21d;border-color:color-mix(in oklab,#e8b21d 55%,transparent);background:color-mix(in oklab,#e8b21d 10%,transparent)}.db-badge.warn{color:var(--magenta);border-color:color-mix(in oklab,var(--magenta) 55%,transparent);background:color-mix(in oklab,var(--magenta) 10%,transparent)}.db-sharewrap{margin-top:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}.db-sharewrap-sum{cursor:pointer;padding:14px 18px;min-height:44px;display:flex;align-items:center;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--fg-2)}.db-sharewrap-sum:hover{color:var(--cyan)}.db-sharewrap[open] .db-sharewrap-sum{border-bottom:1px solid var(--line)}.db-sharewrap #db-share{padding:4px 18px 18px}@media (max-width: 700px){.db-toolbar .btn{width:100%}}
