@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .world-first .world-layer { position: fixed; inset: 0; z-index: 0; pointer-events: auto; }
  .world-first .world-panel { position: absolute; inset: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  .world-first .world-panel::before { display: none; }
  .world-first .world-host { position: absolute; inset: 0; min-height: 0; background: #0a1220; }
  .world-first .world-host::after { display: none; }
  .world-first :is(.region-top, .region-tutorial) { position: relative; z-index: 3; pointer-events: none; }
  .world-first :is(.region-top, .region-tutorial) > * { pointer-events: auto; }
  .world-first .center { padding: .45rem .3rem var(--nav); pointer-events: none; }
  .world-first .ia-client.has-tutorial .center { padding-top: .45rem; }
  .world-first .stage { pointer-events: auto; }

  .world-first .region-top > .topbar.cb-mbar { height: calc(3.3rem + var(--safe-t)); padding-top: var(--safe-t); border-bottom: 0; background: linear-gradient(180deg, rgba(5, 8, 15, .95), rgba(6, 10, 18, .9)); box-shadow: none; }
  .world-first .cb-mid { min-height: 3.3rem; }
  .world-first .cb-mid .portrait { width: 2.45rem; height: 2.45rem; }
  .world-first .cb-mid .cb-name strong { font-size: 1.12rem; }
  .world-first .cb-mid-copy { gap: .12rem; }
  .world-first :is(.cb-mcoin, .cb-mmenu) { height: 2.85rem; }
  .world-first .cb-mmenu { width: 3.3rem; }
  .world-first :is(.cb-mcoin, .cb-mmenu)::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 3.3rem; translate: 0 -50%; }
  .world-first .cb-mid .cb-total, .world-first .cb-mtask-copy > small, .world-first .cb-mlevel, .world-first .cb-mlevel small { font-size: .9rem; }
  .world-first .region-top > .cb-mtask { position: relative; gap: .5rem; margin: 0; min-height: 0; height: 2.65rem; padding: 0 .35rem 0 .55rem; border: 0; border-top: 1px solid rgba(214, 170, 96, .14); border-bottom: 1px solid color-mix(in srgb, var(--skill) 50%, rgba(214, 170, 96, .3)); border-radius: 0; background: rgba(6, 10, 18, .9); box-shadow: 0 .4rem 1.1rem rgba(0, 0, 0, .3); }
  .world-first .cb-mtask .cb-mtask-copy { gap: .05rem; }
  .world-first .cb-mtask .cb-mtask-copy > b { line-height: 1.1; }
  .world-first .cb-mplace { font: 500 .9rem var(--font-ui); color: var(--text-3); }
  .world-first .cb-mplace::before { content: "·"; margin: 0 .4rem; color: var(--text-4, var(--text-3)); }
  .world-first .cb-mtask .medal { --size: 1.8rem; }
  .world-first .cb-mtask-watch { align-self: center; position: relative; min-height: 0; height: 2.65rem; }
  .world-first .cb-mtask-watch::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3.3rem; }
  .world-first .cb-mtask .cb-mstop { height: 2.25rem; }
  .world-first .region-top > .np-level { margin: .35rem .4rem 0; border: 1px solid rgba(214, 170, 96, .3); border-radius: .8rem; }
  .world-first:not(.has-page) .ia-client:has(.world-foot:not([hidden]) :is([data-action="stop"], [data-action="retreat"])) .cb-mstop { display: none; }
  .world-first .cb-mtask > .chip-people { position: relative; flex: none; height: 2.2rem; padding: 0 .6rem 0 .5rem; gap: .3rem; border-radius: 2rem; border: 1px solid rgba(214, 170, 96, .24); background: rgba(255, 255, 255, .05); }
  .world-first .cb-mtask > .chip-people > span { font-size: 0; }
  .world-first .cb-mtask > .chip-people > span > b { font-size: .95rem; }
  .world-first .cb-mtask > .chip-people::after { content: ""; position: absolute; left: 50%; top: calc(50% - 1.325rem); translate: -50% 0; width: max(100%, 3.3rem); height: 3.3rem; }
  .world-first .cb-mtask > .cb-mstop::after { top: calc(50% - 1.325rem); translate: -50% 0; height: 3.3rem; }
  .world-first .cb-mtask > .cb-mharvest { position: relative; flex: none; min-height: 0; height: 2.2rem; padding: 0 .75rem 0 .6rem; border-radius: 2rem; font-size: .9rem; }
  .world-first .cb-mtask > .cb-mharvest::after { content: ""; position: absolute; left: 0; right: 0; top: calc(50% - 1.325rem); height: 3.3rem; }
  .world-first .cb-mstrips { flex: none; }
  .world-first .cb-mstrips-fold { position: relative; display: flex; align-items: center; gap: .5rem; height: 2.2rem; padding: 0 .6rem 0 .5rem; border-radius: 2rem; border: 1px solid rgba(214, 170, 96, .3); background: rgba(255, 255, 255, .05); list-style: none; cursor: pointer; }
  .world-first .cb-mstrips-fold::-webkit-details-marker { display: none; }
  .world-first .cb-mstrips-fold::after { content: ""; position: absolute; left: 50%; top: calc(50% - 1.325rem); translate: -50% 0; width: max(100%, 3.3rem); height: 3.3rem; }
  .world-first .cb-mstrips-fold:has(.is-call) { border-color: rgba(242, 198, 106, .75); background: rgba(242, 198, 106, .16); }
  .world-first .cb-mstrips[open] > .cb-mstrips-fold { border-color: var(--gold-2); background: rgba(242, 198, 106, .22); }
  .world-first .cb-mstrip { display: inline-flex; align-items: center; gap: .3rem; color: var(--text-1); white-space: nowrap; }
  .world-first .cb-mstrip > .ia-emblem { flex: none; width: 1.4rem; height: 1.4rem; color: var(--skill, var(--gold-1)); }
  .world-first .cb-mstrip > :not(.ia-emblem) { font: 600 .9rem var(--font-num); color: var(--text-1); }
  .world-first .cb-mstrips-list { position: absolute; z-index: 4; left: .4rem; right: .4rem; top: calc(100% + .4rem); display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem; }
  .world-first .cb-mstrips-list > :is(.ev-strip, .sg-strip, .bf-strip, .tk-strip) { margin: 0; border: 1px solid color-mix(in srgb, var(--skill, #d6aa60) 45%, transparent); border-radius: .9rem; box-shadow: 0 .35rem 1rem rgba(0, 0, 0, .3); }
  .world-first .cb-mstrips-list > .ev-strip { height: calc(3.3rem + 2px); }
  .world-first .region-top > .ev-mcard { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "medal head btns" "medal line btns"; align-items: center; column-gap: .6rem; row-gap: .1rem; margin: .75rem .4rem 0; padding: .4rem .4rem .4rem .45rem; border: 1px solid color-mix(in srgb, var(--skill) 60%, transparent); border-radius: 1rem; background: linear-gradient(100deg, color-mix(in srgb, var(--skill) 24%, rgb(8, 12, 20)), rgb(8, 12, 20) 72%); box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, .4); }
  .world-first .region-top > .ev-mcard.is-call { border-color: color-mix(in srgb, var(--skill) 85%, transparent); box-shadow: 0 0 1.1rem color-mix(in srgb, var(--skill) 30%, transparent), 0 .4rem 1.2rem rgba(0, 0, 0, .4); }
  .world-first .ev-mcard .ev-chip-medal { grid-area: medal; display: flex; }
  .world-first .ev-mcard .medal { --size: 2.6rem; }
  .world-first .ev-mcard .ev-chip-open { grid-area: head; align-self: end; min-width: 0; padding: 0; border: 0; background: none; color: var(--gold-0); font: 400 1.08rem/1.2 var(--font-display); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .world-first .ev-mcard .ev-chip-line { grid-area: line; align-self: start; display: flex; align-items: center; gap: .45rem; min-width: 0; font-size: .9rem; color: var(--text-2); white-space: nowrap; overflow: hidden; }
  .world-first .ev-mcard .ev-chip-line .ev-count { font-size: 1rem; color: var(--text-0, #fff); }
  .world-first .ev-mcard .ev-chip-line .ev-boss-bar.is-mini { flex: 1; min-width: 3rem; }
  .world-first .ev-mcard:is(.is-finale, .is-fled, .is-cancelled) .ev-chip-line { white-space: normal; }
  .world-first .ev-mcard .ev-chip-btns { grid-area: btns; display: flex; align-items: center; gap: .35rem; }
  .world-first .ev-mcard .btn-sm { position: relative; min-height: 2.75rem; padding: 0 1.15rem; font-size: .95rem; }
  .world-first .ev-mcard .btn-sm.ev-unjoin { width: 2.75rem; padding: 0; }
  .world-first .ev-mcard .btn-sm::after { content: ""; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: max(100%, 3.3rem); height: 3.3rem; }

  .world-first .world-bar { position: absolute; z-index: 2; top: calc(var(--band-b, var(--top)) + .5rem); left: .4rem; right: .4rem; flex-wrap: nowrap; gap: .4rem; padding: 0; border: 0; background: none; box-shadow: none; pointer-events: none; }
  .world-first:has(.cb-mtask[data-here]) .world-bar > :is(.btn:first-child, .world-title, .chip-people, .btn-danger, [data-action="farm-harvest"]) { display: none; }
  .world-first .world-bar:empty { display: none; }
  .world-first .world-bar > * { pointer-events: auto; }
  .world-first .world-bar > :is(.chip-good, .chip-dim, [data-action="retreat"]) { display: none; }
  .world-first .world-bar > .dg-plate { display: none; }
  .world-first .world-bar > .btn { flex: none; min-height: 3.3rem; padding: 0 .9rem 0 .6rem; font-size: .95rem; border-radius: 2rem; border-color: rgba(242, 198, 106, .32); background: rgba(8, 13, 22, .86); box-shadow: 0 .3rem .9rem rgba(0, 0, 0, .35); }
  .world-first .world-bar > .btn-primary { background: linear-gradient(180deg, rgba(242, 198, 106, .3), rgba(242, 198, 106, .14)), rgba(8, 13, 22, .86); }
  .world-first .world-title { flex: 0 1 auto; min-width: 0; min-height: 3.3rem; padding: 0 .85rem; border-radius: 2rem; background: rgba(8, 13, 22, .74); }
  .world-first .world-title .medal, .world-first .world-title .clan-badge { display: none; }
  .world-first .world-title > div { min-width: 0; }
  .world-first .world-title strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .98rem; }
  .world-first .world-bar .chip-people { flex: none; min-height: 3.3rem; font-size: .9rem; padding: 0 .75rem; border-radius: 2rem; background: rgba(8, 13, 22, .74); }
  .world-first .world-bar:has(> .ev-bar-plate, > [data-action="event-leave"]) { flex-wrap: wrap; row-gap: .4rem; }
  .world-first .world-bar > .ev-bar-plate { flex: 1 1 50%; order: 5; min-height: 3.3rem; padding: 0 .85rem; border-radius: 2rem; background: rgba(8, 13, 22, .84); }
  .world-first .world-bar > :is([data-action="event-leave"], [data-action="event-unjoin"]) { order: 6; }
  .world-first:has(.cb-mtask[data-here]) .world-bar { top: calc(var(--band-b, var(--top)) + .35rem); }
  .world-first:has(.cb-mtask[data-here]) .world-bar > :is(.ev-bar-plate, .btn) { min-height: 2.65rem; }
  .world-first:has(.cb-mtask[data-here]) .world-bar > .ev-bar-plate { padding: 0 .6rem; }
  .world-first:has(.cb-mtask[data-here]) .world-bar .ev-boss-name { letter-spacing: .02em; }
  .world-first:has(.cb-mtask[data-here]) .world-bar > .btn { position: relative; }
  .world-first:has(.cb-mtask[data-here]) .world-bar > .btn::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 3.3rem; translate: 0 -50%; }
  .world-first .xp-drop { top: calc(var(--band-b, var(--top)) + 4.4rem + var(--stack, 0) * 1.9rem); }
  .world-first:has(.cb-mtask[data-here]):not(:has(.world-bar > .ev-bar-plate)) .xp-drop { top: calc(var(--band-b, var(--top)) + .6rem + var(--stack, 0) * 1.9rem); }
  .world-first.has-page .xp-drop { top: calc(var(--sheet-t, var(--top)) + 3.3rem + var(--stack, 0) * 1.9rem); }

  .world-first { --nav: calc(3.3rem + var(--safe-b)); }
  .world-first .mobile-nav { padding: 0 .15rem var(--safe-b); }
  .world-first .mobile-nav .mnav-item { min-height: 0; height: 3.3rem; gap: .08rem; }
  .world-first .mobile-nav .mnav-item .ia-emblem { width: 1.5rem; height: 1.5rem; }
  .world-first .world-foot { position: absolute; z-index: 2; left: 0; right: 0; bottom: var(--nav); }
  .world-first .world-foot > .hudbar { border: 0; border-top: 1px solid rgba(242, 198, 106, .24); border-radius: 0; background: rgba(8, 13, 22, .9); box-shadow: 0 -.4rem 1.2rem rgba(0, 0, 0, .3); }
  .world-first .hudbar.is-actionbar { --ab-h: 3rem; }
  .world-first .hudbar.is-actionbar > .ab-row { flex-wrap: wrap-reverse; align-items: center; gap: .35rem; padding: .2rem .4rem calc(.2rem + 1px); }
  .world-first .ab-row > .ab-group { display: contents; }
  .world-first .ab-row :is(.ab-slot, .hud-eat, .ab-control, .ab-status, .ab-button, .ab-stop, .ab-more-press) { position: relative; }
  .world-first .ab-row :is(.ab-slot, .hud-eat, .ab-control, .ab-status, .ab-button, .ab-stop, .ab-more-press)::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 3.3rem; translate: 0 -50%; }
  .world-first .ab-row .ab-more { order: 1; margin-left: auto; }
  .world-first .ab-row:not(:has(.ab-more)) .ab-stop { margin-left: auto; }
  .world-first .ab-row .ab-stop { order: 1; min-width: 0; padding: 0 .8rem 0 .7rem; }
  .world-first .ab-row :is(.ab-group.is-controls > *, .ab-slot.is-potion, .ab-slot.is-tool, .ab-button[data-panel="loot"]) { order: 3; display: none; }
  .world-first .ab-row:has(.ab-more[open]) :is(.ab-group.is-controls > *, .ab-slot.is-potion, .ab-slot.is-tool, .ab-button[data-panel="loot"]) { display: flex; }
  .world-first .ab-row:has(.ab-more[open]) > .ab-group.is-controls > .ab-control { display: grid; }
  .world-first .ab-row:has(.ab-more[open])::after { content: ""; order: 2; flex: 1 0 100%; height: 0; }
  .world-first .ab-row:has(.ab-more[open]) { padding-top: .45rem; }
  .world-first .ab-more { display: block; flex: none; }
  .world-first .ab-more-press { display: grid; place-items: center; width: 3rem; height: var(--ab-h); border-radius: var(--ab-r); border: 1px solid rgba(242, 198, 106, .38); background: rgba(255, 255, 255, .045); color: var(--gold-1); list-style: none; cursor: pointer; }
  .world-first .ab-more-press::-webkit-details-marker { display: none; }
  .world-first .ab-more-press .ia-glyph { width: 1.1rem; height: 1.1rem; }
  .world-first .ab-more[open] .ab-more-up, .world-first .ab-more:not([open]) .ab-more-down { display: none; }
  .world-first .ab-more[open] > .ab-more-press { border-color: var(--gold-2); background: rgba(242, 198, 106, .16); }
  .world-first .ab-row :is(.ab-stat, .ab-status) { height: var(--ab-h); min-height: 0; padding-top: 0; padding-bottom: 0; min-width: 0; flex: 1 1 0; overflow: hidden; }
  .world-first .ab-row .ab-stat { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: .35rem; row-gap: .1rem; }
  .world-first .ab-row .ab-stat > .ab-cap { grid-column: 1 / -1; }
  .world-first .ab-row .ab-stat > b { font-size: 1rem; }
  .world-first .ab-row .ab-status { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: .45rem; row-gap: .1rem; max-width: none; padding: 0 .6rem; }
  .world-first .ab-row .ab-status > .ab-cap { grid-column: 1 / -1; }
  .world-first .ab-row :is(.ab-stat, .ab-status) > * { min-width: 0; }
  .world-first .ab-row .ab-status-main { overflow: hidden; }
  .world-first .ab-row .ab-status-main > :is(.dg-pips, .bar) { min-width: 2rem; margin-left: .3rem; }
  .world-first .ab-moment { padding: .3rem .4rem; }
  .world-first .ab-moment .ab-seg { width: auto; flex: 1 1 14rem; }
  .world-first .ab-moment :is(.ab-seg button, .ab-choices button, .btn) { position: relative; min-height: 2.65rem; }
  .world-first .ab-moment :is(.ab-seg button, .ab-choices button, .btn)::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 3.3rem; translate: 0 -50%; }
  .world-first .world-over { position: absolute; }
  .world-first.has-page :is(.world-bar, .world-foot, .world-over) { display: none; }

  .world-first .stage { z-index: 3; padding: 0 .6rem .9rem; border: 1px solid rgba(242, 198, 106, .3); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgba(8, 13, 22, .97); box-shadow: 0 -.8rem 2.4rem rgba(0, 0, 0, .55); animation: page-up .28s var(--ease-out); }
  .world-first .sheet-head { position: sticky; top: 0; z-index: 6; display: flex; align-items: center; justify-content: flex-end; height: 2.75rem; margin: 0 -.6rem; padding: 0 .4rem; background: linear-gradient(180deg, rgba(8, 13, 22, 1) 72%, rgba(8, 13, 22, 0)); }
  .world-first .sheet-grip { position: absolute; left: 50%; top: .5rem; width: 2.9rem; height: .32rem; margin-left: -1.45rem; border-radius: 1rem; background: rgba(242, 198, 106, .5); }
  .world-first .sheet-head .window-close { position: relative; display: grid; place-items: center; width: 2.5rem; height: 2.3rem; border-radius: .75rem; border: 1px solid rgba(242, 198, 106, .3); background: rgba(255, 255, 255, .04); color: var(--text-2); }
  .world-first .sheet-head .window-close::after { content: ""; position: absolute; left: 50%; top: 0; translate: -50% 0; width: 3.3rem; height: 3.3rem; }
  .world-first .sheet-head .window-close .ia-glyph { width: 1.1rem; height: 1.1rem; }
  .world-first .sheet-head .sheet-menu { order: -1; margin-right: auto; position: relative; display: grid; place-items: center; width: 2.5rem; height: 2.3rem; border-radius: .75rem; border: 1px solid rgba(242, 198, 106, .3); background: rgba(255, 255, 255, .04); color: var(--text-2); }
  .world-first .sheet-head .sheet-menu::after { content: ""; position: absolute; left: 50%; top: 0; translate: -50% 0; width: 3.3rem; height: 3.3rem; }
  .world-first .sheet-head .sheet-menu .ia-glyph { width: 1.1rem; height: 1.1rem; }
  .world-first .stage > .page { padding-top: 0; }
  .world-first .bank-page .bank-tabs { position: sticky; top: 2rem; z-index: 5; background: linear-gradient(var(--glass-top), var(--glass-top)), rgb(8, 13, 22); }
  .world-first .bank-page { gap: 0; }
  .world-first .bank-page .bank-body { padding-top: 0; }
  .world-first .bank-page .bank-header { padding-bottom: .55rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .world-first .bank-page .bank-vault { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
  .world-first .bank-page .bank-header::before { background-size: var(--l) var(--w), var(--w) var(--l), var(--l) var(--w), var(--w) var(--l), 0 0, 0 0, 0 0, 0 0; }
  .world-first .bank-page .bank-vault::before { background-size: 0 0, 0 0, 0 0, 0 0, var(--l) var(--w), var(--w) var(--l), var(--l) var(--w), var(--w) var(--l); }
  .world-first { --page-top: calc(var(--safe-t) + .35rem); }
  .world-first.has-page .stage { position: fixed; z-index: 5; top: var(--page-top); bottom: var(--nav); left: .3rem; right: .3rem; }
  .world-first.has-page #ia-tutorial:not(:empty) { position: fixed; z-index: 6; top: var(--page-top); left: .3rem; right: .3rem; margin: 0; padding: .45rem .3rem .1rem; border: 1px solid rgba(242, 198, 106, .3); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgb(8, 13, 22); }
  .world-first.has-page #ia-tutorial:has(> .tutorial) { padding: .75rem .3rem 2.65rem; }
  .world-first.has-page #ia-tutorial:not(:empty) ~ .center .stage { top: var(--tut-band-b, calc(var(--page-top) + 4rem)); border-top: 0; border-radius: 0; box-shadow: none; }
  .world-first.has-page #ia-tutorial:has(> .tutorial):not(:has(> :not(.tutorial))) { padding: 0; border: 0; background: none; }
  .world-first.has-page #ia-tutorial:has(> .tutorial):not(:has(> :not(.tutorial))) > .tutorial { top: calc(2.75rem + .75rem); }
  .world-first.has-page #ia-tutorial:has(> .tutorial):not(:has(> :not(.tutorial))) ~ .center .stage { border-top: 1px solid rgba(242, 198, 106, .3); border-radius: 1.2rem 1.2rem 0 0; box-shadow: 0 -.8rem 2.4rem rgba(0, 0, 0, .55); }
  .world-first .ia-client:is([data-sheet="skills"], [data-sheet="gear"])::after { inset: 0 0 var(--nav); }
  .world-first.has-page .region-top, .world-first:has(.ia-client:is([data-sheet="skills"], [data-sheet="gear"])) .region-top { visibility: hidden; }
  .world-first .ia-client:not(.tutorial-on):is([data-sheet="skills"], [data-sheet="gear"]) #ia-tutorial { visibility: hidden; }
  .world-first .ia-client.tutorial-on:is([data-sheet="skills"], [data-sheet="gear"]) #ia-tutorial:not(:empty) { position: fixed; z-index: 41; top: var(--page-top); left: .3rem; right: .3rem; margin: 0; }
  @keyframes page-up { from { opacity: .5; translate: 0 2.5rem; } }

  .world-first .ia-client[data-sheet]::after { background: rgba(3, 5, 10, .48); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .world-first .ia-client[data-sheet] :is(.region-left, .region-right, .region-chat) { left: .3rem; right: .3rem; bottom: var(--nav); animation: page-up .28s var(--ease-out); }
  .world-first .ia-client[data-sheet="skills"] .region-left { top: calc(var(--page-top) + 1.5rem); }
  .world-first .ia-client[data-sheet="gear"] .region-right { top: calc(var(--page-top) + .62rem); }
  .world-first .ia-client.tutorial-on[data-sheet="skills"] .region-left { top: calc(var(--tut-band-b, var(--top)) + 1.5rem); }
  .world-first .ia-client.tutorial-on[data-sheet="gear"] .region-right { top: calc(var(--tut-band-b, var(--top)) + .62rem); }
  .world-first .ia-client[data-sheet="skills"] .region-left::before { top: -1.05rem; }
  .world-first .ia-client[data-sheet="chat"] .region-chat { top: auto; height: min(64dvh, calc(100dvh - var(--top) - var(--nav) - 1rem)); }
  .world-first .ia-client[data-sheet="menu"] .region-right { top: auto; max-height: calc(100dvh - var(--top) - var(--nav) - 1rem); }
  .world-first .menu-sheet :is(.ln-group h4, .ln-label, .ln-discord small, .ln-support small) { font-size: .9rem; }
  .world-first .region-chat { pointer-events: auto; }
  .world-first .ia-client[data-sheet] :is(.region-left, .region-right, .region-chat)::before { content: ""; position: absolute; z-index: 5; left: 50%; top: -.62rem; width: 2.9rem; height: .32rem; margin-left: -1.45rem; border-radius: 1rem; background: rgba(242, 198, 106, .6); pointer-events: none; }
  .world-first .ia-client[data-sheet="gear"] .region-right { overflow-y: auto; padding: .35rem .35rem 0; border: 1px solid rgba(242, 198, 106, .3); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgba(8, 13, 22, .97); }
  .world-first .ia-client[data-sheet] .region-left > .skillbar, .world-first .ia-client[data-sheet="chat"] .chat, .world-first .menu-sheet { border-radius: 1.2rem 1.2rem 0 0; background: rgba(8, 13, 22, .97); }
  .world-first .popover.farm-card.is-sheet { background: rgb(8, 13, 22); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .world-first .tooltip.is-pinned { animation: page-up .26s var(--ease-out); }
  .world-first .ia-client[data-sheet="gear"] .region-right::before { position: sticky; display: block; top: 0; left: auto; flex: none; width: auto; height: 1.12rem; margin: -.35rem -.35rem 0; border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 3.2'%3E%3Crect width='29' height='3.2' rx='1.6' fill='%23f2c66a' fill-opacity='.6'/%3E%3C/svg%3E") 50% .35rem / 2.9rem .32rem no-repeat,
      linear-gradient(180deg, rgb(8, 13, 22) 75%, rgba(8, 13, 22, 0)); }
  .world-first .popover.settings-popover { z-index: 90; top: auto; left: .3rem; right: .3rem; bottom: var(--nav); width: auto; min-width: 0; max-width: none; min-height: min(35.5rem, calc(100dvh - var(--top) - var(--nav) - 1rem)); max-height: calc(100dvh - var(--top) - var(--nav) - 1rem); overflow: hidden auto; overscroll-behavior: contain; padding: 0 .9rem .5rem; border: 1px solid rgba(242, 198, 106, .3); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgb(8, 13, 22); box-shadow: 0 0 0 100vmax rgba(3, 5, 10, .48); animation: page-up .28s var(--ease-out); }
  .world-first .popover.settings-popover::before, .world-first .popover.settings-popover::after { display: none; }
  .world-first .settings-popover > h3 { display: none; }
  .world-first .settings-sheet-title { margin-right: auto; padding-left: .5rem; font: 600 1.05rem var(--font-display); color: var(--gold-1); }
  .world-first .settings-popover .settings-sheet-head { margin: 0 -.9rem; background: rgb(8, 13, 22); }
  .world-first .settings-popover .settings-tabs { position: sticky; top: 2.75rem; z-index: 5; background: rgb(8, 13, 22); }
  .world-first .settings-popover .row > .t-num { flex: none; display: flex; align-items: center; gap: .5rem; white-space: nowrap; }
  .world-first .settings-popover .row > .t-num input[type="range"] { width: 7.5rem; }
}

@media (max-height: 500px) and (pointer: coarse) {
  .world-first { --nav: 0px; --rail: calc(4.7rem + env(safe-area-inset-right)); --side-l: env(safe-area-inset-left); }
  .world-first .ia-client { padding-right: var(--rail); }
  .world-first .mobile-nav { top: 0; bottom: 0; left: auto; right: 0; width: var(--rail); height: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(5, minmax(0, 1fr)); gap: .15rem;
    padding: calc(.3rem + env(safe-area-inset-top)) calc(.25rem + env(safe-area-inset-right)) calc(.3rem + env(safe-area-inset-bottom)) .25rem; border-top: 0; border-left: 1px solid rgba(214, 170, 96, .45); box-shadow: -.5rem 0 1.5rem rgba(0, 0, 0, .5); }
  .world-first .mobile-nav .mnav-item { min-height: 0; font-size: .9rem; }
  .world-first .mobile-nav .mnav-item { height: auto; }
  .world-first .mobile-nav .mnav-item .ia-emblem { width: 1.5rem; height: 1.5rem; }
  .world-first .mobile-nav .mnav-item small { position: static; font-size: .9rem; line-height: 1; }
  .world-first .mobile-nav .mnav-item:has(> small) { grid-template-columns: minmax(0, 1fr); }
  .world-first .region-top:has(> .cb-mbar) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; column-gap: .45rem; row-gap: .3rem;
    padding: .3rem .4rem .3rem calc(.4rem + var(--side-l)); background: linear-gradient(180deg, rgba(5, 8, 15, .95), rgba(6, 10, 18, .82)); border-bottom: 1px solid rgba(214, 170, 96, .26); }
  .world-first .region-top > .topbar.cb-mbar { display: contents; }
  .world-first .cb-mbar > .spacer { display: none; }
  .world-first .cb-mid { grid-column: 1; grid-row: 1; min-height: 3.3rem; }
  .world-first .region-top > .cb-mtask { grid-column: 2; grid-row: 1; margin: 0; min-height: 2.9rem; }
  .world-first .cb-mcoin { grid-column: 3; grid-row: 1; }
  .world-first .cb-mmenu { grid-column: 4; grid-row: 1; }
  .world-first :is(.cb-mcoin, .cb-mmenu) { height: 3.3rem; }
  .world-first .cb-mmenu { width: 3.3rem; }
  .world-first .region-top > :is(.np-level, .ev-strip, .sg-strip, .bf-strip, .tk-strip) { grid-column: 1 / -1; margin: 0; }
  .world-first .region-top > .ev-mcard { grid-column: 1 / -1; }
  .world-first .world-bar { left: calc(.4rem + var(--side-l)); right: calc(var(--rail) + .4rem); }
  .world-first .world-foot { left: calc(.35rem + var(--side-l)); right: auto; bottom: calc(.35rem + var(--safe-b)); width: min(34rem, calc(100% - var(--rail) - .7rem - var(--side-l))); }
  .world-first .world-foot { left: 0; bottom: 0; width: min(34rem, calc(100% - var(--rail) - 6rem)); }
  .world-first .world-foot > .hudbar { border: 1px solid rgba(242, 198, 106, .24); border-left: 0; border-bottom: 0; border-radius: 0 1.05rem 0 0; }
  .world-first .hudbar.is-actionbar > .ab-row { padding-left: calc(.4rem + var(--side-l)); padding-bottom: calc(.2rem + 1px + var(--safe-b)); }
  .world-first .center { padding: 0; }
  .world-first .stage { position: fixed; inset: calc(var(--band-b, var(--top)) + .35rem) calc(var(--rail) + .3rem) 0 auto; width: min(34rem, calc(100% - var(--rail) - 8rem)); border-radius: 1.2rem 1.2rem 0 0; animation: page-in .28s var(--ease-out); }
  .world-first .ia-client[data-sheet] :is(.region-left, .region-right, .region-chat) { top: calc(var(--top) + 1rem); bottom: 0; left: auto; right: calc(var(--rail) + .3rem); width: min(30rem, calc(100% - var(--rail) - 8rem)); height: auto; animation: page-in .28s var(--ease-out); }
  .world-first .ia-client[data-sheet]::after { inset: var(--top) var(--rail) 0 0; }
  .world-first .ia-client[data-sheet="skills"] .region-left { top: calc(var(--top) + 1.7rem); }
  .world-first.has-page .stage { top: var(--page-top); bottom: 0; left: auto; right: calc(var(--rail) + .3rem); }
  .world-first.has-page #ia-tutorial:not(:empty) { left: auto; right: calc(var(--rail) + .3rem); width: min(34rem, calc(100% - var(--rail) - 8rem)); }
  .world-first .ia-client.tutorial-on:is([data-sheet="skills"], [data-sheet="gear"]) #ia-tutorial:not(:empty) { left: auto; right: calc(var(--rail) + .3rem); width: min(30rem, calc(100% - var(--rail) - 8rem)); }
  .world-first.has-page #ia-tutorial:has(> .tut-pill-row:only-child) { right: calc(var(--rail) + .7rem + min(34rem, calc(100% - var(--rail) - 8rem))); }
  .world-first .ia-client.tutorial-on:is([data-sheet="skills"], [data-sheet="gear"]) #ia-tutorial:has(> .tut-pill-row:only-child) { right: calc(var(--rail) + .7rem + min(30rem, calc(100% - var(--rail) - 8rem))); }
  .world-first.has-page #ia-tutorial:has(> .tut-pill-row:only-child), .world-first .ia-client.tutorial-on:is([data-sheet="skills"], [data-sheet="gear"]) #ia-tutorial:has(> .tut-pill-row:only-child) { top: calc(var(--top) + .35rem); left: calc(.4rem + var(--side-l)); width: auto; padding: 0; border: 0; border-radius: 0; background: none; }
  .world-first.has-page #ia-tutorial:has(> .tut-pill-row:only-child) ~ .center .stage { top: var(--page-top); border-top: 1px solid rgba(242, 198, 106, .3); border-radius: 1.2rem 1.2rem 0 0; box-shadow: 0 -.8rem 2.4rem rgba(0, 0, 0, .55); }
  .world-first .ia-client[data-sheet="skills"] .region-left { top: calc(var(--page-top) + 1.7rem); }
  .world-first .ia-client[data-sheet="gear"] .region-right { top: calc(var(--page-top) + .62rem); }
  .world-first .ia-client.tutorial-on[data-sheet="skills"] .region-left { top: calc(var(--tut-band-b, var(--top)) + 1.7rem); }
  .world-first .ia-client.tutorial-on[data-sheet="gear"] .region-right { top: calc(var(--tut-band-b, var(--top)) + .62rem); }
  .world-first .ia-client.tutorial-on[data-sheet="skills"]:has(#ia-tutorial > .tut-pill-row:only-child) .region-left { top: calc(var(--page-top) + 1.7rem); }
  .world-first .ia-client.tutorial-on[data-sheet="gear"]:has(#ia-tutorial > .tut-pill-row:only-child) .region-right { top: calc(var(--page-top) + .62rem); }
  .world-first .ia-client:is([data-sheet="skills"], [data-sheet="gear"])::after { inset: 0 var(--rail) 0 0; }
  .world-first.has-page .region-top, .world-first:has(.ia-client:is([data-sheet="skills"], [data-sheet="gear"])) .region-top { visibility: visible; }
  .world-first .fx-layer:has(.loot-pop, .loot-tally) { padding-right: calc(var(--rail) + .6rem); }
  .world-first .xp-drop { right: calc(var(--rail) + .8rem); }
  .world-first .toasts { left: calc((100% - var(--rail)) / 2); width: calc(100% - var(--rail) - 1rem); }
  .world-first .region-tutorial { margin-left: calc(.5rem + var(--side-l)); }
  .world-first .stage { padding-bottom: calc(.9rem + var(--safe-b)); }
  .world-first .ia-client[data-sheet] .region-left > .skillbar, .world-first .ia-client[data-sheet="chat"] .chat, .world-first .ia-client[data-sheet="gear"] .region-right { padding-bottom: var(--safe-b); }
  .world-first .menu-sheet { padding-bottom: calc(1.1rem + var(--safe-b)); }
  @keyframes page-in { from { opacity: .5; translate: 2.5rem 0; } }
  .world-first .popover.settings-popover { top: calc(var(--top) + 1rem); bottom: 0; left: auto; right: calc(var(--rail) + .3rem); width: min(30rem, calc(100% - var(--rail) - 8rem)); min-height: 0; max-height: none; animation: page-in .28s var(--ease-out); }
}