@layer components{.vault{gap:22px;display:grid;container-type:inline-size}.vault-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@container (min-width:560px){.vault-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.vault-stats>div{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-void) 70%, transparent);border-radius:10px;padding:12px 16px}.vault-stats dt{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.vault-stats dd{font-family:var(--font-display);color:var(--color-pearl);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.vault-grid{align-items:start;gap:28px;display:grid}@container (min-width:900px){.vault-grid{grid-template-columns:400px minmax(0,1fr)}}.vault-note{text-align:center;color:var(--color-muted);font-size:13px}.vault-art-note{text-align:center;color:var(--color-muted);margin-top:-12px;font-size:12px}.vault-note a{color:var(--color-crystal);text-underline-offset:3px;text-decoration:underline}.vb{gap:14px;display:grid;container-type:inline-size}.vb-tools{gap:10px;display:grid}.vb-search{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-void) 80%, transparent);height:42px;color:var(--color-muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.vb-search:focus-within{border-color:var(--color-crystal)}.vb-search input{min-width:0;color:var(--color-pearl);background:0 0;border:0;outline:0;flex:1;font-size:14px}.vb-chips{flex-wrap:wrap;gap:6px;display:flex}.vb-chip{border:1px solid var(--color-line);min-height:32px;color:var(--color-silver);border-radius:999px;padding:0 12px;font-size:12.5px;font-weight:600}.vb-chip span{opacity:.7;margin-left:4px;font-size:11px}.vb-chip[aria-pressed=true]{background:var(--color-crystal);border-color:var(--color-crystal);color:var(--color-void)}.vb-body{gap:14px;display:grid}@container (min-width:560px){.vb-body{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.vb-tip{position:sticky;top:90px}}.vb-list{background:#060919;border-radius:10px;gap:4px;max-height:560px;padding:6px;display:grid;overflow:auto;box-shadow:inset 0 0 0 1px #262c5c,inset 0 0 30px #000}.vb-row{text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"i n q""i w q";gap:2px 10px;width:100%;padding:9px 12px;transition:background .15s,border-color .15s;display:grid}.vb-row:hover,.vb-row[aria-pressed=true]{background:#ffffff0f;border-color:#3a4180}.vb-row:focus-visible{outline:2px solid var(--color-crystal);outline-offset:1px}.vb-ico{background:radial-gradient(circle at 50% 40%,#1d2560,#0a0d24);border-radius:8px;grid-area:i;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #2c3470}.vb-name{grid-area:n;font-size:14px;font-weight:700}.vb-where{color:#9aa3c7;grid-area:w;font-size:11.5px}.vb-qty{font-family:var(--font-mono), monospace;color:#ece9ff;grid-area:q;align-self:center;font-size:13px}.vb-qty em{color:#9aa3c7;font-size:11px;font-style:normal}.vb-none{text-align:center;color:#9aa3c7;padding:20px}.vb-hint{text-align:center;color:var(--color-muted);border:1px dashed var(--color-line);border-radius:10px;padding:18px;font-size:13px}.wv-head{gap:14px;margin-bottom:16px;display:grid}.wv-lede{color:var(--color-silver);max-width:70ch;font-size:14px}.wv-lede code{font-family:var(--font-mono), monospace;background:color-mix(in srgb, var(--color-pearl) 10%, transparent);color:var(--color-pearl);border-radius:4px;padding:1px 6px}.wv-steps{flex-wrap:wrap;gap:8px;display:flex}.wv-steps li{border:1px solid var(--color-line);color:var(--color-silver);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12.5px;display:inline-flex}.wv-steps span{background:var(--color-crystal);width:22px;height:22px;color:var(--color-void);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.wv-list{gap:8px;display:grid}.wv-row{background:#060919;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 1px #262c5c}.wv-name{color:#ece9ff;font-weight:700}.wv-qty{font-family:var(--font-mono), monospace;color:#ece9ff}.wv-meta{color:#9aa3c7;font-size:12px}.wv-state{color:#6ff2b0;text-align:right;font-size:12px}.wv-empty,.wv-sample{color:var(--color-muted);text-align:center;padding:12px;font-size:13px}.wv-sample{border:1px dashed var(--color-line);border-radius:8px;margin-top:12px}.cr-lede{color:var(--color-silver);max-width:70ch;margin-bottom:14px;font-size:14px}.cr-form{align-items:end;gap:12px;display:grid}@media (min-width:720px){.cr-form{grid-template-columns:1fr 1fr auto}}.cr-field{letter-spacing:.16em;text-transform:uppercase;color:var(--color-silver);gap:6px;font-size:11px;display:grid}.cr-field select{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-void) 85%, transparent);height:44px;color:var(--color-pearl);letter-spacing:0;text-transform:none;border-radius:6px;padding:0 10px;font-size:14px}.cr-go{height:44px}.cr-msg{border:1px solid var(--color-line);border-radius:6px;margin-top:12px;padding:10px 12px;font-size:14px}.cr-msg.is-ok{border-color:color-mix(in srgb, var(--color-crystal) 55%, transparent);color:var(--color-pearl)}.cr-msg.is-bad{color:#ffc2d0;border-color:#ff7b9b88}.cr-list{gap:8px;margin-top:16px;display:grid}.cr-row{border:1px solid var(--color-line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 12px;display:grid}.cr-what{color:var(--color-pearl);font-size:14px}.cr-state{color:var(--color-muted);grid-column:1;font-size:12px}.cr-done .cr-state{color:#5fd39a}.cr-refused .cr-state,.cr-uncertain .cr-state{color:#f5b54a}.cr-row form{grid-area:1/2/span 2;align-self:center}.cr-cancel{border:1px solid var(--color-line);color:var(--color-silver);border-radius:6px;padding:6px 10px;font-size:12px}.cr-none,.cr-sample{color:var(--color-muted);text-align:center;padding:10px;font-size:13px}.cr-sample{border:1px dashed var(--color-line);border-radius:8px;margin-top:12px}}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) .vault-stats>div,[data-template=sanctuary] .vault-stats>div{background:#fff9}.vault-intro{text-align:center;max-width:64ch;color:var(--color-silver);margin:-6px auto 16px;font-size:14px;line-height:1.6}.vault-stats small{color:var(--color-muted);margin-top:2px;font-size:11px;display:block}.vault-stats>.vault-jewel{padding-left:58px;position:relative;overflow:hidden}.vault-jewel:before{content:"";background:linear-gradient(135deg, #fff, var(--jw) 45%, color-mix(in srgb, var(--jw) 45%, #000));width:30px;height:30px;box-shadow:0 0 14px var(--jw), inset 0 0 6px #fff8;border-radius:5px;margin-top:-15px;position:absolute;top:50%;left:14px;transform:rotate(45deg)}.vault-jewel-bless{--jw:#7fd8ff}.vault-jewel-soul{--jw:#ffd36b}.vault-jewel dd{color:color-mix(in srgb, var(--jw) 55%, #fff)}.vault-grid-one{grid-template-columns:minmax(0,1fr)!important}.vault-portal .vault-stats{margin-bottom:18px}.vault-portal .vault-grid{gap:18px}[data-vault]{--vault-glow:.4}[data-vault] .item-pic{filter:drop-shadow(0 2px 4px #000c)}[data-vault] .item-pic[data-tone=exc]{filter:drop-shadow(0 2px 4px #000c) drop-shadow(0 0 calc(10px * var(--vault-glow)) color-mix(in srgb, #4dff88 calc(var(--vault-glow) * 100%), transparent))}[data-vault] .item-pic[data-tone=anc]{filter:drop-shadow(0 2px 4px #000c) drop-shadow(0 0 calc(10px * var(--vault-glow)) color-mix(in srgb, #3fe0c0 calc(var(--vault-glow) * 100%), transparent))}[data-vault] .item-pic[data-tone=gold],[data-vault] .item-pic[data-tone=socket]{filter:drop-shadow(0 2px 4px #000c) drop-shadow(0 0 calc(8px * var(--vault-glow)) color-mix(in srgb, #ffd36b calc(var(--vault-glow) * 100%), transparent))}.mu-tip-pic{background:radial-gradient(closest-side,#ffffff10,#0000);place-items:center;max-width:100%;margin:0 auto 8px;display:grid}