@media (max-width: 820px) {
    .win .chips { gap: 5px; padding: 3px; }
    .win .chips button { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; font-size: 12.5px; }   
    .win .sort { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; font-size: 12px; }
    .win .count, .win .lvf, .win .lvf label { font-size: 12px; } .win .lvf input { height: 32px; width: 48px; font-size: 12px; }
    .win .tabs { overflow-x: auto; scrollbar-width: none; padding-top: 3px; }   
    .win .tabs::-webkit-scrollbar { display: none; }
    .win .tabs button { flex: 1 0 auto; height: 36px; padding: 0 14px; white-space: nowrap; font-size: 12px; letter-spacing: 0; }
    .win .tabs button[aria-selected="true"] { height: 39px; }
  }
  .win .chips .rl { flex: none; align-self: center; min-width: 34px; padding-right: 2px; font: 700 12px var(--game); color: #6A6E78; }   
  .win .chips button[aria-pressed="true"]:is([data-s="All"], [data-j="All"], [data-k="all"], [data-r="All"]) { background: #fff; border-color: #D9A0AE; color: #B8354E; text-shadow: none; }   
  .gtip .g-jobs b:not(.ok) { text-decoration: line-through; text-decoration-thickness: calc(1.3 * var(--g)); }   
  .sec:has(> h3 + .soon-box:last-child) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; margin-top: 10px; padding: 9px 14px; }   
  .sec:has(> h3 + .soon-box:last-child) h3 { margin: 0; } .sec:has(> h3 + .soon-box:last-child) .soon-box { font-size: 13px; }
  .g-extra .later, .meta .xp, .npc .tg, .mrow .town, .spot .town, .mrow .qn, .shr .lock, .mrow .boss { font-size: 11px; }   
  @media (max-width: 600px) { .layout:not(.dba) :is(.rows, .grid) { height: calc(100vh - 250px); height: calc(100dvh - 250px); min-height: 420px; overscroll-behavior: auto; } }   

  @media (pointer: coarse) {
    .canvas .pin::after { content: ''; position: absolute; inset: -12px; }   
    .vbox:not(.big) .canvas.strip .pin { pointer-events: none; }   
    .vbox:not(.big) .canvas.strip { cursor: zoom-in; }
  }