/* One result, with inline before/after evidence only where its inputs change. */
.naka-purchase { color:#eae6df; font:11px/1.4 ui-monospace,"SFMono-Regular",Consolas,"PingFang SC","Microsoft YaHei",monospace; text-align:left; min-width:0; }
.naka-purchase * { box-sizing:border-box; }
.naka-purchase p { margin:0; }
.naka-purchase__basis { color:#b5adbf; font-size:10px; font-variant-numeric:tabular-nums; }
.naka-listing { display:flex; align-items:center; flex-wrap:wrap; gap:3px 7px; margin-top:6px!important; font-size:10px; line-height:1.3; }
.naka-listing__badge { padding:3px 5px; color:#f5cc8b; background:#382b1b; font-weight:700; box-shadow:inset 2px 0 #e4ad5b; }
.naka-listing__meaning { color:#c9b596; }
.naka-listing[data-listing="unlisted"] .naka-listing__badge { color:#a7dfd5; background:#20322f; box-shadow:inset 2px 0 #8bbeb4; }
.naka-listing[data-listing="unknown"] .naka-listing__badge { color:#cec5db; background:#302a37; box-shadow:inset 2px 0 #a89ab8; }
.naka-listing:not([data-listing="listed"]) .naka-listing__meaning { color:#aaa4b0; }
.naka-purchase__assumption { color:#aaa7a3; font-size:10px; margin-top:4px!important; }
.naka-compare { width:100%; table-layout:fixed; border-collapse:collapse; margin:9px 0 6px; font-size:11px; line-height:1.25; }
.naka-compare__label-col { width:52%; }
.naka-compare__value-col { width:48%; }
.naka-compare th,.naka-compare td { padding:4px 5px; border:0; text-align:right; vertical-align:middle; overflow-wrap:anywhere; background:transparent; }
.naka-compare thead { border-bottom:1px solid #45414a; }
.naka-compare thead th,.naka-compare thead td { color:#b5adbf; font-size:10px; font-weight:500; padding-bottom:6px; }
.naka-compare thead td,.naka-compare tbody th { text-align:left; }
.naka-compare tbody th { color:#aaa49d; font-size:10px; font-weight:400; }
.naka-compare tbody tr { border-bottom:1px solid #302e33; }
.naka-compare tbody .naka-compare__trait { border-bottom:0; }
.naka-compare .naka-compare__total { border-bottom:1px solid #45414a; }
.naka-compare .naka-compare__total th { color:#f0e9df; font-size:12px; font-weight:700; }
.naka-compare .naka-compare__total td { padding:12px 7px; background:var(--naka-tint,#22232a); box-shadow:inset 0 -2px var(--naka-tone,#827e79); }
.naka-compare__reference { display:block; margin-top:5px; color:#aaa49d; font-size:9px; font-weight:400; line-height:1.3; }
.naka-compare__reference .naka-weight { display:block; font-size:12px; margin-top:2px; }
.naka-weight { font-variant-numeric:tabular-nums; white-space:nowrap; }
.naka-weight__part { color:var(--naka-tone,#ddd8ce); display:inline-block; max-width:100%; }
.naka-weight:has(>.naka-weight__dash)>.naka-weight__part { max-width:calc(50% - 4px); }
.naka-weight__dash { color:#a7a2ab; }
.naka-weight__pixels { display:inline-block; height:20px; width:100%; max-width:100%; vertical-align:middle; }
.naka-compare__total .naka-weight__dash { display:inline-block; width:8px; height:20px; vertical-align:middle; position:relative; }
.naka-weight__rule { position:absolute; left:1px; top:9px; width:6px; height:2px; background:#aaa4af; }
.naka-compare__type { display:block; color:#938e88; font-size:9px; line-height:1.2; }
.naka-compare__name { display:block; color:#c7c2b9; font-size:11px; line-height:1.3; margin-top:2px; }
.naka-compare__value { white-space:nowrap; }
.naka-compare__pct { color:#b6b0a7; font-size:11px; font-weight:500; white-space:nowrap; }
.naka-compare__ratio { display:block; color:#98928b; font-size:9px; margin-top:3px; line-height:1.2; }
.naka-compare__old { color:#a59b91; font-size:9px; font-weight:400; }
.naka-compare__arrow { color:#c7b695; font-size:9px; }
.naka-compare [data-change] { background:#282521; }
.naka-compare [data-change] th { box-shadow:inset 2px 0 #d3ae75; padding-left:8px; }
.naka-compare [data-change] .naka-compare__name { color:#f0dfc2; }
.naka-compare [data-change] .naka-compare__pct { font-weight:800; color:#d8c49d; }
.naka-compare [data-change="up"] .naka-compare__pct { color:#9ee4b2; }
.naka-compare [data-change="down"] .naka-compare__pct { color:#ffaaa0; }
.naka-change { margin-left:3px; font-size:11px; font-weight:700; }
.naka-change--up { color:#9ee4b2; }
.naka-change--down { color:#ffaaa0; }
.naka-change--market,.naka-change--known { color:#9fc9ed; }
.naka-change--unknown { color:#f2cc8e; }
.naka-purchase__changes { color:#c9b596; font-size:9px; margin:3px 0!important; }
.naka-purchase__formula,.naka-purchase__note,.naka-purchase__eligibility,.naka-purchase__activity { color:#aaa49d; font-size:10px; margin-top:4px!important; line-height:1.35; }
.naka-purchase__provisional { color:#e1bb83; font-size:10px; line-height:1.35; }
.naka-purchase__range-note { color:#cfbddd; }
.naka-compare__floor { border-top:1px solid #39353d; color:#aaa49d; font-size:10px; font-variant-numeric:tabular-nums; }
.naka-purchase__caution { margin-top:6px; padding-top:6px; border-top:1px solid #39353d; }
.naka-purchase__caution p { margin-top:3px!important; }
.naka-tone-zero,[data-tier="zero"] { --naka-tone:#e1dbd1; --naka-tint:#282724; }
.naka-tone-t1,[data-tier="t1"] { --naka-tone:#9ce5b6; --naka-tint:#1c2c24; }
.naka-tone-t2,[data-tier="t2"] { --naka-tone:#9dcbff; --naka-tint:#1e2a38; }
.naka-tone-t3,[data-tier="t3"] { --naka-tone:#dab7ff; --naka-tint:#2c2335; }
.naka-tone-max,[data-tier="max"] { --naka-tone:#ffd17a; --naka-tint:#342c1f; }
.naka-launch { margin:9px 0; padding:7px 9px; background:#24211d; color:#e8c89b; font:10px/1.4 ui-monospace,"SFMono-Regular",Consolas,monospace; }
.naka-launch strong { display:block; color:#f4d1a0; font-size:11px; }
.naka-launch p { margin:3px 0; }
.naka-launch small { display:block; font-size:9px; color:#bfb7ab; }
.naka-number-badge { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex:none; gap:0; padding:3px 6px; border:0; font:800 11px/1.1 ui-monospace,"SFMono-Regular",Consolas,monospace; white-space:nowrap; color:#10272e; background:#9fdbe9; vertical-align:middle; box-shadow:inset 0 -2px #0002; clip-path:polygon(2px 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) 100%,0 100%,0 2px); }
.naka-number-badge__prefix,.naka-number-badge__value { font:inherit; }
.naka-number-badge--n200 { color:#30200b; background:#ffd17a; }
.naka-number-badge--n100 { color:#29173b; background:#d7bcff; }
.naka-number-badge--n50 { color:#10272e; background:#9fdbe9; }
.naka-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-height:620px) { .naka-compare th,.naka-compare td { padding-top:3px; padding-bottom:3px; } .naka-compare .naka-compare__total td { padding-top:8px; padding-bottom:8px; } }
@media(max-width:360px) { .naka-compare th,.naka-compare td { padding-left:3px; padding-right:3px; } .naka-compare__label-col { width:49%; } .naka-compare__value-col { width:51%; } }
@media(max-height:520px) {
  .naka-compare th,.naka-compare td { padding-top:2px; padding-bottom:2px; }
  .naka-compare .naka-compare__total td { padding-top:5px; padding-bottom:5px; }
  .naka-compare__type { line-height:1.1; }
  .naka-compare__name { font-size:10px; line-height:1.2; margin-top:1px; }
  .naka-compare__ratio { line-height:1.05; margin-top:1px; }
  .naka-purchase__formula,.naka-purchase__note,.naka-purchase__eligibility,.naka-purchase__provisional { font-size:9px; margin-top:3px!important; }
  .naka-purchase__caution { margin-top:3px; padding-top:2px; }
}

@media(max-height:520px) {
  .naka-compare__type,.naka-compare__name { display:inline; }
  .naka-compare__type::after { content:' · '; }
  .naka-compare__trait:not([data-change]) .naka-compare__ratio { display:inline; margin-left:6px; }
}

/* The scenario caption belongs to the hero, not an extra heading above every row. */
.naka-compare thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.naka-compare__total td::before { content:attr(data-caption); display:block; color:#bfb8c7; font:500 10px/1.2 ui-monospace,"SFMono-Regular",Consolas,monospace; margin-bottom:7px; }
.naka-compare__reference .naka-weight { display:inline; font-size:10px; margin-left:4px; }
@media(max-height:520px) {
  .naka-compare th,.naka-compare td { padding-top:1px; padding-bottom:1px; line-height:1.1; }
  .naka-compare__total td::before { margin-bottom:4px; }
  .naka-purchase__assumption { margin-top:3px!important; }
}

/* Shared comparison control: selected shows "In Compare", and reveals its remove action on hover or keyboard focus. */
.naka-select__off { display:none; }
[data-compare=selected]:not(.naka-select--fresh):is(:hover,:focus-visible) .naka-select__on { display:none; }
[data-compare=selected]:not(.naka-select--fresh):is(:hover,:focus-visible) .naka-select__off { display:inline; }

/* My holdings line under an inspection or lookup: weekly allocation before → after, change in color. */
.naka-holdings { margin:10px 0 0; padding:8px 0 0; border-top:1px solid #3a3530; font-family:ui-monospace,SFMono-Regular,Consolas,"PingFang SC",monospace; }
.naka-holdings__title { margin:0 0 6px !important; color:#a49e95; font-size:10px; letter-spacing:.02em; }
.naka-holdings__rows { display:flex; flex-direction:column; gap:3px; margin:0; }
.naka-holdings__rows > div { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0; font-size:11px; }
.naka-holdings__rows dt { color:#cfc6b5; }
.naka-holdings__rows dd { margin:0; color:#f0e9df; font-weight:700; font-variant-numeric:tabular-nums; }
.naka-holdings__rows dd[data-change=up],.naka-holdings__pixels[data-change=up] { color:#94dcb4; }
.naka-holdings__rows dd[data-change=down],.naka-holdings__pixels[data-change=down] { color:#efb29f; }
.naka-holdings__rows dd[data-change=same],.naka-holdings__pixels[data-change=same] { color:#a6a19b; }
.naka-holdings__sum { margin-top:4px !important; padding-top:5px; border-top:1px dashed #3a3530; }
.naka-holdings__total { display:inline-flex; align-items:center; gap:8px; }
.naka-holdings__before { color:#a49e95; font-weight:400; }
.naka-holdings__pixels { display:inline-flex; color:#f0e9df; }
.naka-holdings__pixels svg { display:block; width:auto; height:13px; }
.naka-sr { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; }
/* About: shared by the popup tab and the extension page. */
.naka-about__checks { list-style:none; margin:8px 0 0; padding:0; display:grid; gap:5px; }
.naka-about__checks li { display:flex; align-items:baseline; gap:8px; }
.naka-about__checks li::before { content:'✓'; color:#94dcb4; font-weight:800; }
.naka-about__list { margin:8px 0 0; padding-left:16px; display:grid; gap:4px; }
.naka-about__formula { display:grid; gap:4px; margin:8px 0 0; padding:8px 10px; background:#0d0e10; border-left:2px solid #ffb347; }
.naka-about__formula code { color:#ffd99c; font:inherit; font-size:.95em; white-space:normal; }
.naka-about__lead { color:#eee6da; font-weight:700; }
.naka-about__label { margin-top:10px !important; color:#a49e95; font-size:.9em; }
.naka-about__tiles { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; margin-top:5px; border:1px solid #423a32; }
.naka-about__tile { padding:6px 2px; text-align:center; }
.naka-about__tile + .naka-about__tile { border-left:1px solid #423a32; }
.naka-about__tile b { display:block; color:#ffb347; }
.naka-about__tile span { color:#a49e95; font-size:.9em; }
.naka-about__links { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin-top:10px !important; color:#a49e95; }
.naka-about__links a { color:#ffb347; }
/* Eligibility cases: one line per action, what it does this week and later. A pixel square says whether the week still
 * pays (green), pays nothing (red) or the row is context (violet). Narrow: the two answers stack under the action; wide:
 * three columns under one header row. */
.naka-about__group { margin:14px 0 0; }
.naka-about__group-title { margin:0 0 4px; color:#ffd99c; font-size:1em; font-weight:700; letter-spacing:.01em; }
.naka-about__cases { display:grid; margin:0; border-top:1px solid #2e2b27; }
.naka-about__case { display:grid; grid-template-columns:minmax(0,1fr); gap:2px; padding:7px 2px 8px; border-bottom:1px solid #2e2b27; }
.naka-about__case dt { display:flex; align-items:baseline; gap:8px; color:#eee6da; font-weight:700; }
.naka-about__case dt::before { content:''; flex:none; width:7px; height:7px; background:#6f685f; }
.naka-about__case[data-tone=ok] dt::before { background:#94dcb4; }
.naka-about__case[data-tone=no] dt::before { background:#efb29f; }
.naka-about__case[data-tone=info] dt::before { background:#c4b5fd; }
.naka-about__case dd { display:flex; gap:8px; margin:0 0 0 15px; color:#c7bfb2; }
.naka-about__tag { flex:none; min-width:3.4em; color:#8f887e; font-size:.9em; }
.naka-about__case--head { display:none; }
@media (min-width:700px) {
 .naka-about__case { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:baseline; }
 .naka-about__case dd { display:block; margin:0; }
 .naka-about__case .naka-about__tag { display:none; }
 .naka-about__case--head { display:grid; padding:0 2px 5px; border-bottom:0; color:#8f887e; font-size:.85em; }
 .naka-about__case--head span:first-child { padding-left:15px; }
}
/* Cached artwork holder (NakaExploreUI.artStore): layout belongs to the artwork inside. */
.naka-art{display:contents}
/* Holdings hero: this week's SHNAKAS leads, three or four stats share one row, a thin week bar and one status line follow.
 * Every slot keeps its size in every state; a value that cannot be computed yet is hidden in place, never collapsed. */
.naka-reward{display:flex;flex-direction:column;gap:9px;min-width:0;padding:12px 12px 10px;background:#1b1813;border:1px solid #3a3123;border-top:2px solid #ffcf6b;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,"PingFang SC","Microsoft YaHei",monospace;color:#eee6d8;text-align:left}
.naka-reward__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0}
.naka-reward__label{flex:none;color:#d9c49b;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.naka-reward__week{min-width:0;color:#a39a8e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.naka-reward__main{display:flex;flex-direction:column;gap:10px;min-width:0}
.naka-reward__figure{display:flex;align-items:flex-end;gap:7px;min-width:0;height:30px;color:#ffd25e}
.naka-reward__digits{display:block;flex:none;height:30px;width:auto;max-width:calc(100% - 70px);filter:drop-shadow(0 0 4px #ffb34733)}
.naka-reward__unit{flex:none;color:#e8c98a;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;padding-bottom:2px}
.naka-reward .is-blank,.naka-reward__figure:has(.is-blank) .naka-reward__unit{visibility:hidden}
.naka-reward__stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0}
.naka-reward__stat{min-width:0;padding:0 8px;border-left:1px solid #3a3229}
.naka-reward__stat:first-child{padding-left:0;border-left:0}
.naka-reward__stat dt{color:#9f978b;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.naka-reward__stat dd{margin:2px 0 0;color:#efe6d6;font-size:13px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.naka-reward__stat[data-key=projected] dd{color:#ffd99c}
.naka-reward__bar{height:2px;background:#3a332a}
.naka-reward__bar i{display:block;height:100%;background:#ffcf6b;transition:width .35s}
.naka-reward__note{margin:0;color:#9f978b;font-size:9px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.naka-reward__note[data-pending]{color:#c9b99b}
.naka-reward[data-state=loading] .naka-reward__note::after{content:'';display:inline-block;width:4px;height:4px;margin-left:6px;background:#ffcf6b;vertical-align:middle;animation:naka-reward-pulse 1.2s steps(2,end) infinite}
@keyframes naka-reward-pulse{50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.naka-reward__bar i{transition:none}.naka-reward[data-state=loading] .naka-reward__note::after{animation:none}}
/* Extension page: one band. Figure left, stats right-aligned beside it, so a changing amount never moves the stats. */
.ws-portfolio>.naka-reward{gap:10px;margin:14px 0 16px;padding:14px 20px 11px;background:#17150f;border-top:1px solid #3a3123}
.ws-portfolio .naka-reward__label,.ws-portfolio .naka-reward__week{font-size:12px}
.ws-portfolio .naka-reward__main{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:28px}
.ws-portfolio .naka-reward__figure{flex:1 1 auto;height:40px;gap:10px}
.ws-portfolio .naka-reward__digits{height:40px}
.ws-portfolio .naka-reward__unit{font-size:12px;padding-bottom:3px}
.ws-portfolio .naka-reward__stats{flex:0 1 620px;padding-bottom:1px}
.ws-portfolio .naka-reward__stat{padding:0 18px}
.ws-portfolio .naka-reward__stat:first-child{padding-left:18px;border-left:1px solid #3a3229}
.ws-portfolio .naka-reward__stat dt{font-size:11px}
.ws-portfolio .naka-reward__stat dd{margin-top:4px;font-size:19px}
.ws-portfolio .naka-reward__note{font-size:11px}
@media(max-width:820px){.ws-portfolio .naka-reward__main{flex-direction:column;align-items:stretch;gap:12px}.ws-portfolio .naka-reward__stats{flex:none}.ws-portfolio .naka-reward__stat:first-child{padding-left:0;border-left:0}.ws-portfolio .naka-reward__stat{padding:0 12px}.ws-portfolio .naka-reward__stat dd{font-size:16px}}
@media(max-width:480px){.ws-portfolio>.naka-reward{padding:12px 14px 10px}.ws-portfolio .naka-reward__figure,.ws-portfolio .naka-reward__digits{height:32px}.ws-portfolio .naka-reward__stat{padding:0 8px}.ws-portfolio .naka-reward__stat dt{font-size:9px}.ws-portfolio .naka-reward__stat dd{font-size:13px}}
/* A listing already closing: said before any figure. */
.naka-closing { margin:6px 0 8px; padding:6px 8px; border:1px solid #8a6230; background:#2b2012; color:#ffd7a1; font-size:11px; line-height:1.45; }
.naka-closing[data-kind=cancel] { border-color:#5d5296; background:#1f1a33; color:#d9d3ff; }
