/* NAPKINART_PAGE_BACKGROUNDS_AND_LIFT_V2_START */
:root {
  --napkin-feed-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/feedBackgroundActive.png");
  --napkin-friends-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/friendsBackgroundActive.png");
  --napkin-competitions-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/competitionsBackgroundActive.png");
  --napkin-draw-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/drawBackgroundActive.png");
  --napkin-profile-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/profileBackgroundActive.png");
  --napkin-rankings-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/rankingsBackgroundActive.png");
  --napkin-feed-content-top: clamp(132px, 16svh, 158px);
  --napkin-page-content-top: clamp(145px, 17svh, 175px);
  --napkin-competitions-content-top: clamp(150px, 18svh, 185px);
  --napkin-page-background-color: #241407;
}

html {
  min-height: 100%;
  overflow-x: hidden !important;
  background: var(--napkin-page-background-color) !important;
}

body[data-napkin-page-background] {
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden !important;
  background: transparent !important;
  isolation: isolate;
}

body[data-napkin-page-background="feed"] {
  --napkin-route-background-image: var(--napkin-feed-background);
}

body[data-napkin-page-background="friends"] {
  --napkin-route-background-image: var(--napkin-friends-background);
}

body[data-napkin-page-background="competitions"],
body[data-napkin-page-background="competition"] {
  --napkin-route-background-image: var(--napkin-competitions-background);
}

body[data-napkin-page-background="draw"] {
  --napkin-route-background-image: var(--napkin-draw-background);
}

body[data-napkin-page-background="profile"] {
  --napkin-route-background-image: var(--napkin-profile-background);
}

body[data-napkin-page-background="rankings"] {
  --napkin-route-background-image: var(--napkin-rankings-background);
}

body[data-napkin-page-background]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: var(--napkin-page-background-color);
  background-image:
    linear-gradient(180deg, rgba(35, 18, 6, .015), rgba(20, 10, 4, .075)),
    var(--napkin-route-background-image);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateZ(0);
}

body[data-napkin-page-background]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 248, 229, .015) 0%,
    rgba(255, 248, 229, .025) 40%,
    rgba(20, 10, 4, .075) 100%
  );
}

body[data-napkin-page-background] #app,
body[data-napkin-page-background] .app-frame,
body[data-napkin-page-background] #screen,
body[data-napkin-page-background] main {
  background-color: transparent !important;
}

/* The full-page art contains its own title, replacing the old banner. */
body[data-napkin-page-background] .napkin-section-header,
body[data-napkin-page-background] [data-section-header] {
  display: none !important;
}

/* Normal route pages clear their individual title artwork. */
body[data-napkin-page-background="friends"] #screen,
body[data-napkin-page-background="draw"] #screen,
body[data-napkin-page-background="profile"] #screen,
body[data-napkin-page-background="rankings"] #screen {
  padding-top: var(--napkin-page-content-top) !important;
}

/* Feed: place Friends immediately below the title, then pull every row up. */
body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5,
body[data-napkin-page-background="feed"] #screen {
  padding-top: var(--napkin-feed-content-top) !important;
}

