/* v56: My Wardrobe + market board. Same palette as the rest of Crystal Glamours (night blue, crystal cyan, soft gold). */
:root{--wd-gold:#e5cf93;--wd-gold-soft:#f3e6c2;--wd-cyan:#9ccfd9;--wd-text:#e7edf5;--wd-muted:#9eb3c7;--wd-line:#43566a77;--wd-panel:#0f1d2ccc;--wd-good:#9fe6cf;--wd-warn:#ffcf8a;--wd-no:#d7a7a7}
.wd-btn{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid #58778599;border-radius:999px;background:#10233599;color:#d8e8f0;font-size:13px;line-height:1.3;text-decoration:none;transition:border-color .18s,background .18s,color .18s}
.wd-btn:hover{border-color:var(--wd-gold);color:var(--wd-gold-soft)}
.wd-btn:disabled{opacity:.6;cursor:progress}
.wd-btn:focus-visible{outline:2px solid #a8e2f7;outline-offset:2px}
.wd-primary{border-color:#ad985c;background:linear-gradient(135deg,#41463b,#202d37);color:#f6e9bd}
.wd-ghost{background:none}
.wd-link{min-height:28px;padding:0 8px;border:0;background:none;color:var(--wd-cyan);text-decoration:underline;text-underline-offset:3px}
.wd-note{margin:6px 0 0;color:var(--wd-muted);font-size:13px;line-height:1.6}
.wd-fine{margin:4px 0 0;color:#7f93a7;font-size:11.5px;line-height:1.5}
.wd-good{color:var(--wd-good)}
.wd-warn,.wd-stale{color:var(--wd-warn)}
.wd-eyebrow{display:block;color:var(--wd-gold);font-size:11px;letter-spacing:.16em}

/* gallery card badge: small, bottom-left of the photo, never covering the face */
.outfit .photo .wd-badge{position:absolute;left:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:4px 10px 4px 8px;border:1px solid #ffffff2b;border-radius:999px;background:#06111bd9;backdrop-filter:blur(6px);color:#e7edf5;font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;pointer-events:none}
.outfit .photo .wd-badge small{color:var(--wd-muted);font-size:11px}
.outfit .photo .wd-badge.is-done{border-color:#9fe6cf88;color:var(--wd-good)}
.wd-badge-bar{position:relative;flex:none;width:28px;height:4px;border-radius:9px;background:#ffffff26;overflow:hidden}
.wd-badge-bar::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,var(--wd-cyan),var(--wd-gold));border-radius:inherit}
@media(max-width:600px){.outfit .photo .wd-badge small{display:none}.outfit .photo .wd-badge{font-size:11px;padding:3px 8px}}

/* detail + share: completion and cost panels */
.wd-panel{margin:12px 0 14px;padding:14px 16px;border:1px solid var(--wd-line);border-radius:16px;background:linear-gradient(135deg,#7df9ff0d,#c9b2780f),var(--wd-panel)}
.wd-comp-head{display:grid;gap:4px}
.wd-comp-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.wd-comp-big strong{font-size:22px;color:var(--wd-gold-soft);letter-spacing:.02em}
.wd-pct{color:var(--wd-cyan);font-size:15px;font-weight:600}
.wd-bar{height:8px;margin:10px 0 6px;border-radius:9px;background:#ffffff14;overflow:hidden}
.wd-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7df9ff,#e5cf93);transition:width .35s ease}
.wd-comp-note{margin:4px 0 0;color:#c7d6e3;font-size:13.5px}
.wd-comp.is-done .wd-comp-note{color:var(--wd-good);font-weight:600}
.wd-comp.is-done .wd-bar i{background:linear-gradient(90deg,#9fe6cf,#e5cf93)}
.wd-comp.is-guest{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.wd-comp.is-guest .wd-comp-head{flex:1 1 240px}
.wd-comp.is-guest strong{color:var(--wd-gold-soft)}

/* one row per item (added under each existing gear row) */
.wd-gear{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed #ffffff14}
.wd-gear-top{display:flex;flex-wrap:wrap;gap:6px}
.wd-own{min-height:32px;padding:0 12px;font-size:12px}
.wd-own.is-on{border-color:#9fe6cf88;color:var(--wd-good);background:#9fe6cf14}
.wd-mkt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12.5px;color:#c7d6e3}
.wd-mkt.is-no{color:var(--wd-no)}
.wd-mkt.is-muted,.wd-mkt-wait{color:#7f93a7}
.wd-price{color:var(--wd-gold-soft);font-size:13.5px}
.wd-mkt-meta{color:var(--wd-muted);font-size:11.5px}
.wd-sale{flex-basis:100%;color:#9eb3c7;font-size:11.5px}
.wd-stale{font-size:11.5px}
.wd-compare-line{color:var(--wd-cyan);font-size:11.5px}
.share-gear li .wd-gear{flex-basis:100%;width:100%}

.wd-buy-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.wd-buy-head h3{margin:0;font-size:16px;color:#ede2c8}
.wd-buy-head h3::before{content:'◇ ';color:var(--wd-gold)}
.wd-world{display:flex;align-items:center;gap:4px;color:var(--wd-muted);font-size:12.5px}
.wd-buy-stats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.wd-buy-stats li{padding:3px 10px;border:1px solid #ffffff1f;border-radius:999px;background:#06111b80;color:#d5e3ee;font-size:12px}
.wd-buy-list{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid #ffffff14}
.wd-buy-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid #ffffff0f;font-size:13.5px}
.wd-buy-list li.is-muted{color:#8ea2b5}
.wd-buy-name{min-width:0;overflow-wrap:anywhere}
.wd-buy-price{flex:none;text-align:right;font-variant-numeric:tabular-nums}
.wd-buy-total{border-bottom:0!important;padding-top:12px!important;font-size:15px!important}
.wd-buy-total strong{color:var(--wd-gold-soft);font-size:18px}
.wd-buy .wd-ghost{margin-top:10px}
.wd-compare{margin-top:10px;padding:10px 12px;border:1px solid #9ccfd944;border-radius:12px;background:#9ccfd90d;font-size:13px}
.wd-compare strong{color:var(--wd-cyan)}
.wd-compare p{margin:4px 0 0;color:#d5e3ee}

/* world picker */
.wd-dialog{width:min(460px,calc(100% - 24px));padding:20px;border:1px solid #64707b;border-radius:20px;background:radial-gradient(ellipse at 0 0,#29455788,transparent 70%),#0e1a29;color:var(--wd-text);box-shadow:0 24px 80px #000a}
.wd-dialog::backdrop{background:#030712b3;backdrop-filter:blur(3px)}
.wd-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wd-dialog-top h2{margin:0;font-size:18px;color:var(--wd-gold-soft)}
.wd-close{width:40px;min-height:40px;padding:0;font-size:18px}
.wd-world-form{display:grid;gap:12px;margin-top:14px}
.wd-world-form label{display:grid;gap:6px;color:#c7d6e3;font-size:13px}
.wd-world-form select,.wd-filter select{font:inherit;font-size:14px;min-height:42px;padding:0 10px;border:1px solid #456070;border-radius:12px;background:#0b1626;color:var(--wd-text)}

/* glamours toolbar filter */
.wd-filter{display:grid;gap:6px}
.wd-filter>span::before{content:'◇ ';color:var(--wd-gold)}

/* ── My Wardrobe page ───────────────────────────────────────────── */
.wd-page{padding-bottom:28px}
.wd-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:6px 0 18px;border-bottom:1px solid #ffffff14}
.wd-hero h1{margin:4px 0 6px;font-size:clamp(26px,4vw,36px);color:#f6e9bd;letter-spacing:.04em}
.wd-hero p{margin:0;color:#c4d4e2}
.wd-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.wd-stats li{display:grid;min-width:92px;padding:10px 14px;border:1px solid #c9b27855;border-radius:14px;background:linear-gradient(160deg,#c9b2781a,#06111b99)}
.wd-stats strong{font-size:22px;color:var(--wd-gold-soft);line-height:1.2}
.wd-stats span{color:var(--wd-muted);font-size:12px}
.wd-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 16px}
.wd-tabs button{font:inherit;min-height:42px;padding:0 18px;border:1px solid #43566a99;border-radius:999px;background:#0d1a29b3;color:#d5e3ee;cursor:pointer}
.wd-tabs button[aria-selected=true]{border-color:#ad985c;color:#f6e9bd;background:linear-gradient(135deg,#41463b,#202d37)}
.wd-section h2{margin:0 0 4px;font-size:19px;color:#ede2c8}
.wd-section h2::before{content:'✦ ';color:var(--wd-gold)}
.wd-section>.wd-note{margin-bottom:12px}
.wd-toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}
.wd-toolbar input,.wd-toolbar select{font:inherit;font-size:14px;min-height:44px;width:100%;box-sizing:border-box;padding:0 12px;border:1px solid #456070;border-radius:12px;background:#0b1626;color:var(--wd-text)}
.wd-toolbar label{display:grid;gap:4px;color:var(--wd-muted);font-size:12px}
.wd-check{display:flex!important;align-items:center;gap:8px!important;min-height:44px;padding:0 12px;border:1px solid #456070;border-radius:12px;background:#0b1626;color:#d5e3ee!important;font-size:13px!important;cursor:pointer}
.wd-check input{width:18px!important;min-height:0!important;height:18px;accent-color:#e5cf93}
.wd-status{min-height:20px;margin:0 0 10px;color:var(--wd-muted);font-size:13px}
/* the item grid looks like the slots of a glamour dresser */
.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.wd-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #43566a88;border-radius:14px;background:linear-gradient(160deg,#16283bcc,#0b1626e6);color:var(--wd-text);text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}
.wd-item:hover{border-color:#9ccfd9aa;transform:translateY(-2px);box-shadow:0 10px 22px #0007}
.wd-item:focus-visible{outline:2px solid #a8e2f7;outline-offset:2px}
.wd-item.is-owned{border-color:#c9b27888;box-shadow:inset 0 0 0 1px #c9b27822}
.wd-slot-icon{position:relative;width:52px;height:52px;border-radius:12px;border:1px solid #ffffff26;background:radial-gradient(circle at 30% 25%,#2a4359,#0b1626);overflow:hidden;display:grid;place-items:center}
.wd-slot-icon img{width:44px;height:44px}
.wd-item.is-owned .wd-slot-icon::after{content:'✓';position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;display:grid;place-items:center;border-radius:8px 0 11px 0;background:#c9b278;color:#1a1408;font-size:11px;font-weight:700}
.wd-item-copy{display:grid;gap:2px;min-width:0}
.wd-item-copy strong{font-size:14px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wd-item-copy small{color:var(--wd-muted);font-size:11.5px}
.wd-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.wd-item-tags span{padding:1px 7px;border-radius:999px;border:1px solid #ffffff1f;color:#c7d6e3;font-size:10.5px}
.wd-item-tags .is-mkt{border-color:#e5cf9366;color:var(--wd-gold-soft)}
.wd-item-toggle{grid-column:1/-1;justify-self:start;min-height:30px;font-size:12px}
.wd-more{display:flex;justify-content:center;margin:16px 0 0}
.wd-empty{padding:28px 18px;border:1px dashed #43566a;border-radius:16px;text-align:center;color:#c4d4e2}
.wd-empty p{margin:0 0 12px}
/* recommendations */
.wd-rec-group{margin:0 0 22px}
.wd-rec-group h3{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:16px;color:#ede2c8}
.wd-rec-group h3 small{color:var(--wd-muted);font-size:12.5px;font-weight:400}
.wd-rec-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.wd-rec{display:grid;grid-template-rows:auto 1fr;border:1px solid #43566a88;border-radius:16px;overflow:hidden;background:#0b1626;color:var(--wd-text);text-decoration:none;transition:border-color .18s,transform .18s}
.wd-rec:hover{border-color:#9ccfd9aa;transform:translateY(-2px)}
.wd-rec-photo{position:relative;aspect-ratio:4/3;background:#15283b;overflow:hidden}
.wd-rec-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.wd-rec-photo .wd-rec-pct{position:absolute;left:8px;bottom:8px;padding:3px 10px;border-radius:999px;background:#06111bd9;border:1px solid #ffffff2b;font-size:12px}
.wd-rec-photo .wd-rec-pct.is-done{color:var(--wd-good);border-color:#9fe6cf88}
.wd-rec-copy{display:grid;gap:4px;padding:10px 12px 12px;align-content:start}
.wd-rec-copy strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-rec-copy small{color:var(--wd-muted);font-size:12px}
.wd-rec-miss{display:grid;gap:2px;margin-top:4px;padding-top:6px;border-top:1px dashed #ffffff14;font-size:12.5px}
.wd-rec-miss b{font-weight:400;color:#d5e3ee}
.wd-rec-miss .wd-mkt{font-size:12px}
.wd-guest{display:grid;gap:14px;max-width:720px;margin:12px auto;padding:22px;border:1px solid #c9b27855;border-radius:20px;background:linear-gradient(135deg,#c9b2781a,#0d1a29cc)}
.wd-guest ol{margin:0;padding-left:20px;color:#d5e3ee;line-height:1.8}
.wd-guest .wd-primary{justify-self:start;min-height:44px;padding:0 22px;font-size:15px}
/* item detail dialog */
.wd-item-dialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto}
.wd-item-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;margin-top:8px}
.wd-item-head .wd-slot-icon{width:72px;height:72px}
.wd-item-head .wd-slot-icon img{width:60px;height:60px}
.wd-item-head h3{margin:0 0 4px;font-size:19px;color:var(--wd-gold-soft);overflow-wrap:anywhere}
.wd-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.wd-facts li{padding:2px 9px;border:1px solid #ffffff1f;border-radius:999px;color:#c7d6e3;font-size:12px}
.wd-item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 6px}
.wd-item-mkt{margin:4px 0 0;padding:10px 12px;border:1px solid #ffffff14;border-radius:12px;background:#06111b80}
.wd-uses h4{margin:18px 0 10px;font-size:15px;color:#ede2c8}
.wd-uses-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.wd-uses-row .mini-outfit{flex:none;width:auto}

@media(max-width:900px){.wd-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-toolbar>:first-child{grid-column:1/-1}}
@media(max-width:600px){
 .wd-hero{grid-template-columns:1fr;gap:12px}
 .wd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wd-stats li{min-width:0;padding:8px 10px}.wd-stats strong{font-size:18px}
 .wd-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wd-tabs button{padding:0 6px;font-size:13px}
 .wd-grid{grid-template-columns:1fr}
 .wd-rec-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wd-rec-copy{padding:8px 10px 10px}.wd-rec-copy strong{font-size:13.5px}
 .wd-panel{padding:12px}
 .wd-comp-big strong{font-size:19px}
 .wd-buy-list li{font-size:13px}
 .wd-uses-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.wd-item,.wd-rec,.wd-bar i{transition:none}.wd-item:hover,.wd-rec:hover{transform:none}}
.detail-info .wd-panel h3{border-top:0;padding-top:0;font-size:16px}
/* share page: its gear list styles every li/span inside .share-gear, so the panels reset them */
.share-gear ul>li>.wd-gear{grid-column:2/-1}
.share-gear .wd-panel li{display:block;grid-template-columns:none;align-items:initial}
.share-gear .wd-buy-stats li{padding:3px 10px;border:1px solid #ffffff1f;border-radius:999px;background:#06111b80}
.share-gear .wd-buy-list li{display:flex;padding:8px 2px;border:0;border-bottom:1px solid #ffffff0f;border-radius:0;background:none}
.share-gear .wd-buy-list li>span{font-size:13.5px!important;color:inherit;display:block}
.share-gear .wd-buy-list li.wd-buy-total{border-bottom:0}
.share-gear .wd-panel span{color:inherit}
.share-gear .wd-world span{color:var(--wd-muted)}
.share-gear .wd-buy-stats{display:flex;gap:6px}
.share-gear .wd-buy-list{display:block}

/* ── v57: wardrobe dashboard, budget search, year in review ─────────── */
.wd-tabs button{white-space:nowrap}
.wi-dash{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.wi-card{position:relative;margin:0;padding:18px;border:1px solid var(--wd-line);border-radius:18px;background:linear-gradient(160deg,#16283bcc,#0b1626e6);min-width:0}
.wi-card h2{margin:0 0 8px;font-size:17px;color:#ede2c8}
.wi-card h2::before{content:'◇ ';color:var(--wd-gold)}
.wi-lead{display:block;color:var(--wd-muted);font-size:13px}
.wi-big{display:block;font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--wd-gold-soft);font-weight:700;letter-spacing:.01em}
.wi-gil{cursor:help;font-variant-numeric:tabular-nums}
.wi-hero{grid-column:span 3;background:radial-gradient(ellipse at 0 0,#7df9ff1f,transparent 60%),linear-gradient(160deg,#1a2b40,#0b1626);border-color:#c9b27866}
.wi-pct{margin:10px 0 2px;display:inline-block;padding:4px 12px;border:1px solid #9ccfd966;border-radius:999px;color:var(--wd-cyan);font-weight:600}
.wi-fun{margin:6px 0 4px;color:#d5e3ee}
.wi-strip{display:none}
.wi-value{grid-column:span 3;border-color:#c9b27866;background:radial-gradient(ellipse at 100% 0,#e5cf9324,transparent 60%),linear-gradient(160deg,#1a2a3a,#0b1626)}
.wi-value-head{margin:4px 0 10px}
.wi-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none}
.wi-facts li{display:grid;padding:8px 10px;border-radius:12px;background:#06111b80;border:1px solid #ffffff14}
.wi-facts strong{font-size:18px;color:#f3e6c2}
.wi-facts span{color:var(--wd-muted);font-size:12px}
.wi-cover{display:grid;gap:6px;margin:4px 0 8px;font-size:13px;color:#d5e3ee}
.wi-bar{display:block;height:8px;border-radius:9px;background:#ffffff14;overflow:hidden;position:relative}
.wi-bar::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#7df9ff,#e5cf93)}
.wi-now{grid-column:span 2}
.wi-near{grid-column:span 2}
.wi-near-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wi-near-btn,.wi-step,.wi-tile{font:inherit;display:grid;gap:2px;padding:12px;border:1px solid #43566a99;border-radius:14px;background:#06111b99;color:#d5e3ee;text-align:left;cursor:pointer;transition:border-color .18s}
.wi-near-btn:hover,.wi-step:hover,.wi-tile:hover{border-color:var(--wd-gold)}
.wi-near-btn strong,.wi-step strong{font-size:24px;color:var(--wd-gold-soft)}
.wi-near-btn span,.wi-step span{font-size:12.5px;color:var(--wd-muted)}
.wi-ladder{grid-column:span 2}
.wi-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.wi-steps .wi-step strong{font-size:20px}
.wi-daily{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;margin-top:10px;padding:10px;border:1px solid #c9b27866;border-radius:14px;background:linear-gradient(135deg,#c9b2781a,#06111b99);color:var(--wd-text);text-decoration:none}
.wi-daily img{width:96px;height:128px;object-fit:cover;border-radius:10px;background:#15283b}
.wi-daily-copy{display:grid;gap:3px;align-content:start;min-width:0}
.wi-daily-copy strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wi-daily-copy small,.wi-daily-miss{color:#c7d6e3;font-size:12.5px}
.wi-daily-price{color:var(--wd-gold-soft);font-size:13.5px}
.wi-daily .wd-btn{justify-self:start;margin-top:6px;min-height:32px}
.wi-treasure,.wi-dist{grid-column:span 3}
.wi-card>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wi-card>summary::-webkit-details-marker{display:none}
.wi-card>summary::after{content:'⌄';margin-left:auto;color:var(--wd-muted);transition:transform .2s}
.wi-card[open]>summary::after{transform:rotate(180deg)}
.wi-card>summary h2{margin:0}
.wi-card>summary small{color:var(--wd-muted);font-size:12px}
.wi-treasure-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.wi-tr{font:inherit;width:100%;display:grid;grid-template-columns:26px 40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #ffffff14;border-radius:12px;background:#06111b80;color:var(--wd-text);text-align:left;cursor:pointer}
.wi-tr:hover{border-color:#9ccfd9aa}
.wi-tr .wd-slot-icon{width:40px;height:40px}.wi-tr .wd-slot-icon img{width:34px;height:34px}
.wi-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #e5cf93aa;color:#f6e9bd;font-size:12px;font-weight:700}
.wi-treasure-list li:nth-child(-n+3) .wi-rank{background:linear-gradient(135deg,#e5cf93,#b8955a);color:#1a1408}
.wi-tr-copy{display:grid;min-width:0}
.wi-tr-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wi-tr-copy small{color:var(--wd-muted);font-size:11.5px}
.wi-tr-price{color:var(--wd-gold-soft);font-weight:600}
.wi-more{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wi-more .is-on{border-color:var(--wd-gold);color:var(--wd-gold-soft)}
.wi-bars{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.wi-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
.wi-bars .wi-bar{grid-column:1/-1}
.wi-bar-label{color:#e7edf5;font-size:13.5px}
.wi-bar-n{color:var(--wd-muted);font-size:12.5px}
.wi-yearcard{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;background:radial-gradient(ellipse at 100% 50%,#a4e1e926,transparent 60%),linear-gradient(160deg,#1a2b40,#0b1626)}
.wi-yearcard .wd-eyebrow,.wi-yearcard h2,.wi-yearcard .wd-note{grid-column:1}
.wi-yearcard .wd-btn{grid-column:2;grid-row:1/span 3}
.wi-empty{display:grid;justify-items:center;gap:10px;padding:40px 18px;text-align:center;border:1px dashed #c9b27866;border-radius:20px;background:linear-gradient(160deg,#c9b2780f,#0b1626aa)}
.wi-empty-gem{font-size:46px;color:var(--wd-gold);line-height:1}
.wi-empty h2{margin:0;color:#f3e6c2}
.wi-empty p{margin:0;color:#c4d4e2}
.wi-empty .wd-btn{min-height:46px;padding:0 24px;font-size:15px}
/* budget */
.wi-budget-bar{display:grid;grid-template-columns:minmax(0,1fr) 180px 200px;gap:12px;align-items:end;margin:6px 0 16px}
.wi-chips{display:flex;flex-wrap:wrap;gap:6px}
.wi-chip{font:inherit;min-height:42px;padding:0 16px;border:1px solid #43566a99;border-radius:999px;background:#0d1a29b3;color:#d5e3ee;cursor:pointer;font-variant-numeric:tabular-nums}
.wi-chip.is-on{border-color:#ad985c;color:#f6e9bd;background:linear-gradient(135deg,#41463b,#202d37)}
.wi-custom-wrap,.wi-sort{display:grid;gap:4px;color:var(--wd-muted);font-size:12px}
.wi-custom,.wi-sort select{font:inherit;font-size:14px;min-height:42px;padding:0 12px;border:1px solid #456070;border-radius:12px;background:#0b1626;color:var(--wd-text);width:100%;box-sizing:border-box}
.wi-freeline{margin:0 0 12px;padding:12px 16px;border:1px solid #9fe6cf55;border-radius:14px;background:#9fe6cf0f;color:var(--wd-good);font-weight:600}
.wi-bgroup{margin:0 0 22px}
.wi-bgroup h3{margin:0;font-size:16px;color:#ede2c8}
.wi-bgroup h3 small{color:var(--wd-muted);font-weight:400}
.wi-bgroup>.wd-fine{margin:2px 0 10px}
.wi-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.wi-bcard{display:grid;grid-template-rows:auto 1fr;border:1px solid #43566a88;border-radius:16px;overflow:hidden;background:#0b1626;color:var(--wd-text);text-decoration:none;transition:border-color .18s,transform .18s}
.wi-bcard:hover{border-color:#9ccfd9aa;transform:translateY(-2px)}
.wi-bcard.is-within{border-color:#9fe6cf55}
.wi-bcard-body{display:grid;gap:6px;padding:10px 12px 12px;align-content:start}
.wi-bcard-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wi-bcard-body>small{color:var(--wd-muted);font-size:12px}
.wi-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:4px 0 0}
.wi-kv div{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;border-bottom:1px dashed #ffffff12;padding-bottom:3px}
.wi-kv dt{color:var(--wd-muted)}.wi-kv dd{margin:0;color:#e7edf5;font-variant-numeric:tabular-nums}
.wi-kv .is-cost dd{color:var(--wd-gold-soft);font-weight:600}.wi-kv .is-left dd{color:var(--wd-good)}
.wi-miss{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:3px;font-size:12px}
.wi-miss li{display:flex;justify-content:space-between;gap:8px;color:#c7d6e3}
.wi-miss li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wi-miss-st{flex:none}
.wi-miss li.is-not_marketable .wi-miss-st{color:var(--wd-no)}
.wi-miss li.is-listed .wi-miss-st{color:var(--wd-gold-soft)}
.wi-verdict{justify-self:start;margin-top:4px;padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid #ffffff26}
.wi-verdict.is-ready,.wi-verdict.is-within{color:var(--wd-good);border-color:#9fe6cf66}
.wi-verdict.is-partial{color:var(--wd-warn);border-color:#ffcf8a66}
/* year */
.wi-year-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.wi-year-head h2{margin:0}
.wi-year-head select{font:inherit;min-height:40px;padding:0 10px;border:1px solid #456070;border-radius:12px;background:#0b1626;color:var(--wd-text)}
.wi-year{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.wi-ytile{display:grid;gap:4px;align-content:start}
.wi-ytile .wi-big{font-size:28px}
.wi-ytile.is-wide{grid-column:span 2}
.wi-big-sm{font-size:18px;color:#e7edf5}
.wi-ytop{display:grid;gap:4px}
.wi-share-btn{margin-top:16px;min-height:46px;padding:0 24px;font-size:15px}
.wi-share-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto}
.wi-share-form{display:grid;gap:8px;margin-top:10px}
.wi-share-form .wd-check{min-height:40px}
.wi-share-prev img{display:block;width:min(100%,320px);margin:14px auto 0;border-radius:14px;border:1px solid #c9b27866;box-shadow:0 16px 40px #000a}
@media(max-width:900px){.wi-dash{grid-template-columns:repeat(2,minmax(0,1fr))}.wi-hero,.wi-value,.wi-treasure,.wi-dist{grid-column:1/-1}.wi-now,.wi-near,.wi-ladder{grid-column:span 1}.wi-ladder{grid-column:1/-1}.wi-budget-bar{grid-template-columns:1fr 1fr}.wi-chips{grid-column:1/-1}}
@media(max-width:600px){
 .wi-dash{grid-template-columns:1fr;gap:10px}.wi-hero,.wi-value,.wi-now,.wi-near,.wi-ladder,.wi-treasure,.wi-dist{grid-column:1}
 .wi-card{padding:14px;border-radius:16px}
 /* the three numbers people look for first, as a swipeable row */
 .wi-strip{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:none}
 .wi-strip::-webkit-scrollbar{display:none}
 .wi-tile{scroll-snap-align:start;border-color:#c9b27866}
 .wi-tile span{font-size:12px;color:var(--wd-muted)}.wi-tile strong,.wi-tile .wi-tile-val{font-size:26px;color:var(--wd-gold-soft);font-weight:700}
 .wi-facts strong{font-size:16px}
 .wi-yearcard{grid-template-columns:1fr}.wi-yearcard .wd-btn{grid-column:1;grid-row:auto;justify-self:start}
 .wi-budget-bar{grid-template-columns:1fr 1fr}
 .wi-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wi-chip{padding:0 6px}
 .wi-bgrid{grid-template-columns:1fr}
 .wi-ytile.is-wide{grid-column:auto}.wi-year{grid-template-columns:1fr 1fr}.wi-ytile .wi-big{font-size:22px}
 .wd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.wi-dash{align-items:start}
.wi-tr,.wi-near-btn,.wi-step,.wi-tile{display:grid!important;justify-content:stretch!important;justify-items:start;text-align:left!important}
.wi-tr{grid-template-columns:26px 40px minmax(0,1fr) auto!important;align-items:center}
.wi-tr .wi-tr-price{justify-self:end}