/* Phone landscape only (844x390, 812x375, 932x430, 740x360).
   Desktop and portrait stay on the original shop, chest, pass and home sheets. */

@media (orientation: landscape) and (max-height: 520px) and (max-width: 1100px) {

  /* Shop chrome stays outside the scrolling pane. */
  .approved-shop .shop-top {
    min-height: 48px;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: max(10px, env(safe-area-inset-left, 0px));
    padding-right: max(10px, env(safe-area-inset-right, 0px));
  }
  .approved-shop .shop-top h1 {
    min-width: 0;
    font-size: clamp(22px, 3vw, 30px);
  }
  .approved-shop .shop-back,
  .approved-shop .shop-balance-drops,
  .approved-shop .shop-recharge-link {
    min-height: 44px;
  }
  .approved-shop .shop-back {
    min-width: 44px;
  }
  .approved-shop .shop-wallet {
    min-width: 0;
    gap: 6px;
  }
  .approved-shop .shop-balance {
    min-height: 36px;
    padding: 2px 8px;
  }
  .approved-shop .shop-balance strong {
    font-size: clamp(14px, 2vw, 18px);
  }
  .approved-shop .shop-tabs {
    flex: none;
    max-width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    margin-bottom: 4px;
  }
  .approved-shop .shop-tabs button {
    min-height: 44px;
    padding: 6px 12px;
    font-size: 13px;
  }

  /* Bottom padding lets a scrolled price clear the pane edge and the home indicator. */
  .approved-shop .shop-body:not([data-tab="chest"]) {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: max(16px, calc(env(safe-area-inset-bottom, 0px) + 12px));
    scroll-padding-top: 8px;
    scroll-padding-bottom: max(20px, calc(env(safe-area-inset-bottom, 0px) + 16px));
  }

  .approved-shop .boutique-heading {
    flex: none;
    align-items: center;
    padding: 4px 12px;
  }
  .approved-shop .boutique-heading p,
  .approved-shop .boutique-heading small {
    display: none;
  }
  .approved-shop .boutique-heading h2 {
    font-size: 18px;
  }
  .approved-shop .boutique-filters {
    flex: none;
    max-width: 100%;
    overflow-x: auto;
    gap: 6px;
  }
  .approved-shop .boutique-filters button,
  .approved-shop .boutique-character-filter {
    min-height: 36px;
    padding: 4px 12px;
    font-size: 13px;
  }
  .boutique-tagline {
    flex: none;
    margin: 4px 0 0;
    font-size: 12px;
  }
  .approved-shop .boutique-pagination {
    flex: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    position: relative;
  }
  .approved-shop .boutique-pagination button {
    min-height: 44px;
    min-width: 44px;
  }

  /* Featured keeps the hero mosaic. The trail row was 72px and overflow-hidden,
     which cut Starlight Path's price. The row now holds the title, the price and Preview. */
  .approved-shop .shop-body[data-tab="featured"] {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .approved-shop .shop-body[data-tab="featured"] .boutique-featured {
    flex: 1 0 auto;
    min-height: 276px;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 0.95fr);
    grid-template-rows: minmax(128px, 2.4fr) minmax(140px, 1fr);
    gap: 8px;
  }
  .approved-shop .boutique-featured > .boutique-card:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    min-height: 0;
  }
  .approved-shop .boutique-featured > .boutique-card:nth-child(2),
  .approved-shop .boutique-featured > .boutique-card:nth-child(3) {
    grid-row: 1;
    min-height: 0;
  }
  .approved-shop .boutique-featured > .boutique-card .character-card-art {
    flex: 1 1 auto;
    min-height: 0;
  }
  /* Source pins object-position with !important. A higher line keeps faces in the shorter side cards. */
  .approved-shop .boutique-featured > .boutique-card:nth-child(2) .character-card-image,
  .approved-shop .boutique-featured > .boutique-card:nth-child(3) .character-card-image {
    object-position: center 18% !important;
  }
  .approved-shop .boutique-featured > .boutique-card .shop-card-foot {
    flex: none;
    min-height: 0;
    padding: 4px 8px 8px;
    gap: 6px;
    flex-wrap: wrap;
  }
  .approved-shop .boutique-featured > .boutique-card .shop-buy,
  .approved-shop .boutique-featured > .boutique-card .boutique-preview {
    min-height: 44px;
    min-width: 44px;
  }
  .approved-shop .boutique-featured > .boutique-card .shop-buy {
    flex: 1 1 88px;
  }
  .approved-shop .boutique-featured > .boutique-card .shop-buy .shop-price strong {
    font-size: 16px;
  }

  .approved-shop .boutique-featured > .boutique-card:last-child {
    grid-column: 2 / 4;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(120px, 0.9fr);
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child .boutique-trail-illustration {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    object-fit: cover;
    object-position: center 50%;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child h3 {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0;
    padding: 2px 8px 0;
    font-size: 15px;
    line-height: 1.15;
    text-align: left;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child .shop-card-foot {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 6px;
    padding: 4px 8px 8px;
    scroll-margin-bottom: 16px;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child .shop-buy,
  .approved-shop .boutique-featured > .boutique-card:last-child .boutique-preview {
    display: inline-flex;
    width: 100%;
    flex: none;
    min-height: 44px;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child .boutique-preview {
    padding: 6px 8px;
    font-size: 13px;
  }
  .approved-shop .boutique-featured > .boutique-card:last-child .shop-buy .shop-price,
  .approved-shop .boutique-featured > .boutique-card:last-child .shop-buy .shop-price strong {
    display: inline-flex;
    visibility: visible;
    font-size: 16px;
  }

  /* Keep portraits and their names above the actions on short phones.
     The shop pane scrolls instead of collapsing the artwork to zero height.
     Balloon and trail pages keep two rows and scroll inside the grid. */
  .approved-shop .boutique-grid {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    gap: 8px;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
  }
  .approved-shop .boutique-grid:not(.boutique-balloons):not(.boutique-trails) {
    flex: 0 0 auto;
    grid-template-rows: none;
    grid-auto-rows: 260px;
    overflow: visible;
  }
  .approved-shop .boutique-balloons,
  .approved-shop .boutique-trails {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(148px, 1fr));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-bottom: 12px;
  }
  .approved-shop .boutique-grid .boutique-card {
    min-width: 0;
    min-height: 0;
  }
  .approved-shop .boutique-grid .character-card-art,
  .approved-shop .boutique-grid .shop-balloon-art,
  .approved-shop .boutique-grid .boutique-trail-illustration {
    flex: 1 1 auto;
    min-height: 0;
  }
  .approved-shop .boutique-grid .character-card-image {
    object-position: center 20% !important;
  }
  .approved-shop .boutique-grid h3,
  .approved-shop .boutique-trails h3,
  .approved-shop .boutique-balloons h3 {
    flex: none;
    font-size: 15px;
    line-height: 1.15;
    padding: 2px 8px 0;
  }
  .approved-shop .boutique-grid .shop-card-foot {
    flex: none;
    min-height: 0;
    padding: 4px 8px 8px;
    gap: 6px;
    flex-wrap: wrap;
  }
  .approved-shop .boutique-grid .shop-buy,
  .approved-shop .boutique-grid .boutique-preview,
  .approved-shop .boutique-grid .shop-owned,
  .approved-shop .boutique-grid .shop-refine {
    min-height: 44px;
  }
  .approved-shop .boutique-grid .shop-buy {
    flex: 1 1 88px;
    min-width: 0;
  }
  .approved-shop .boutique-grid .shop-buy .shop-price strong {
    font-size: 16px;
  }
  .approved-shop .boutique-grid .boutique-preview {
    flex: 1 1 64px;
    min-width: 44px;
    padding: 6px 8px;
    font-size: 13px;
  }

  .approved-shop .shop-sheet-layer {
    padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) max(8px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
  }
  .approved-shop .shop-sheet {
    max-height: calc(100dvh - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
  .approved-shop .shop-sheet-close {
    width: 44px;
    height: 44px;
  }
  .approved-shop .shop-sheet-actions button {
    min-height: 44px;
  }
  .approved-shop .shop-sheet:has(.boutique-preview-copy) {
    width: min(920px, calc(100vw - 16px));
    max-height: calc(100dvh - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
  }
  .approved-shop .boutique-preview-copy {
    min-height: 0;
    overflow: auto;
  }
  .approved-shop .preview-form-buttons button {
    min-height: 44px;
  }

  /* Chest: art, featured rewards and the pay row each keep their own band. */
  .approved-shop .chest-art-stage {
    left: max(2%, env(safe-area-inset-left, 0px));
    top: 60px;
    width: min(54%, calc(100% - 300px));
    height: auto;
    bottom: calc(112px + env(safe-area-inset-bottom, 0px));
  }
  .approved-shop .chest-featured {
    top: 60px;
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: calc(50px + env(safe-area-inset-bottom, 0px));
    width: min(32%, 280px);
    height: auto;
    max-height: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
  }
  .approved-shop .chest-featured h2 {
    flex: none;
    font-size: 18px;
  }
  .approved-shop .chest-featured-card {
    flex: 1 1 auto;
    height: auto;
    min-height: 58px;
    max-height: 92px;
  }
  .approved-shop .chest-featured-card b {
    font-size: 15px;
    line-height: 1.1;
  }
  .approved-shop .chest-featured-card small {
    font-size: 11px;
    line-height: 1.2;
  }
  .approved-shop .chest-featured-card[data-category="outfit"] .chest-featured-object img {
    transform: scale(1.28);
  }
  .approved-shop .chest-featured > .art-aqua-button {
    flex: none;
    min-height: 44px;
    width: 100%;
  }
  .approved-shop .chest-purchase-dock {
    left: max(8px, env(safe-area-inset-left, 0px));
    width: min(56%, 480px);
    bottom: calc(50px + env(safe-area-inset-bottom, 0px));
  }
  .approved-shop .chest-purchase-dock .chest-open,
  .approved-shop .chest-bottom-tools .art-aqua-button {
    min-height: 44px;
  }
  .approved-shop .chest-bottom-tools {
    left: max(8px, env(safe-area-inset-left, 0px));
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: env(safe-area-inset-bottom, 0px);
    min-height: 44px;
    z-index: 4;
    align-items: center;
  }
  .approved-shop .chest-colour-key {
    font-size: 11px;
  }

  .approved-shop .shop-sheet:has(.reward-library),
  .approved-shop .shop-sheet:has(.art-chest-odds) {
    display: flex;
    flex-direction: column;
    width: min(1080px, calc(100vw - 12px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
    height: calc(100dvh - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 8px);
    overflow: hidden;
    padding: 10px 12px;
  }
  .approved-shop .reward-library,
  .approved-shop .art-chest-odds {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .approved-shop .art-chest-odds {
    overflow: auto;
    scroll-padding-bottom: 12px;
  }
  .approved-shop .reward-library {
    gap: 6px;
  }
  .approved-shop .reward-library header h2,
  .approved-shop .art-chest-odds h2 {
    font-size: 22px;
    margin: 0;
  }
  .approved-shop .reward-library header p,
  .approved-shop .art-chest-odds .art-odds-intro {
    display: none;
  }
  .approved-shop .reward-library-tabs {
    flex: none;
    overflow-x: auto;
  }
  .approved-shop .reward-library-tabs button {
    min-height: 36px;
    font-size: 13px;
  }
  .approved-shop .reward-library-layout {
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1.7fr) minmax(160px, 0.7fr);
    gap: 8px;
  }
  .approved-shop .reward-library-browse,
  .approved-shop .reward-library-grid,
  .approved-shop .reward-library-detail {
    min-height: 0;
  }
  .approved-shop .reward-library-grid {
    overflow: auto;
    grid-template-rows: repeat(2, minmax(88px, 1fr));
    scroll-padding-bottom: 8px;
  }
  .approved-shop .reward-library-art {
    min-height: 0;
  }
  .approved-shop .reward-library-card > b {
    font-size: 14px;
  }
  .approved-shop .reward-library-card > small {
    font-size: 11px;
  }
  .approved-shop .reward-library-footer,
  .approved-shop .reward-library-pages {
    flex: none;
  }
  .approved-shop .reward-library-pages button,
  .approved-shop .reward-library-footer .art-aqua-button {
    min-height: 44px;
  }
  .approved-shop .art-odds-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
  }
  .approved-shop .art-chest-odds table {
    font-size: 12px;
  }
  .approved-shop .art-chest-odds th {
    overflow-wrap: anywhere;
  }
  .approved-shop .art-odds-rules p,
  .approved-shop .art-chest-odds .chest-odds-total {
    font-size: 11px;
  }

  .shop-dialog .chest-stage-bar {
    flex: none;
    min-height: 48px;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
  }
  .shop-dialog .chest-stage-buttons button,
  .shop-dialog .chest-skip {
    min-height: 44px;
  }
  .shop-dialog .chest-stage[data-count="10"] .chest-results {
    scroll-padding-bottom: 12px;
  }

  /* Splash Pass: hero on the left, reward track on the right. */
  .pass-dialog.pass-art-page {
    box-sizing: border-box;
    width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 8px);
    height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 8px);
    max-height: calc(100dvh - 8px);
    margin: auto;
    overflow: hidden;
  }
  .pass-art-page .pass-shell {
    min-height: 0;
    height: 100%;
    grid-template-rows: 48px minmax(0, 1fr) auto;
    gap: 6px;
  }
  .pass-art-page .pass-head,
  .pass-art-page .pass-title,
  .pass-art-page .pass-level,
  .pass-art-page .pass-main,
  .pass-art-page .pass-hero,
  .pass-art-page .pass-right,
  .pass-art-page .pass-rewards-panel {
    min-width: 0;
    min-height: 0;
  }
  .pass-art-page .pass-back {
    min-width: 44px;
    min-height: 44px;
    font-size: 15px;
  }
  .pass-art-page .pass-title h2 {
    font-size: clamp(20px, 3vw, 28px);
  }
  .pass-art-page .pass-level {
    flex: none;
  }
  .pass-art-page .pass-level strong {
    font-size: 14px;
  }
  .pass-art-page .pass-level small {
    font-size: 11px;
  }
  .pass-art-page .pass-main {
    grid-template-columns: minmax(148px, 0.28fr) minmax(0, 1fr);
    gap: 8px;
  }
  .pass-art-page .pass-hero-image {
    min-height: 0;
    object-fit: contain;
    object-position: center bottom;
  }
  .pass-art-page .pass-hero-caption h3 {
    font-size: 16px;
  }
  .pass-art-page .pass-hero-caption p,
  .pass-art-page .pass-legend-tag {
    font-size: 11px;
  }
  /* Lives in the hero caption; 44px would cover the character. */
  .pass-art-page .pass-feature-link {
    min-height: 32px;
    font-size: 13px;
  }
  .pass-art-page .pass-right {
    grid-template-rows: minmax(0, 1fr) minmax(56px, 72px);
    gap: 6px;
  }
  .pass-art-page .pass-rewards-panel {
    overflow: hidden;
  }
  .pass-art-page .pass-track-toolbar {
    flex: none;
    min-height: 36px;
  }
  .pass-art-page .pass-views button,
  .pass-art-page .pass-track-controls button {
    min-height: 36px;
    font-size: 13px;
  }
  /* 36px so the milestone rows still fit at 360px. */
  .pass-art-page .pass-track-controls [data-pass-prev],
  .pass-art-page .pass-track-controls [data-pass-next] {
    min-width: 36px;
    min-height: 36px;
  }
  .pass-art-page {
    --pass-label: 64px;
  }
  .pass-art-page .pass-tracks {
    min-height: 0;
    overflow: auto hidden;
  }
  .pass-art-page .pass-rowhead {
    font-size: 11px;
  }
  .pass-art-page .pass-reward,
  .pass-art-page .pass-reward[data-kind] {
    min-height: 0;
    overflow: hidden;
    padding: 2px 3px 12px;
  }
  .pass-art-page .pass-reward-text strong {
    font-size: 14px;
    line-height: 1.05;
  }
  .pass-art-page .pass-reward[data-kind="chest"] .pass-reward-text strong,
  .pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-text strong,
  .pass-art-page .pass-reward[data-kind="balloon"] .pass-reward-text strong {
    font-size: 12px;
  }
  .pass-art-page .pass-reward-art,
  .pass-art-page .pass-reward-art[data-art],
  .pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-art {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 28px;
    object-fit: contain;
  }
  .pass-art-page .pass-reward-badge,
  .pass-art-page .pass-reward[data-kind] .pass-reward-badge {
    font-size: 11px;
  }
  .pass-art-page .pass-showcase-bottom {
    min-height: 0;
    align-items: stretch;
  }
  .pass-art-page .pass-balloon-feature {
    min-height: 0;
    height: 100%;
    overflow: hidden;
  }
  .pass-art-page .pass-balloon-feature > img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 100%;
    align-self: center;
  }
  .pass-art-page .pass-balloon-feature strong {
    font-size: 15px;
  }
  .pass-art-page .pass-balloon-feature small,
  .pass-art-page .pass-total,
  .pass-art-page .pass-how,
  .pass-art-page .pass-status {
    font-size: 11px;
  }
  .pass-art-page .pass-foot {
    flex: none;
    min-height: 44px;
    align-items: center;
  }
  .pass-art-page .pass-collect-all,
  .pass-art-page .pass-open-chest,
  .pass-art-page .pass-unlock,
  .pass-art-page .pass-premium-chip {
    min-height: 44px;
  }
  .pass-art-page .pass-collect-all,
  .pass-art-page .pass-premium-chip {
    font-size: 13px;
  }
  .pass-art-page .pass-unlock strong {
    font-size: 16px;
  }
  .pass-art-page .pass-unlock > span {
    font-size: 13px;
  }
  .pass-art-page .pass-sheet-layer {
    padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) max(8px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
  }
  .pass-art-page .pass-sheet {
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow: hidden;
  }
  .pass-art-page .pass-sheet-copy {
    min-height: 0;
    overflow-y: auto;
  }
  .pass-art-page .pass-sheet-actions {
    flex: none;
  }
  .pass-art-page .pass-primary,
  .pass-art-page .pass-secondary {
    min-height: 44px;
  }
}

/* Grounded screenshot corrections. */
@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){
 .approved-shop .shop-body[data-tab="featured"]{overflow:auto}
 .approved-shop .shop-body[data-tab="featured"] .boutique-featured{flex:1 1 0;height:100%;min-height:218px;max-height:300px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
 .approved-shop .boutique-featured>.boutique-card:nth-child(n){grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
 .approved-shop .boutique-featured>.boutique-card .character-card-art{height:100%;max-height:none;min-height:0;flex:1 1 0;aspect-ratio:auto}
 .approved-shop .boutique-featured .character-card-image{min-height:0;height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 25%!important}
 .approved-shop .boutique-featured>.boutique-card:last-child .shop-trail-preview{height:100%;min-height:0;flex:1 1 0;grid-row:auto}
 .approved-shop .boutique-featured>.boutique-card .shop-balloon-art{flex:1 1 0;min-height:0}
 .approved-shop .boutique-featured>.boutique-card .shop-card-foot{flex:none;display:flex;padding:4px;gap:3px;min-height:54px}
 .approved-shop .boutique-featured>.boutique-card h3{font-size:16px;padding:2px 3px}
 .approved-shop .boutique-featured .character-card-name{font-size:16px}
 .approved-shop .boutique-featured .character-card-subtitle{font-size:11px}
 .approved-shop .boutique-featured .shop-buy{min-width:0;padding:2px}
 .approved-shop .boutique-featured .shop-buy .shop-price{gap:2px}
 .approved-shop .boutique-featured .shop-buy .shop-price strong{font-size:13px}
 .approved-shop .boutique-featured .shop-icon-coins,.approved-shop .boutique-featured .shop-icon-drops{width:18px;height:18px}
 .approved-shop .boutique-featured .boutique-preview{font-size:11px;padding:2px 5px;min-width:52px}
 .approved-shop .shop-body[data-tab="featured"]>.boutique-tagline{display:none}
}
@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){
 .pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 56px;gap:4px}
 .pass-art-page .pass-rewards-panel{padding:4px 6px}
 .pass-art-page .pass-tier,.pass-art-page .pass-tier:has(>.pass-reward),.pass-art-page .pass-rowheads{grid-template-rows:24px minmax(44px,1fr) minmax(44px,1fr);gap:4px}
 .pass-art-page .pass-tracks{padding-bottom:2px}
 .pass-art-page .pass-rowhead{flex-direction:row;gap:2px;padding:2px;font-size:10px}
 .pass-art-page .pass-track-symbol{font-size:16px}
 .pass-art-page .pass-reward,.pass-art-page .pass-reward[data-kind]{padding:2px 3px 13px}
 .pass-art-page .pass-reward-art,.pass-art-page .pass-reward-art[data-art]{max-height:23px;width:30px;flex-shrink:0}
 .pass-art-page .pass-reward[data-kind="chest"] .pass-reward-art{transform:none}
 .pass-art-page .pass-reward-text strong{font-size:12px}
 .pass-art-page .pass-reward[data-kind="chest"] .pass-reward-text strong{font-size:11px;line-height:1.05}
 .pass-art-page .pass-reward-badge,.pass-art-page .pass-reward[data-kind] .pass-reward-badge{font-size:9px;bottom:1px;padding:0;line-height:1}
 .pass-art-page .pass-balloon-feature strong{font-size:13px}
 .pass-art-page .pass-balloon-feature small{font-size:10px;margin-top:1px}
 .pass-art-page .pass-balloon-feature .pass-legend-tag{font-size:9px}
}