body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5 {
  padding-right: 8px !important;
  padding-left: 8px !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 {
  gap: 3px !important;
  align-content: start !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 #napkin-active-competition-bar-v1 {
  min-height: 78px !important;
  margin: 0 !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5::before,
body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5 .stories-scroll,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-active-competition-heading-v1,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-active-competition-list-v1 {
  min-height: 78px !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5 .stories-scroll,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-active-competition-list-v1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .feed-list.napkin-feed-carousel-source-v3,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-feed-carousel-v3 {
  margin-top: 0 !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-feed-carousel-rail-v3 {
  padding-top: 0 !important;
}

/* Competitions is an overlay, so it gets its own image independently. */
#napkin-competitions-overlay {
  background-color: #000000 !important;
  background-image:
    linear-gradient(180deg, rgba(35, 18, 6, .015), rgba(20, 10, 4, .10)),
    var(--napkin-competitions-background) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#napkin-competitions-overlay .napkin-directory-header {
  display: none !important;
}

#napkin-competitions-overlay .napkin-competitions-shell {
  padding-top: calc(env(safe-area-inset-top, 0px) + var(--napkin-competitions-content-top)) !important;
  /* background: transparent !important; */
}

#napkin-competitions-overlay [data-napkin-competition-content] {
  /* background: transparent !important; */
}

/* Readability without covering the page artwork. */
body[data-napkin-page-background] .card,
body[data-napkin-page-background] .profile-card,
body[data-napkin-page-background] .person-row,
body[data-napkin-page-background] .ranking-list,
body[data-napkin-page-background] .challenge-card {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* Intentionally do not alter the center floating menu geometry. */

@media (max-width: 370px) {
  :root {
    --napkin-feed-content-top: clamp(124px, 15svh, 146px);
    --napkin-page-content-top: clamp(138px, 16svh, 162px);
    --napkin-competitions-content-top: clamp(142px, 17svh, 172px);
  }
}

@media (min-width: 700px) {
  body[data-napkin-page-background]::before {
    background-size: min(100vw, 900px) auto;
  }
}
/* NAPKINART_PAGE_BACKGROUNDS_AND_LIFT_V2_END */

/* NAPKINART_PREMIUM_STITCHED_FEED_V13_START */
:root {
  --napkin-premium-feed-top: clamp(214px, 25svh, 240px);
  --napkin-premium-panel-height: 100px;
  --napkin-premium-card-gap: 10px;
  --napkin-premium-ink: #332318;
  --napkin-premium-brown: #6b4728;
  --napkin-premium-gold: #e4a62c;
  --napkin-premium-cream: #ead6ae;
  --napkin-premium-paper: rgba(229, 205, 163, .88);
  --napkin-premium-feed-background: url("https://competitiondrawings.s3.us-east-2.amazonaws.com/feedBackgroundActive.png");
}

/* Keep the entire Feed inside the phone width and use the full-page artwork. */
html,
body {
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

body[data-napkin-page-background="feed"] {
  --napkin-route-background-image: var(--napkin-premium-feed-background) !important;
}

body[data-napkin-page-background="feed"]::before {
  background-color: #8f6538 !important;
  background-image:
    linear-gradient(180deg, rgba(255, 244, 218, .025), rgba(50, 25, 8, .08)),
    var(--napkin-premium-feed-background) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body[data-napkin-page-background="feed"] #app,
body[data-napkin-page-background="feed"] .app-frame,
body[data-napkin-page-background="feed"] main,
body[data-napkin-page-background="feed"] #screen,
#screen.napkin-feed-screen-v5 {
  background: transparent !important;
}

body[data-napkin-page-background="feed"] .napkin-section-header,
body[data-napkin-page-background="feed"] [data-section-header],
#screen.napkin-feed-screen-v5 > .napkin-section-header {
  display: none !important;
}

body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5,
#screen.napkin-feed-screen-v5 {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  /* padding:
    var(--napkin-premium-feed-top)
    12px
    calc(108px + env(safe-area-inset-bottom, 0px)) !important; */
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5,
#screen.napkin-feed-screen-v5 .napkin-feed-stack-v5 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  overflow: visible !important;
}

/* Shared luxury stitched panel geometry. */
body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 #napkin-active-competition-bar-v1,
#screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5,
#screen.napkin-feed-screen-v5 #napkin-active-competition-bar-v1 {
  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--napkin-premium-panel-height) !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(89, 55, 25, .62) !important;
  border-radius: 19px !important;
  background:
    linear-gradient(90deg, transparent 0 16%, rgba(255,255,255,.12) 17%, transparent 18% 100%),
    repeating-linear-gradient(90deg, rgba(88,54,25,.25) 0 4px, transparent 4px 11px) center calc(100% - 13px) / calc(100% - 86px) 1px no-repeat,
    linear-gradient(145deg, rgba(242, 224, 190, .92), rgba(198, 166, 119, .88)) !important;
  box-shadow:
    0 12px 24px rgba(42, 22, 8, .26),
    inset 0 0 0 2px rgba(255, 245, 220, .34),
    inset 0 0 0 5px rgba(98, 61, 28, .10),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
  box-sizing: border-box !important;
}

