/* Nubian Planet Stream — one scoped presentation owner.
 * Master: 000-master-feed-architecture-blueprint.png. All data in this pass is illustrative.
 * No inherited .sc-module/.vibes-feed selectors: those would activate unrelated runtime behavior.
 */
body.np-stream-document {
  margin: 0;
  background: var(--np-canvas, #000);
  color: #eae5dc;
  color-scheme: dark;
}
.np-stream {
  --np-bg: var(--np-canvas, #000);
  --np-panel: var(--np-surface, #080808);
  --np-gold: #edbd37;
  --np-gold-soft: #d4ac58;
  --np-line: #6d4818;
  --np-text: #ece7dd;
  --np-muted: #b6b0a0;
  --np-green: #4dd52f;
  --np-red: #ec361f;
  --np-gap: 12px;
  width: min(100% - 40px, 1516px);
  margin: 18px auto 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  background: radial-gradient(ellipse at 46% 0%, #25160119, transparent 62%);
  isolation: isolate;
}
.np-stream *, .np-stream *::before, .np-stream *::after { box-sizing: border-box; }
.np-stream :where(h1,h2,h3,p,ol,ul,dl,dd,fieldset) { margin: 0; }
.np-stream :where(ol,ul) { padding: 0; list-style: none; }
.np-stream :where(button,input,textarea) { font: inherit; }
.np-stream :where(button,a) { -webkit-tap-highlight-color: transparent; }
.np-stream button { color: inherit; cursor: pointer; }
.np-stream a { color: inherit; text-decoration: none; }
.np-stream button { appearance: none; background: none; border: 0; border-radius: 0; padding: 0; }
.np-stream button:disabled { cursor: default; opacity: .65; }
.np-stream :where(button,a,input,textarea):focus-visible { outline: 2px solid #ffda72; outline-offset: 3px; }
.np-stream [hidden] { display: none !important; }
.np-s-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.np-s-skip { position: fixed; top: -80px; left: 20px; padding: 12px 20px; z-index: 100000; background: #f3c450; color: #141006; border-radius: 5px; font: 15px Arial,sans-serif; }
.np-s-skip:focus { top: 12px; }
.np-s-icon { display: inline-block; width: 21px; height: 21px; flex: 0 0 auto; vertical-align: middle; }
.np-s-green { color: var(--np-green) !important; }
.np-s-blue { color: #17a8dc !important; }
.np-s-red { color: var(--np-red) !important; }
.np-s-card {
  min-width: 0;
  background: radial-gradient(ellipse at 95% 0%, #5d340c18, transparent 65%), linear-gradient(145deg,#0d0c07,#060604 70%);
  border: 1px solid var(--np-line);
  border-radius: 8px;
  box-shadow: inset 0 0 0 3px #e0a22005, 0 0 9px #d29f1108;
  overflow: hidden;
}
.np-s-topbar {
  display: flex; align-items: center; gap: 18px;
  height: 84px; padding: 9px 16px 9px 22px;
  border: 1px solid #987022; border-radius: 9px;
  box-shadow: inset 0 0 0 3px #d29d1b0c, 0 2px 18px #000;
  background: radial-gradient(ellipse at 90% 0%,#48320e22,transparent 45%),#070703;
}
.np-s-logo { display: block; width: 164px; flex: 0 0 164px; }
.np-s-logo img { display: block; width: 100%; height: auto; }
.np-s-search { display: flex; align-items: center; min-width: 130px; max-width: 260px; flex: 1 1 240px; border: 1px solid #4f3618; border-radius: 8px; height: 43px; padding: 0 9px 0 12px; background: #0b0904; color: var(--np-gold); }
.np-s-search > .np-s-icon { width: 17px; height: 17px; }
.np-s-search input { min-width: 0; width: 100%; background: transparent; border: 0; color: var(--np-text); font-size: 12px; padding: 10px; outline-offset: 0; }
.np-s-search input::placeholder { color: #d1bc88; opacity: 1; }
.np-stream .np-s-search-go { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border: 1px solid #665025; border-radius: 5px; }
.np-s-search-go .np-s-icon { width: 15px; height: 15px; }
.np-s-topnav { display: flex; flex: 1 0 auto; justify-content: space-around; align-items: stretch; gap: 5px; height: 67px; }
.np-s-topnav > :is(a,button) { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; min-width: 47px; gap: 4px; padding: 3px 5px; color: #d8b36a; font-size: 11px; }
.np-s-topnav .np-s-icon { width: 23px; height: 23px; }
.np-s-topnav .is-current { color: #ffd570; text-shadow: 0 0 9px #f19707; }
.np-s-topnav .is-current .np-s-icon { filter: drop-shadow(0 0 7px #cf7a12); }
.np-s-topnav .is-current::after { content: ''; position: absolute; bottom: 2px; width: 39px; height: 2px; background: #ebbc34; box-shadow: 0 0 11px 2px #a1780a99; }
.np-stream .np-s-icon-button { position: relative; display: inline-grid; place-items: center; width: 36px; height: 38px; color: var(--np-gold); flex: 0 0 auto; border-radius: 5px; }
.np-s-notices { display: flex; gap: 8px; }
.np-s-notices .np-s-icon-button > b { position: absolute; top: -1px; right: 0; min-width: 17px; height: 17px; display: grid; place-items: center; border-radius: 20px; background: #c81812; border: 1px solid #050505; font-size: 10px; line-height: 1; color: #fff; font-weight: 600; }
.np-stream .np-s-account { display: flex; align-items: center; gap: 10px; text-align: left; flex-shrink: 0; }
.np-s-avatar { width: 44px; height: 44px; object-fit: cover; border: 1px solid #b68a12; border-radius: 50%; background: #080705; padding: 2px; flex: 0 0 auto; }
.np-s-account .np-s-avatar { width: 54px; height: 54px; box-shadow: 0 0 9px #9b73001a; }
.np-s-account strong { display: block; font-size: 13px; font-weight: 600; }
.np-s-account small { display: flex; align-items: center; gap: 3px; margin-top: 3px; color: #d5ad34; font-size: 11px; }
.np-s-account small .np-s-icon { width: 12px; height: 12px; }
.np-stream .np-s-power { flex-shrink: 0; display: block; text-align: left; border: 1px solid #433817; border-radius: 5px; padding: 8px 10px; background: #11100666; }
.np-s-power strong { display: block; color: #f1c347; font-weight: 500; font-size: 14px; }
.np-s-power small { display: block; margin-top: 2px; color: #55c923; font-size: 10px; }
.np-stream .np-s-menu-toggle { display: none; }
.np-s-layout { display: grid; grid-template-columns: minmax(214px, .48fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 14px; align-items: start; margin-top: 12px; }
.np-s-left, .np-s-feed, .np-s-realm { min-width: 0; display: flex; flex-direction: column; gap: var(--np-gap); }
.np-s-primary-nav { position: relative; padding: 7px; background: linear-gradient(90deg,#090804 35%,#06050344),url('../images/nubian-planet/stream/nav-statue.webp') right bottom / auto 40% no-repeat,#080704; }
.np-s-nav-item { display: flex; align-items: center; gap: 12px; height: 35px; width: 100%; border-radius: 6px !important; padding: 0 11px !important; font-size: 14px; text-align: left; position: relative; }
.np-s-nav-item .np-s-icon { color: #e5b33a; width: 21px; height: 21px; }
.np-s-nav-item.is-current { border: 1px solid #842714; background: linear-gradient(90deg,#4f0b0599,#47070299 50%,#32130540),repeating-linear-gradient(40deg,transparent 0 8px,#cda8460c 9px 10px); box-shadow: inset 0 1px 0 #b97c3420; color: #fff5d5; }
.np-s-nav-item.is-current .np-s-icon { color: #ffe399; filter: drop-shadow(0 0 4px #ff901250); }
.np-s-nav-item:not(.is-current):hover { background: #5a380b29; }
.np-s-nav-more > .np-s-icon:last-child { width: 13px; height: 13px; margin-left: auto; }
.np-s-utilities { display: grid; gap: 10px; }
.np-s-utilities > section { padding: 10px 12px; position: relative; }
.np-s-utilities h2, .np-s-widget-heading h2 { font-size: 12px; font-weight: 500; line-height: 1.25; }
.np-s-utilities h3 { font-size: 13px; font-weight: 500; }
.np-s-utilities p { font-size: 11px; color: #d4c08e; margin-top: 4px; }
.np-s-rank { min-height: 126px; background: linear-gradient(135deg,#2f080e95,#080705 75%),repeating-linear-gradient(35deg,transparent 0 12px,#b5802633 13px 14px); }
.np-s-rank h2 { position: relative; z-index: 1; }
.np-s-rank-emblem { position: absolute; right: 9px; top: 19px; width: 76px; height: 74px; object-fit: contain; mix-blend-mode: screen; }
.np-s-rank-crown { color: #eebc2a; margin: 7px 0 4px; }
.np-s-rank-crown img { mask-image: radial-gradient(ellipse,#000 45%,transparent 80%); display: block; object-fit: contain; mix-blend-mode: screen; }
.np-s-rank-crown .np-s-icon { width: 36px; height: 29px; filter: drop-shadow(0 0 4px #e1910e80); }
.np-stream progress { appearance: none; height: 6px; border: 1px solid #715317; background: #1c1708; border-radius: 20px; display: block; overflow: hidden; }
.np-stream progress::-webkit-progress-bar { background: #191407; border-radius: 20px; }
.np-stream progress::-webkit-progress-value { background: linear-gradient(90deg,#b5670e,#edb93f,#ffd871); border-radius: 20px; box-shadow: 0 0 6px #b88022; }
.np-stream progress::-moz-progress-bar { background: linear-gradient(90deg,#b5670e,#edb93f,#ffd871); border-radius: 20px; }
.np-s-rank progress { width: 66%; }
.np-s-rank > strong { display: block; color: #e4b537; font-size: 11px; margin: 5px 0 1px; }
.np-stream .np-s-rank > button { display: flex; justify-content: space-between; width: 100%; color: #cfb778; font-size: 11px; }
.np-s-rank > button .np-s-icon { width: 14px; height: 14px; }
.np-s-utility-body { display: flex; align-items: center; gap: 9px; margin: 5px 0; min-height: 76px; }
.np-s-utility-body img { width: 83px; max-width: 45%; height: 76px; object-fit: contain; mix-blend-mode: screen; }
.np-s-pet-image { border-radius: 50%; }
.np-s-game .np-s-utility-body { min-height: 60px; margin: 5px 0; }
.np-s-game .np-s-utility-body img { height: 61px; width: 91px; }
.np-s-game .np-s-utility-body strong { font-size: 12px; }
.np-stream :is(.np-s-gold-button,.np-s-green-button,.np-s-red-button) { border: 1px solid #a7711a; border-radius: 5px; background: linear-gradient(#855004,#3b2102); color: #ffe194; min-height: 30px; padding: 6px 13px; font-size: 12px; white-space: nowrap; box-shadow: inset 0 1px 1px #fac44430; text-align: center; }
.np-stream .np-s-green-button { background: linear-gradient(#073906,#021503); border-color: #1a6c0c; color: #f4cb40; display: block; width: 100%; min-height: 27px; padding: 4px 8px; font-size: 11px; }
.np-stream .np-s-red-button { background: linear-gradient(#9c1905,#460804); border-color: #a32b11; color: #ffd747; width: 100%; }
.np-stream :is(.np-s-gold-button,.np-s-green-button,.np-s-red-button):hover { filter: brightness(1.23); }
.np-s-widget-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-width: 0; }
.np-s-widget-heading > :is(button,span) { font-size: 11px; flex: 0 0 auto; color: var(--np-gold); }
.np-s-stories { padding: 11px 14px 12px; border-color: #786222; }
.np-s-story-list { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; margin-top: 12px; }
.np-stream .np-s-story { display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 11px; min-width: 0; color: #e3dbcd; }
.np-s-story-ring { display: block; width: min(100%, 70px); aspect-ratio: 1; border: 1px solid #d3a921; padding: 3px; border-radius: 50%; position: relative; background: #050602; box-shadow: inset 0 0 7px #6e52094d; }
.np-s-story-ring .np-s-avatar { display: block; width: 100%; height: 100%; padding: 0; border: 0; object-fit: cover; }
.np-s-story--green .np-s-story-ring { border-color: #76b616; box-shadow: 0 0 6px #48760a40; }
.np-s-story--red .np-s-story-ring { border-color: #d63915; box-shadow: 0 0 6px #bc310c35; }
.np-s-story-ring b { display: block; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); border: 1px solid #df2917; border-radius: 4px; padding: 0 4px; background: #c70e0b; color: #fff; font-size: 10px; line-height: 14px; box-shadow: 0 1px 4px #000; }
.np-s-story-add .np-s-story-ring { display: grid; place-items: center; border-color: #51421b; box-shadow: none; color: #e2ac19; }
.np-s-story-add .np-s-icon { width: 28px; height: 28px; }
.np-s-composer { padding: 10px 12px 9px; border-color: #856420; }
.np-s-composer-input { display: flex; gap: 10px; align-items: center; }
.np-s-composer-input .np-s-avatar { width: 44px; height: 44px; }
.np-s-composer-input textarea { display: block; width: 100%; min-width: 0; resize: none; height: 43px; min-height: 43px; max-height: 150px; padding: 12px; border: 1px solid #55411e; border-radius: 6px; background: #080805; color: #f6efd9; line-height: 18px; font-size: 14px; }
.np-s-composer-input textarea::placeholder { color: #c7c0b0; opacity: 1; }
.np-s-composer-tools { display: flex; align-items: stretch; gap: 4px; margin-top: 7px; }
.np-stream .np-s-composer-tool { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #302b13; background: #100f0760; border-radius: 5px; padding: 8px 9px; font-size: 10px; color: var(--np-gold); flex: 1 1 auto; }
.np-s-composer-tool .np-s-icon { width: 19px; height: 19px; }
.np-s-composer-tool span { color: #e2ded4; white-space: nowrap; }
.np-stream .np-s-post-button { flex: 0 0 74px; margin: 4px 0 4px 4px; min-height: 28px; padding: 3px 10px; }
.np-s-posts { display: flex; flex-direction: column; gap: 10px; }
.np-s-post { padding: 9px 12px 0; border-color: #986013; background: radial-gradient(ellipse at 70% 0%,#5e2a051c,transparent 58%),#090805; }
.np-s-post-header { display: flex; align-items: center; gap: 9px; }
.np-s-post-header .np-s-avatar { width: 43px; height: 43px; }
.np-s-post-header > div { min-width: 0; }
.np-s-post-header h2 { display: flex; gap: 5px; align-items: center; font-size: 13px; font-weight: 500; }
.np-s-verified { display: inline-flex; color: #05d2a8; }
.np-s-verified .np-s-icon { width: 12px; height: 12px; }
.np-s-post-header p { font-size: 11px; color: #c1bdad; margin-top: 1px; }
.np-s-post-header p > span { color: #e0b639; }
.np-s-post-header p i { font-style: normal; margin: 0 5px; }
.np-stream .np-s-post-menu { margin-left: auto; color: #ddd3bb; width: 25px; height: 31px; align-self: start; }
.np-s-post-copy { font-size: 12px; line-height: 1.55; margin: 4px 0 6px; color: #e5d8b4; }
.np-s-post-copy > span { color: #52cb57; }
.np-stream .np-s-post-media { display: block; width: 100%; overflow: hidden; border: 1px solid #66421b; border-radius: 5px; }
.np-s-post-media img { display: block; width: 100%; height: auto; aspect-ratio: 3.445 / 1; object-fit: cover; }
.np-s-post-footer { display: flex; gap: 8px; align-items: center; min-height: 33px; }
.np-s-post-actions { display: flex; align-items: center; gap: 24px; }
.np-s-post-actions > button { display: flex; align-items: center; gap: 7px; padding: 4px 0; color: #dcb846; font-size: 12px; }
.np-s-post-footer .np-s-icon { width: 17px; height: 17px; }
.np-s-post-actions button span { color: #ddc994; }
.np-s-post-actions .np-s-like, .np-s-post-actions .np-s-like span { color: #ed3a22; }
.np-s-like .np-s-icon { fill: #b82517; stroke: #e44529; filter: drop-shadow(0 0 4px #c6291922); }
.np-s-like[aria-pressed="true"] .np-s-icon { fill: #ff6147; stroke: #ff8366; filter: drop-shadow(0 0 5px #ef4d3880); }
.np-s-post-detail { margin-left: auto; font-size: 10px; color: #d2c9ad; white-space: nowrap; }
.np-stream .np-s-save { display: grid; place-items: center; width: 22px; min-height: 31px; color: #d5a933; margin-left: auto; flex-shrink: 0; }
.np-s-post-detail:not(:empty) + .np-s-save { margin-left: 0; }
.np-s-save[aria-pressed="true"] .np-s-icon { fill: #c18b19; }
.np-s-learning-banner { position: relative; isolation: isolate; display: flex; align-items: center; gap: 10px; min-height: 62px; border: 1px solid #5f3811; border-radius: 5px; overflow: hidden; padding: 10px 10px 10px 29%; background: linear-gradient(90deg,#241407,#100c0590),url('../images/nubian-planet/stream/queen-post.webp') center / cover; }
.np-s-learning-banner > img { position: absolute; inset: 0 auto 0 0; height: 100%; width: 33%; object-fit: cover; z-index: -1; mask-image: linear-gradient(90deg,#000 75%,transparent); }
.np-s-learning-banner h3 { font-family: Georgia,'Times New Roman',serif; font-weight: 400; font-size: 16px; line-height: 1.25; }
.np-s-learning-banner .np-s-gold-button { margin-left: auto; min-height: 28px; font-size: 11px; padding: 5px 9px; }
.np-s-post-text { background: linear-gradient(90deg,#070704 10%,#0c0906d9),url('../images/nubian-planet/stream/queen-post.webp') center / cover; }
.np-s-post-text .np-s-post-copy { max-width: 96%; margin-top: 6px; }
.np-s-judgment { position: relative; background: linear-gradient(90deg,#0d0806 50%,#1d080522),url('../images/nubian-planet/stream/council-statue.webp') right 11px top 10px / auto calc(100% - 16px) no-repeat,#090604; border-color: #9a321b; }
.np-s-judgment > .np-s-widget-heading { padding: 10px 12px; background: linear-gradient(90deg,#48080580,#34060128),repeating-linear-gradient(35deg,transparent 0 13px,#c3731712 14px 15px); min-height: 37px; padding-right: 88px; }
.np-s-judgment .np-s-widget-heading h2 { white-space: nowrap; }
.np-s-judgment .np-s-widget-heading > span { color: #f4cd25; font-size: 11px; }
.np-s-judgment-body { padding: 6px 12px 10px; width: calc(100% - 81px); }
.np-s-judge-intro { font-size: 11px; color: #f0c055; margin: 0 0 5px; }
.np-s-judge-person { display: flex; align-items: center; gap: 10px; border: 1px solid #521b0c; border-radius: 5px; padding: 4px 7px; background: linear-gradient(90deg,#31090378,transparent); }
.np-s-judge-person .np-s-avatar { width: 44px; height: 44px; }
.np-s-judge-person h3 { font-size: 13px; font-weight: 500; }
.np-s-judge-person p { font-size: 11px; color: #d8a92d; }
.np-s-verdicts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; border: 0; padding: 0; margin-top: 8px; margin-bottom: 9px; }
.np-s-verdict { --tone: #d4ab2b; position: relative; min-width: 0; cursor: pointer; }
.np-s-verdict input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.np-s-verdict > span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 60px; color: var(--tone); border: 1px solid color-mix(in srgb,var(--tone) 45%,#141109); border-radius: 5px; background: linear-gradient(140deg,color-mix(in srgb,var(--tone) 20%,#090502),#090603); box-shadow: inset 0 1px 0 #ffffff0c; }
.np-s-verdict .np-s-icon { width: 27px; height: 27px; filter: drop-shadow(0 0 5px color-mix(in srgb,var(--tone) 35%,transparent)); }
.np-s-verdict strong { font-weight: 500; font-size: 12px; }
.np-s-verdict--red { --tone: #ff5257; }
.np-s-verdict--amber { --tone: #f1aa13; }
.np-s-verdict--green { --tone: #62d780; }
.np-s-verdict--violet { --tone: #cb89ed; }
.np-s-verdict--gold { --tone: #e7bc39; }
.np-s-verdict--stone { --tone: #b8b6a7; }
.np-s-verdict input:checked + span { border-color: var(--tone); box-shadow: inset 0 0 0 1px var(--tone),0 0 10px color-mix(in srgb,var(--tone) 25%,transparent); background: linear-gradient(145deg,color-mix(in srgb,var(--tone) 38%,#0a0502),#100902); }
.np-s-verdict input:focus-visible + span { outline: 2px solid #ffe090; outline-offset: 2px; }
.np-s-status { position: relative; padding: 11px 13px 35px; border-color: #777326; background: radial-gradient(ellipse at 91% 22%,#31571436,transparent 52%),#080a04; }
.np-s-status > .np-s-widget-heading { width: 61%; }
.np-s-status .np-s-widget-heading button, .np-s-discovery .np-s-widget-heading button { color: #55c528; }
.np-s-stats { margin-top: 8px; position: relative; width: 63%; z-index: 1; }
.np-s-stats > div { display: flex; gap: 7px; align-items: center; min-height: 29px; border-bottom: 1px solid #a8922730; }
.np-s-stats > div:last-child { border-bottom: 0; }
.np-s-stats dt { display: flex; align-items: center; gap: 8px; flex: 1; font-size: 11px; white-space: nowrap; }
.np-s-stats .np-s-icon { width: 16px; height: 16px; color: #e6ad31; }
.np-s-stats dd { font-size: 11px; min-width: 36px; text-align: right; }
.np-s-stats dd:last-child { min-width: 38px; font-weight: 600; }
.np-s-globe { position: absolute; width: 36%; height: auto; aspect-ratio: 1; object-fit: cover; right: 9px; top: 10px; border-radius: 50%; mix-blend-mode: screen; }
.np-s-realm-chart { position: absolute; left: 11px; right: 11px; width: calc(100% - 22px); bottom: 6px; height: 32px; opacity: .9; }
.np-s-discovery { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.np-s-discovery > section { padding: 9px 10px 7px; border-color: #695019; }
.np-s-discovery .np-s-widget-heading { gap: 4px; margin-bottom: 6px; }
.np-s-discovery .np-s-widget-heading h2 { font-size: 10px; letter-spacing: -.1px; white-space: nowrap; }
.np-s-discovery .np-s-widget-heading button { font-size: 9px; }
.np-s-discovery li button { display: flex; align-items: center; width: 100%; min-height: 30px; gap: 6px; text-align: left; }
.np-s-discovery li strong { font-weight: 400; min-width: 0; font-size: 10px; white-space: nowrap; }
.np-s-discovery li small { font-size: 9px; flex-shrink: 0; margin-left: auto; white-space: nowrap; color: #c5bca2; }
.np-s-trending li b { font-size: 17px; line-height: 1; font-weight: 500; color: #eab622; }
.np-s-trending li strong { color: #4ccb48; flex: 1 1 auto; font-size: 9px; }
.np-s-trending li svg { width: 31px; height: 18px; min-width: 15px; color: #7ebc32; flex: 0 1 31px; }
.np-s-trending li small { font-size: 8px; color: #b5b4a3; }
.np-s-leaders li b { border: 1px solid #c69824; color: #e2b42b; font-size: 10px; font-weight: 400; display: grid; place-items: center; width: 18px; height: 18px; flex: 0 0 18px; border-radius: 50%; }
.np-s-leaders .np-s-avatar { width: 25px; height: 25px; padding: 1px; }
.np-s-leaders li small { color: #e9c343; }
.np-s-leaders li strong { font-size: 9px; }
.np-s-shortcuts { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; padding: 7px; border-color: #806522; }
.np-stream .np-s-shortcut { --tone: #d7a632; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 86px; border: 1px solid color-mix(in srgb,var(--tone) 45%,#1d1809); border-radius: 5px; padding: 10px 3px; background: radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 80%); }
.np-s-shortcut .np-s-icon { width: 30px; height: 30px; color: #e8b849; filter: drop-shadow(0 0 7px color-mix(in srgb,var(--tone) 50%,transparent)); }
.np-s-shortcut > span { font-size: 10px; white-space: nowrap; }
.np-s-shortcut::after { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 18px; height: 2px; background: var(--tone); box-shadow: 0 0 8px var(--tone); }
.np-stream .np-s-shortcut--red { --tone: #c94118; }
.np-stream .np-s-shortcut--green { --tone: #559724; }
.np-stream .np-s-shortcut--violet { --tone: #a05ad3; }
.np-stream .np-s-shortcut--blue { --tone: #3d84a1; }
.np-s-shortcut--violet .np-s-icon { color: #ca7dec; }
.np-s-rewards { display: grid; grid-template-columns: .76fr 1.22fr 1.03fr 1.25fr; gap: 0; margin-top: 14px; min-height: 99px; border-color: #a07a21; border-radius: 8px; padding: 7px 8px; background: radial-gradient(ellipse at 54% 0%,#49320a2d,transparent 53%),#090803; }
.np-s-rewards > div { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 0 10px; border-right: 1px solid #5542155c; }
.np-s-rewards > div:first-child { padding-left: 0; }
.np-s-rewards > div:last-child { border-right: 0; padding-right: 0; }
.np-s-rewards h2 { color: #c6a652; font-size: 10px; font-weight: 400; white-space: nowrap; }
.np-s-rewards p { color: #cac4b0; font-size: 10px; margin-top: 5px; }
.np-s-rewards img { flex-shrink: 0; object-fit: contain; mix-blend-mode: screen; max-width: 38%; }
.np-s-library-level > img { width: 106px; height: 74px; }
.np-s-library-level p { display: flex; align-items: center; gap: 12px; color: #eabd33; }
.np-s-library-level p strong { font-size: 29px; font-weight: 400; line-height: 1; }
.np-s-library-level p span { white-space: nowrap; font-size: 10px; }
.np-s-library-next > img { width: 48px; height: 63px; }
.np-s-library-next > div { flex: 1; min-width: 0; }
.np-s-next-heading { display: flex; align-items: center; gap: 15px; }
.np-s-next-heading > strong { color: #e9be32; font-size: 11px; font-weight: 500; white-space: nowrap; }
.np-s-library-next p { margin-left: 92px; }
.np-s-scroll-progress { display: flex; align-items: center; gap: 9px; margin-top: 7px; }
.np-s-scroll-progress progress { width: 100%; min-width: 40px; }
.np-s-scroll-progress span { color: #c8c5b9; font-size: 10px; white-space: nowrap; }
.np-s-library-bonus img { width: 83px; height: 74px; }
.np-s-library-bonus p { color: #55c63c; margin-top: 4px; font-size: 10px; }
.np-s-daily-reward img { width: 75px; height: 64px; }
.np-s-daily-reward > div { flex: 1; min-width: 0; }
.np-s-daily-reward > div strong { display: block; margin-top: 3px; font-size: 12px; }
.np-stream .np-s-daily-reward > button { min-height: 34px; font-size: 10px; padding: 6px 9px; }
.np-s-preview-note { font-size: 10px; letter-spacing: .035em; color: #8a8167; text-align: center; padding: 11px 0 14px; }
.np-s-dialog { position: fixed; border: 1px solid #9c7428; border-radius: 12px; background: radial-gradient(ellipse at 50% 0%,#4a280a52,transparent 75%),#090805; color: #e6dfc9; padding: 35px 30px 28px; width: min(480px,calc(100vw - 30px)); max-height: calc(100dvh - 40px); overflow: auto; margin: auto; box-shadow: 0 15px 100px #000; text-align: center; }
.np-s-dialog::backdrop { background: #000c; backdrop-filter: blur(5px); }
.np-stream .np-s-dialog-close { position: absolute; right: 8px; top: 8px; }
.np-s-dialog-symbol .np-s-icon { width: 44px; height: 44px; color: #e7b53a; }
.np-s-eyebrow { font-size: 10px; letter-spacing: .14em; color: #cfa853; margin: 16px 0 8px; }
.np-s-dialog h2 { font-family: Georgia,'Times New Roman',serif; font-size: 28px; font-weight: 400; color: #f3d183; line-height: 1.2; }
.np-s-dialog #np-s-dialog-description { font-size: 14px; line-height: 1.6; color: #cbc3ae; margin-top: 14px; overflow-wrap: anywhere; }
.np-stream .np-s-dialog-continue { margin-top: 22px; padding: 10px 23px; }
.np-s-dialog-media { margin-top: 18px; }
.np-s-dialog-media img { display: block; max-width: 100%; height: auto; border: 1px solid #705322; border-radius: 6px; margin: auto; }
.np-s-dialog.is-story .np-s-dialog-media img { width: 220px; image-rendering: auto; }
.np-s-dialog.is-artwork { width: min(960px,calc(100vw - 30px)); }
.np-s-dialog.is-artwork .np-s-dialog-symbol, .np-s-dialog.is-artwork .np-s-eyebrow { display: none; }
.np-s-toast { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 9999; width: max-content; max-width: calc(100vw - 28px); padding: 12px 18px; border: 1px solid #9e7224; border-radius: 6px; background: #161007f5; color: #ffe1a0; box-shadow: 0 8px 28px #000a; font-size: 13px; text-align: center; }
/* Artwork is isolated from the annotated boards; all labels and actions remain HTML. */
.np-s-shortcut-art { mask-image: radial-gradient(ellipse,#000 48%,transparent 80%); width: 42px; height: 40px; object-fit: contain; mix-blend-mode: screen; }
.np-s-verdict-art { mask-image: radial-gradient(ellipse,#000 48%,transparent 81%); width: 33px; height: 29px; object-fit: contain; mix-blend-mode: screen; }
.np-s-rank-emblem { mask-image: radial-gradient(ellipse,#000 40%,transparent 75%); }
.np-s-library-bonus > img { mask-image: radial-gradient(ellipse,#000 55%,transparent 78%); }
.np-s-primary-nav .is-current, .np-s-judgment > .np-s-widget-heading { background-image: linear-gradient(90deg,#490804ba,#260b0450),url('../images/nubian-planet/stream/engraved-pattern.webp'); background-size: auto, auto 100%; }
@media (min-width: 1440px) {
  .np-s-topnav .np-s-icon { width: 26px; height: 26px; }
  .np-s-topnav > :is(a,button) { font-size: 12px; }
  .np-s-nav-item { height: 38px; }
  .np-s-rank { min-height: 140px; }
  .np-s-utilities h2, .np-s-widget-heading h2 { font-size: 13px; }
  .np-s-utilities p { font-size: 12px; }
  .np-s-utilities h3 { font-size: 14px; }
  .np-s-rank > strong, .np-stream .np-s-rank > button { font-size: 12px; }
  .np-stream .np-s-story { font-size: 12px; }
  .np-s-composer-tool { font-size: 11px !important; }
  .np-s-post-copy { font-size: 13px; }
  .np-s-post-header h2 { font-size: 14px; }
  .np-s-post-header p { font-size: 12px; }
  .np-s-post-header .np-s-avatar { width: 46px; height: 46px; }
  .np-s-post-detail { font-size: 11px; }
  .np-s-judgment > .np-s-widget-heading { min-height: 42px; }
  .np-s-judgment .np-s-widget-heading > span { font-size: 12px; }
  .np-s-judge-intro { font-size: 12px; }
  .np-s-judge-person { min-height: 57px; }
  .np-s-judge-person h3 { font-size: 14px; }
  .np-s-judge-person p { font-size: 12px; }
  .np-s-verdict > span { height: 68px; }
  .np-s-verdict strong { font-size: 13px; }
  .np-s-status { padding-bottom: 43px; }
  .np-s-stats > div { min-height: 31px; }
  .np-s-stats dt, .np-s-stats dd { font-size: 12px; }
  .np-s-realm-chart { height: 39px; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 11px; }
  .np-s-discovery .np-s-widget-heading button { font-size: 10px; }
  .np-s-discovery li button { min-height: 33px; }
  .np-s-discovery li strong, .np-s-trending li strong { font-size: 10.5px; }
  .np-s-discovery li small { font-size: 10px; }
  .np-s-trending li small { font-size: 9px; }
  .np-s-shortcut { min-height: 93px !important; }
  .np-s-shortcut > span { font-size: 11px; }
  .np-s-rewards h2 { font-size: 11px; }
  .np-s-rewards p, .np-s-library-bonus p { font-size: 11px; }
  .np-s-library-level p span { font-size: 11px; }
  .np-s-daily-reward > button { font-size: 11px !important; }
}
@media (min-width: 1600px) {
  .np-stream { margin-top: 24px; font-size: 14px; --np-gap: 14px; }
  .np-s-nav-item { height: 38px; }
  .np-s-post-copy { font-size: 13px; }
  .np-s-story-list { gap: 10px; }
  .np-s-discovery li strong { font-size: 10px; }
  .np-s-trending li strong { font-size: 10px; }
}
@media (min-width: 1100px) and (max-width: 1439px) {
  .np-stream { width: calc(100% - 28px); margin-top: 14px; }
  .np-s-topbar { gap: 11px; padding-inline: 12px; height: 79px; }
  .np-s-logo { flex-basis: 145px; width: 145px; }
  .np-s-search { flex-basis: 170px; max-width: 200px; }
  .np-s-topnav { gap: 1px; }
  .np-s-topnav > :is(a,button) { min-width: 42px; font-size: 10px; }
  .np-s-notices { gap: 1px; }
  .np-s-account > span { display: none; }
  .np-s-account .np-s-avatar { width: 46px; height: 46px; }
  .np-s-layout { grid-template-columns: 184px minmax(0,1.28fr) minmax(0,1fr); gap: 10px; }
  .np-s-nav-item { gap: 9px; font-size: 12px; padding-inline: 9px !important; }
  .np-s-story { font-size: 10px !important; }
  .np-s-story-list { gap: 6px; }
  .np-s-composer-tool { padding-inline: 5px !important; gap: 4px !important; font-size: 9px !important; }
  .np-s-post-button { flex-basis: 57px !important; }
  .np-s-post-detail { display: none; }
  .np-s-post-copy { font-size: 11px; }
  .np-s-judgment > .np-s-widget-heading { padding-right: 13px; }
  .np-s-judgment-body { width: calc(100% - 54px); }
  .np-s-judgment { background-position: right 0 top 8px; }
  .np-s-status { padding-inline: 10px; }
  .np-s-stats { width: 68%; }
  .np-s-stats dt { gap: 5px; font-size: 10px; }
  .np-s-stats dd { font-size: 10px; min-width: 29px; }
  .np-s-stats dd:last-child { min-width: 33px; }
  .np-s-globe { width: 31%; right: 6px; top: 29px; }
  .np-s-discovery { gap: 6px; }
  .np-s-discovery > section { padding-inline: 7px; }
  .np-s-discovery li button { gap: 4px; }
  .np-s-discovery li strong { font-size: 9px; }
  .np-s-discovery li small { font-size: 8px; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 9px; }
  .np-s-discovery .np-s-widget-heading button { font-size: 8px; }
  .np-s-trending li svg { display: none; }
  .np-s-leaders .np-s-avatar { width: 21px; height: 21px; }
  .np-s-leaders li b { width: 15px; height: 15px; flex-basis: 15px; font-size: 9px; }
  .np-s-shortcut > span { font-size: 9px; }
  .np-s-rewards { grid-template-columns: .9fr 1.12fr 1fr 1.26fr; }
  .np-s-rewards > div { gap: 6px; padding-inline: 7px; }
  .np-s-rewards img { max-width: 29%; }
  .np-s-rewards h2 { font-size: 9px; }
  .np-s-library-level p { gap: 8px; }
  .np-s-next-heading { flex-direction: column; align-items: start; gap: 3px; }
  .np-s-library-next p { margin-left: 0; margin-top: 2px; }
  .np-s-library-bonus p { font-size: 9px; }
  .np-s-daily-reward { flex-wrap: wrap; position: relative; padding-right: 7px !important; }
  .np-s-daily-reward img { max-width: 25%; }
  .np-s-daily-reward > button { min-height: 25px !important; padding: 4px 6px !important; margin-left: auto; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .np-stream { width: calc(100% - 28px); margin-top: 14px; }
  .np-s-topbar { height: 76px; gap: 12px; padding: 9px 13px; }
  .np-stream .np-s-menu-toggle { display: grid; }
  .np-s-logo { width: 155px; flex-basis: 155px; }
  .np-s-search { max-width: none; flex-basis: 160px; }
  .np-s-topnav { display: none; }
  .np-s-account > span { display: none; }
  .np-s-power { padding: 6px 8px !important; }
  .np-s-layout { display: grid; grid-template-columns: 80px minmax(0,1fr); grid-template-areas: 'navigation feed' 'navigation realm' 'utilities utilities'; align-items: start; }
  .np-s-left { display: contents; }
  .np-s-primary-nav { grid-area: navigation; padding: 7px; }
  .np-s-nav-item { height: 51px; justify-content: center; }
  .np-s-nav-item > span, .np-s-nav-more > .np-s-icon:last-child { display: none; }
  .np-s-nav-item .np-s-icon { width: 24px; height: 24px; }
  .np-stream.is-navigation-open .np-s-layout { grid-template-columns: 218px minmax(0,1fr); }
  .np-stream.is-navigation-open .np-s-nav-item { justify-content: start; height: 40px; }
  .np-stream.is-navigation-open .np-s-nav-item > span { display: inline; }
  .np-s-feed { grid-area: feed; }
  .np-s-realm { grid-area: realm; display: grid; grid-template-columns: 1fr 1fr; }
  .np-s-judgment { grid-column: 1; grid-row: auto; }
  .np-s-status { grid-column: 2; align-self: stretch; }
  .np-s-discovery { grid-column: 1 / -1; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 12px; }
  .np-s-discovery li button { min-height: 35px; }
  .np-s-discovery li strong { font-size: 11px; }
  .np-s-discovery li small { font-size: 10px; }
  .np-s-discovery .np-s-widget-heading button { font-size: 11px; }
  .np-s-shortcuts { grid-column: 1 / -1; }
  .np-s-shortcut > span { font-size: 11px; }
  .np-s-utilities { grid-area: utilities; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .np-s-rewards { grid-template-columns: 1fr 1fr; padding: 9px; gap: 8px; }
  .np-s-rewards > div { min-height: 85px; }
  .np-s-rewards > div:nth-child(even) { border-right: 0; }
  .np-s-rewards > div:nth-child(-n+2) { border-bottom: 1px solid #514016; padding-bottom: 8px; }
  .np-s-judgment > .np-s-widget-heading { padding-right: 12px; flex-wrap: wrap; gap: 3px; }
  .np-s-judgment-body { width: 100%; padding-right: 12px; }
  .np-s-judgment { background-image: linear-gradient(90deg,#0d0806 45%,#130602b3),url('../images/nubian-planet/stream/council-statue.webp'); }
  .np-s-judge-person { max-width: 88%; }
  .np-s-stats { width: 100%; }
  .np-s-globe { display: block; width: 95px; top: auto; right: 14px; bottom: 29px; }
  .np-s-status > .np-s-widget-heading { width: 100%; }
  .np-s-stat dd { font-size: 11px; }
  .np-stream.is-navigation-open .np-s-realm { grid-template-columns: 1fr; }
  .np-stream.is-navigation-open .np-s-realm > * { grid-column: 1; grid-row: auto; }
}
@media (max-width: 767px) {
  .np-stream { width: calc(100% - 20px); margin-top: 10px; --np-gap: 12px; }
  .np-s-topbar { flex-wrap: wrap; gap: 5px 8px; height: auto; min-height: 113px; padding: 9px 10px; border-radius: 8px; }
  .np-stream .np-s-menu-toggle { display: grid; width: 30px; height: 36px; flex-basis: 30px; }
  .np-s-logo { width: 132px; flex-basis: 132px; margin-right: auto; }
  .np-s-topnav, .np-s-account > span, .np-s-power { display: none !important; }
  .np-s-notices { gap: 3px; }
  .np-s-notices .np-s-icon-button { width: 29px; height: 32px; }
  .np-s-notices .np-s-icon { width: 20px; height: 20px; }
  .np-s-notices .np-s-icon-button > b { top: -2px; right: -2px; min-width: 15px; height: 15px; font-size: 9px; }
  .np-s-account .np-s-avatar { width: 37px; height: 37px; }
  .np-s-search { order: 10; flex: 1 0 100%; width: 100%; max-width: none; height: 36px; margin-top: 4px; }
  .np-s-search input { font-size: 12px; padding-block: 7px; }
  .np-s-layout { grid-template-columns: minmax(0,1fr); grid-template-areas: 'navigation' 'feed' 'realm' 'utilities'; gap: 0; margin-top: 12px; }
  .np-s-left { display: contents; }
  .np-s-primary-nav { display: none; grid-area: navigation; margin-bottom: 12px; }
  .np-stream.is-navigation-open .np-s-primary-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .np-s-nav-item { font-size: 12px; gap: 8px; height: 39px; }
  .np-s-feed { grid-area: feed; }
  .np-s-realm { grid-area: realm; margin-top: 14px; }
  .np-s-utilities { grid-area: utilities; margin-top: 14px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .np-s-rank { grid-column: 1 / -1; min-height: 125px; }
  .np-s-rank progress { width: min(70%,220px); }
  .np-s-rank-emblem { right: 18px; top: 12px; width: 94px; height: 92px; }
  .np-s-utilities > section { padding: 10px; }
  .np-s-utilities p { font-size: 10px; }
  .np-s-utility-body { flex-direction: column; gap: 4px; align-items: center; text-align: center; margin: 8px 0 9px; }
  .np-s-utility-body img { max-width: 100%; height: 78px; }
  .np-s-game .np-s-utility-body { margin-top: 8px; }
  .np-s-game .np-s-utility-body img { height: 78px; }
  .np-s-game .np-s-utility-body strong { display: block; margin-top: 4px; }
  .np-s-stories { padding: 10px 10px 11px; }
  .np-s-widget-heading h2 { font-size: 11px; }
  .np-s-widget-heading > :is(span,button) { font-size: 10px; }
  .np-s-story-list { display: flex; overflow-x: auto; gap: 12px; margin-top: 12px; padding: 0 2px 5px; scrollbar-width: thin; scrollbar-color: #654919 transparent; }
  .np-stream .np-s-story { flex: 0 0 56px; gap: 6px; font-size: 10px; }
  .np-s-story-ring { width: 56px; height: 56px; }
  .np-s-composer { padding: 9px; }
  .np-s-composer-input { gap: 8px; }
  .np-s-composer-input .np-s-avatar { width: 36px; height: 36px; }
  .np-s-composer-input textarea { font-size: 13px; padding: 9px 8px; height: 39px; min-height: 39px; }
  .np-s-composer-tools { display: grid; grid-template-columns: 1.25fr .75fr 1.25fr 1fr; gap: 5px; margin-top: 8px; }
  .np-stream .np-s-composer-tool { flex-direction: column; gap: 4px; font-size: 9px; padding: 7px 3px; }
  .np-s-composer-tool .np-s-icon { width: 19px; height: 19px; }
  .np-stream .np-s-post-button { grid-column: 1 / -1; margin: 2px 0 0; min-height: 31px; font-size: 12px; }
  .np-s-post { padding: 9px 9px 0; }
  .np-s-post-header .np-s-avatar { width: 37px; height: 37px; }
  .np-s-post-header h2 { font-size: 12px; }
  .np-s-post-header p { font-size: 10px; }
  .np-s-post-copy { font-size: 12px; line-height: 1.55; margin: 7px 0 9px; }
  .np-s-post-media img { aspect-ratio: 2.4 / 1; object-position: 45% 50%; }
  .np-s-post-footer { min-height: 37px; }
  .np-s-post-actions { gap: 20px; }
  .np-s-post-actions > button { font-size: 11px; gap: 6px; }
  .np-s-post-detail { display: none; }
  .np-s-learning-banner { min-height: 88px; padding-left: 35%; gap: 7px; flex-direction: column; align-items: start; justify-content: center; }
  .np-s-learning-banner > img { width: 40%; object-position: 61%; }
  .np-s-learning-banner h3 { font-size: 16px; }
  .np-s-learning-banner .np-s-gold-button { margin: 0; font-size: 10px; min-height: 26px; }
  .np-s-judgment > .np-s-widget-heading { padding-right: 16px; }
  .np-s-judgment-body { width: calc(100% - 47px); padding: 9px 10px 12px; }
  .np-s-judgment { background-position: right 0 top 5px; }
  .np-s-verdict > span { height: 68px; }
  .np-s-judge-person { padding: 5px; }
  .np-s-judgment .np-s-red-button { min-height: 34px; }
  .np-s-status { min-height: 198px; padding: 12px 11px 36px; }
  .np-s-status > .np-s-widget-heading { width: 100%; }
  .np-s-stats { width: 71%; margin-top: 10px; }
  .np-s-stats dt { gap: 5px; font-size: 10px; }
  .np-s-stats dd { min-width: 30px; font-size: 10px; }
  .np-s-stats dd:last-child { min-width: 32px; }
  .np-s-globe { top: 42px; right: 8px; width: 29%; }
  .np-s-discovery { gap: 8px; }
  .np-s-discovery > section { padding: 9px 8px; }
  .np-s-discovery .np-s-widget-heading { flex-wrap: wrap; gap: 3px; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 9px; }
  .np-s-discovery .np-s-widget-heading button { font-size: 9px; }
  .np-s-discovery li button { gap: 4px; min-height: 32px; }
  .np-s-discovery li strong { font-size: 9px; }
  .np-s-discovery li small { font-size: 8px; }
  .np-s-trending li svg { display: none; }
  .np-s-trending li strong { font-size: 8px; }
  .np-s-trending li b { font-size: 16px; }
  .np-s-leaders li b { width: 14px; height: 14px; flex-basis: 14px; font-size: 9px; }
  .np-s-leaders .np-s-avatar { width: 20px; height: 20px; }
  .np-s-leaders li strong { white-space: normal; font-size: 8px; line-height: 1.25; }
  .np-s-shortcuts { gap: 4px; padding: 5px; }
  .np-stream .np-s-shortcut { gap: 7px; min-height: 80px; padding-inline: 2px; }
  .np-s-shortcut > span { font-size: 8px; white-space: normal; line-height: 1.3; min-height: 21px; display: flex; align-items: center; }
  .np-s-shortcut .np-s-icon { width: 26px; height: 26px; }
  .np-s-rewards { grid-template-columns: 1fr; padding: 8px 12px; margin-top: 14px; gap: 0; }
  .np-s-rewards > div { min-height: 88px; border-right: 0; border-bottom: 1px solid #55421566; padding: 8px 0; gap: 13px; }
  .np-s-rewards > div:last-child { border-bottom: 0; }
  .np-s-library-level > img { width: 88px; }
  .np-s-library-next > img { margin: 0 19px; width: 50px; }
  .np-s-library-bonus > img { width: 88px; }
  .np-s-rewards h2 { font-size: 11px; }
  .np-s-library-level p span { font-size: 12px; }
  .np-s-library-next > div { width: calc(100% - 100px); }
  .np-s-next-heading { gap: 5px; flex-wrap: wrap; }
  .np-s-next-heading strong { font-size: 12px; }
  .np-s-library-next p { margin-left: 0; }
  .np-s-library-bonus p { font-size: 11px; }
  .np-s-daily-reward { flex-wrap: wrap; }
  .np-s-daily-reward > img { width: 88px; max-width: 30%; }
  .np-s-daily-reward > button { width: 100%; min-height: 35px !important; margin-top: 2px; font-size: 12px !important; }
  .np-s-preview-note { font-size: 9px; padding-block: 14px; }
}
@media (max-width: 1439px) {
  .np-s-post-detail + .np-s-save { margin-left: auto; }
}
@media (max-width: 767px) {
  .np-s-discovery { grid-template-columns: 1fr; }
  .np-s-discovery > section { padding: 12px; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 12px; }
  .np-s-discovery .np-s-widget-heading button { font-size: 11px; }
  .np-s-discovery li button { min-height: 36px; gap: 8px; }
  .np-s-discovery li strong { font-size: 12px; white-space: nowrap; }
  .np-s-discovery li small { font-size: 11px; }
  .np-s-trending li svg { display: block; }
  .np-s-leaders li b { width: 18px; height: 18px; flex-basis: 18px; font-size: 11px; }
  .np-s-leaders .np-s-avatar { width: 27px; height: 27px; }
  .np-s-post-footer, .np-s-post-actions > button, .np-stream .np-s-save { min-height: 40px; }
  .np-s-shortcut-art { width: 34px; height: 35px; }
}
@media (max-width: 359px) {
  .np-stream { width: calc(100% - 14px); }
  .np-s-topbar { gap: 5px; padding-inline: 8px; }
  .np-s-logo { flex-basis: 112px; width: 112px; }
  .np-s-account .np-s-avatar { width: 31px; height: 31px; }
  .np-s-stats { width: 100%; }
  .np-s-globe { display: none; }
  .np-s-discovery { grid-template-columns: 1fr; }
  .np-s-discovery li strong { font-size: 11px; }
  .np-s-discovery li small { font-size: 10px; }
  .np-s-discovery .np-s-widget-heading h2 { font-size: 11px; }
  .np-s-trending li svg { display: block; }
  .np-s-leaders .np-s-avatar { width: 25px; height: 25px; }
  .np-s-judgment-body { width: 100%; }
  .np-s-judgment { background-image: linear-gradient(90deg,#0d0806,#100905d9),url('../images/nubian-planet/stream/council-statue.webp'); }
  .np-s-utilities h2 { font-size: 11px; }
}
@media (prefers-reduced-motion: no-preference) {
  .np-stream button, .np-stream a, .np-s-verdict > span { transition: filter .16s,background-color .16s,border-color .16s,box-shadow .16s; }
  .np-s-story:hover .np-s-story-ring { filter: brightness(1.2); }
}