/* Large debossed wording across the quiet part of each panel. */
body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5::after,
#screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5::after {
  content: "FRIENDS";
  position: absolute;
  z-index: 0;
  left: 122px;
  right: 16px;
  top: 50%;
  transform: translateY(-54%);
  pointer-events: none;
  overflow: hidden;
  color: rgba(83, 55, 31, .16);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 8vw, 35px);
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  text-align: center;
  text-shadow:
    0 1px 0 rgba(255, 246, 222, .72),
    0 -1px 0 rgba(72, 43, 21, .24);
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 #napkin-active-competition-bar-v1::after,
#screen.napkin-feed-screen-v5 #napkin-active-competition-bar-v1::after {
  content: "COMPETITIONS";
  position: absolute;
  z-index: 0;
  left: 116px;
  right: 11px;
  top: 50%;
  transform: translateY(-54%);
  pointer-events: none;
  overflow: hidden;
  color: rgba(76, 52, 31, .15);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 6.8vw, 29px);
  font-weight: 800;
  letter-spacing: .025em;
  white-space: nowrap;
  text-align: center;
  text-shadow:
    0 1px 0 rgba(255, 246, 222, .68),
    0 -1px 0 rgba(72, 43, 21, .24);
}

/* Vertical stitched leather tabs. */
body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5::before,
#screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5::before {
  content: "Friends" !important;
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 48px !important;
  min-width: 48px !important;
  min-height: calc(var(--napkin-premium-panel-height) - 16px) !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 9px 5px !important;
  border: 1px solid rgba(91, 55, 24, .66) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.13), transparent 24% 76%, rgba(56,32,13,.10)),
    linear-gradient(180deg, #d2b17d, #a87a43) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 237, 200, .35),
    inset 0 0 0 4px rgba(67, 40, 18, .11),
    0 6px 12px rgba(49, 26, 9, .22) !important;
  color: #382517 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255, 238, 204, .55) !important;
  box-sizing: border-box !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-active-competition-heading-v1,
#screen.napkin-feed-screen-v5 .napkin-active-competition-heading-v1 {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 48px !important;
  min-width: 48px !important;
  min-height: calc(var(--napkin-premium-panel-height) - 16px) !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 9px 5px !important;
  border: 1px solid rgba(24, 28, 13, .84) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.09), transparent 25% 75%, rgba(0,0,0,.14)),
    linear-gradient(180deg, #5a5f38, #282b1d) !important;
  box-shadow:
    inset 0 0 0 2px rgba(224, 214, 166, .16),
    inset 0 0 0 4px rgba(0, 0, 0, .13),
    0 6px 12px rgba(39, 23, 7, .27) !important;
  color: #f5e9c7 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.42) !important;
  box-sizing: border-box !important;
}

body[data-napkin-page-background="feed"] .napkin-active-competition-heading-v1 strong,
#screen.napkin-feed-screen-v5 .napkin-active-competition-heading-v1 strong {
  color: inherit !important;
  font: inherit !important;
}

body[data-napkin-page-background="feed"] .napkin-active-competition-heading-v1 span,
#screen.napkin-feed-screen-v5 .napkin-active-competition-heading-v1 span {
  display: none !important;
}

/* Rails sit above the debossed words and keep normal touch scrolling. */
body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5 .stories-scroll,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-active-competition-list-v1,
#screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5 .stories-scroll,
#screen.napkin-feed-screen-v5 .napkin-active-competition-list-v1 {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: var(--napkin-premium-panel-height) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 8px 14px 8px 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  box-sizing: border-box !important;
}

body[data-napkin-page-background="feed"] .stories-scroll::-webkit-scrollbar,
body[data-napkin-page-background="feed"] .napkin-active-competition-list-v1::-webkit-scrollbar,
#screen.napkin-feed-screen-v5 .stories-scroll::-webkit-scrollbar,
#screen.napkin-feed-screen-v5 .napkin-active-competition-list-v1::-webkit-scrollbar {
  display: none;
}

body[data-napkin-page-background="feed"] .story-avatar-button,
body[data-napkin-page-background="feed"] .napkin-active-competition-item-v1,
#screen.napkin-feed-screen-v5 .story-avatar-button,
#screen.napkin-feed-screen-v5 .napkin-active-competition-item-v1 {
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  gap: 4px !important;
  margin: 0 !important;
}

body[data-napkin-page-background="feed"] .story-ring,
body[data-napkin-page-background="feed"] .napkin-active-competition-ring-v1,
#screen.napkin-feed-screen-v5 .story-ring,
#screen.napkin-feed-screen-v5 .napkin-active-competition-ring-v1 {
  width: 62px !important;
  height: 62px !important;
  padding: 3px !important;
  border-radius: 50% !important;
  box-shadow:
    0 6px 12px rgba(45, 23, 8, .30),
    0 0 0 2px rgba(255, 248, 229, .92),
    0 0 0 5px #f28b00 !important;
}

body[data-napkin-page-background="feed"] .story-ring .avatar.md,
#screen.napkin-feed-screen-v5 .story-ring .avatar.md {
  width: 56px !important;
  height: 56px !important;
}

body[data-napkin-page-background="feed"] .story-name,
body[data-napkin-page-background="feed"] .napkin-active-competition-label-v1,
#screen.napkin-feed-screen-v5 .story-name,
#screen.napkin-feed-screen-v5 .napkin-active-competition-label-v1 {
  width: 72px !important;
  max-width: 72px !important;
  color: #2f2118 !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 244, 218, .72) !important;
}

/* A subtle section title like the supplied premium mockup. */
body[data-napkin-page-background="feed"] .napkin-feed-carousel-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-v3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  clip-path: none !important;
  contain: layout paint style;
}

/* body[data-napkin-page-background="feed"] .napkin-feed-carousel-v3::before,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-v3::before {
  content: "◆   Top Napkins   ◆";
  display: block;
  width: 100%;
  margin: 0;
  color: rgba(74, 46, 22, .80);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: .05em;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 241, 210, .72);
} */

body[data-napkin-page-background="feed"] .napkin-feed-carousel-rail-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-rail-v3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: var(--napkin-premium-card-gap) !important;
  margin: 0 !important;
  padding: 2px 1px 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  box-sizing: border-box !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-card-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-card-v3 {
  --napkin-v3-card-width: calc((100% - var(--napkin-premium-card-gap)) / 2);
  position: relative !important;
  flex: 0 0 calc((100% - var(--napkin-premium-card-gap)) / 2) !important;
  width: calc((100% - var(--napkin-premium-card-gap)) / 2) !important;
  min-width: calc((100% - var(--napkin-premium-card-gap)) / 2) !important;
  max-width: calc((100% - var(--napkin-premium-card-gap)) / 2) !important;
  aspect-ratio: 1 / 1.96 !important;
  overflow: hidden !important;
  border: 4px solid rgba(229, 204, 158, .96) !important;
  border-radius: 22px !important;
  outline: 1px solid rgba(89, 52, 21, .78) !important;
  outline-offset: -1px !important;
  background: #2c241b !important;
  box-shadow:
    0 13px 24px rgba(46, 23, 7, .37),
    inset 0 0 0 1px rgba(255, 246, 225, .30),
    inset 0 0 0 4px rgba(91, 56, 25, .12) !important;
  color: #fff !important;
  contain: layout paint style;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-card-v3::after,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-card-v3::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 5px;
  pointer-events: none;
  border: 1px dashed rgba(255, 236, 195, .30);
  border-radius: 15px;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-image-slot-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-image-slot-v3 {
  inset: 0 !important;
  border-radius: 17px !important;
  background: #40372e !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-image-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-image-v3 {
  object-fit: cover !important;
  object-position: center !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-avatar-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-avatar-v3 {
  top: 10px !important;
  left: 10px !important;
  width: 43px !important;
  height: 43px !important;
  border: 3px solid #f39200 !important;
  box-shadow:
    0 0 0 2px rgba(255, 249, 235, .96),
    0 6px 13px rgba(0,0,0,.42) !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-score-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-score-v3 {
  top: 9px !important;
  right: 9px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, rgba(48,45,40,.98), rgba(22,21,19,.98)) !important;
  box-shadow:
    0 7px 14px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

body[data-napkin-page-background="feed"] .napkin-feed-carousel-caption-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-caption-v3 {
  min-height: 118px !important;
  padding: 40px 12px 14px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, transparent 0%, rgba(20,16,12,.18) 13%, rgba(15,12,9,.93) 52%, rgba(11,9,7,.99) 100%) !important;
  color: #fff !important;
  font-size: 13.5px !important;
  line-height: 1.20 !important;
  font-weight: 850 !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.72) !important;
}

/* Give the token display the same stitched dark-leather treatment. */
body[data-napkin-page-background="feed"] #napkin-global-token-float {
  border: 1px solid rgba(235, 180, 85, .54) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), transparent 25% 75%, rgba(0,0,0,.10)),
    linear-gradient(180deg, rgba(46,36,25,.98), rgba(19,16,13,.99)) !important;
  box-shadow:
    0 10px 23px rgba(40, 20, 6, .40),
    inset 0 0 0 2px rgba(255, 221, 161, .06),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Keep the current orange center menu geometry, only add a premium rim. */
body[data-napkin-page-background="feed"] .center-nav .center-nav-toggle {
  border: 2px solid rgba(255, 222, 164, .56) !important;
  outline: 2px solid rgba(95, 50, 17, .36) !important;
  outline-offset: -6px !important;
}

@media (max-width: 370px) {
  :root {
    --napkin-premium-feed-top: clamp(198px, 24svh, 224px);
    --napkin-premium-panel-height: 92px;
    --napkin-premium-card-gap: 8px;
  }

  body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5,
  #screen.napkin-feed-screen-v5 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5,
  body[data-napkin-page-background="feed"] #napkin-active-competition-bar-v1,
  #screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5,
  #screen.napkin-feed-screen-v5 #napkin-active-competition-bar-v1 {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5::before,
  body[data-napkin-page-background="feed"] .napkin-active-competition-heading-v1,
  #screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5::before,
  #screen.napkin-feed-screen-v5 .napkin-active-competition-heading-v1 {
    width: 44px !important;
    min-width: 44px !important;
  }

  body[data-napkin-page-background="feed"] .napkin-feed-friends-panel-v5::after,
  #screen.napkin-feed-screen-v5 .napkin-feed-friends-panel-v5::after {
    left: 104px;
    font-size: 24px;
  }

  body[data-napkin-page-background="feed"] #napkin-active-competition-bar-v1::after,
  #screen.napkin-feed-screen-v5 #napkin-active-competition-bar-v1::after {
    left: 98px;
    font-size: 18px;
  }

  body[data-napkin-page-background="feed"] .napkin-feed-carousel-caption-v3,
  #screen.napkin-feed-screen-v5 .napkin-feed-carousel-caption-v3 {
    font-size: 12.5px !important;
  }
}

@media (min-width: 700px) {
  body[data-napkin-page-background="feed"]::before {
    background-size: min(100vw, 900px) auto !important;
  }
}
/* NAPKINART_PREMIUM_STITCHED_FEED_V13_END */