.epithet { flex: none; font: italic 400 1em/1 var(--font-display); letter-spacing: .01em; text-transform: none; white-space: nowrap; color: var(--title, #d8c79c); }
.role-mark { flex: none; display: inline-flex; align-items: center; gap: .22rem; padding: .08rem .4rem .08rem .3rem; border-radius: .3rem; font: 800 .64rem/1.4 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.role-mark .ia-glyph { width: .8rem; height: .8rem; }
.role-mark.role-owner { color: #ffd98a; background: linear-gradient(180deg, rgba(255, 196, 92, .22), rgba(255, 140, 60, .12)); box-shadow: inset 0 0 0 1px rgba(255, 196, 92, .5); }
.role-mark.role-staff { color: #b8f3ff; background: linear-gradient(180deg, rgba(95, 216, 255, .22), rgba(169, 139, 255, .12)); box-shadow: inset 0 0 0 1px rgba(110, 220, 255, .5); }
.role-mark.role-queen { color: #ffc2e0; background: linear-gradient(180deg, rgba(255, 143, 200, .22), rgba(194, 139, 255, .12)); box-shadow: inset 0 0 0 1px rgba(255, 150, 205, .5); }
.sr-badge.is-online { background: linear-gradient(180deg, #a6f0bd, #3fae66); box-shadow: 0 0 0 1px #000; color: #06240f; }
.sr-badge.is-pm { background: linear-gradient(180deg, #d4fbff, #3fbcc8); box-shadow: 0 0 0 1px #000; color: #032126; }
.portrait { display: block; }

.launcher { display: grid; gap: 1rem; }
.ln-group h4 { margin: 0 0 .5rem; font: 400 .74rem/1.2 var(--font-ui); letter-spacing: .14em; color: var(--gold-3); }
.ln-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; }
.ln-tile { position: relative; display: grid; justify-items: center; align-content: center; gap: .35rem; min-width: 0; min-height: 5.4rem; padding: .6rem .3rem .5rem; border-radius: .8rem; border: 1px solid rgba(255, 255, 255, .08); background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); color: var(--text-2); cursor: pointer; transition: border-color .15s, background .15s; }
.ln-tile .ia-emblem { width: 2.15rem; height: 2.15rem; filter: drop-shadow(0 .15rem .2rem rgba(0, 0, 0, .5)); }
.ln-label { max-width: 100%; font: 600 .9rem/1.2 var(--font-ui); text-align: center; }
.ln-tile:hover:not(:disabled), .ln-tile:focus-visible, .ln-tile.is-open { border-color: rgba(242, 198, 106, .5); background: linear-gradient(180deg, rgba(242, 198, 106, .14), rgba(242, 198, 106, .05)); color: var(--gold-0); }
.ln-tile .sr-badge { position: absolute; top: .3rem; right: .35rem; min-width: 1.15rem; height: 1.15rem; padding: 0 .28rem; font-size: .64rem; }
.ln-tile.is-soon { cursor: default; border-style: dashed; background: none; color: var(--text-3); }
.ln-tile.is-soon .ia-emblem { filter: grayscale(.4) brightness(.8); }
.ln-soon { position: absolute; top: .3rem; right: .35rem; padding: .05rem .3rem; border-radius: .25rem; border: 1px solid rgba(242, 198, 106, .35); font: 700 .6rem/1.3 var(--font-ui); letter-spacing: .12em; color: var(--gold-2); }
.ln-glyph { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: .6rem; background: rgba(242, 198, 106, .1); box-shadow: inset 0 0 0 1px rgba(242, 198, 106, .25); color: var(--gold-1); }
.ln-glyph .ia-glyph { width: 1.2rem; height: 1.2rem; }
.ln-foot { display: flex; align-items: center; gap: .6rem; padding-top: .8rem; border-top: 1px solid rgba(255, 255, 255, .07); font-size: .9rem; color: var(--text-2); }
.ln-discord { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.6rem; padding-right: .5rem; text-decoration: none; color: var(--text-2); }
.ln-discord:hover { color: var(--gold-0); }
.ln-discord small { font: 600 .74rem var(--font-num); color: var(--gold-1); }
.cb-support-mark { flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #ff5e5b; box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .25); }
.cb-support-mark .kofi-mark { width: 1.3rem; height: 1.3rem; color: #fff; }
.cb-support-copy { display: grid; gap: .1rem; min-width: 0; text-align: left; }
.ln-support { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.6rem; margin-left: auto; padding: .3rem .7rem .3rem .3rem; border-radius: .8rem; border: 1px solid rgba(255, 94, 91, .45); background: rgba(255, 94, 91, .08); text-decoration: none; color: var(--text-1); }
.ln-support:hover, .ln-support:focus-visible { border-color: #ff5e5b; background: rgba(255, 94, 91, .14); }
.ln-vote small { white-space: nowrap; }
.ln-foot:has(.ln-vote) { flex-wrap: wrap; row-gap: .7rem; }
.ln-foot:has(.ln-vote) .ln-support { flex: 1 0 100%; margin-left: 0; }
.ln-support b { font-weight: 600; font-size: .9rem; }
.ln-support small { font-size: .78rem; color: var(--text-2); }
.ln-support-bar { display: block; height: .35rem; border-radius: .3rem; background: rgba(255, 255, 255, .1); overflow: hidden; }
.ln-support-bar > i { display: block; height: 100%; border-radius: inherit; background: #ff5e5b; }
.cb-discord-mark { flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #5865f2; box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .2); }
.cb-discord-mark .discord-mark { width: 1.25rem; height: 1.25rem; color: #fff; }
.cb-vote-mark { flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: radial-gradient(circle at 50% 30%, #a77bff, #5b21b6 72%); box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .25); overflow: hidden; }
.cb-vote-mark .item-img { width: 82%; height: 82%; object-fit: contain; }
.cb-vote small, .ln-vote small { color: #d8c5ff; }
.cb-vote.is-waiting .cb-vote-mark, .ln-vote.is-waiting .cb-vote-mark { filter: saturate(.5) brightness(.8); }

@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  .is-hud {
    --cb-h: 4.7rem;
    --cb-ink-top: rgba(17, 25, 41, .96);
    --cb-ink-bottom: rgba(8, 12, 21, .95);
    --cb-gold-rule: rgba(242, 198, 106, .5);
    --cb-hang-w: 30rem;
  }
  .is-hud .cb-bar { position: absolute; left: 0; right: 0; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; height: var(--cb-h); padding: 0 .9rem 0 .75rem;
    background: linear-gradient(180deg, var(--cb-ink-top), var(--cb-ink-bottom)); border-bottom: 1px solid var(--cb-gold-rule);
    box-shadow: 0 .45rem 1.6rem rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 236, 190, .07), inset 0 -2px 0 rgba(0, 0, 0, .45); }
  .is-hud .cb-bar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 3px; background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .55) 12%, rgba(0, 0, 0, .55) 88%, transparent); pointer-events: none; }
  .is-hud.hud-solid .cb-bar { background: linear-gradient(180deg, rgb(17, 25, 41), rgb(8, 12, 21)); }
  .is-hud .cb-left, .is-hud .cb-right { display: flex; align-items: center; min-width: 0; height: 100%; }
  .is-hud .cb-sep { flex: none; width: 1px; height: 2.7rem; margin: 0 1.05rem; background: linear-gradient(180deg, transparent, rgba(242, 198, 106, .38), transparent); }

  .is-hud .cb-id { display: flex; align-items: center; gap: .8rem; min-width: 0; padding: .3rem .55rem .3rem .3rem; border-radius: 2.2rem; border: 1px solid transparent; color: inherit; text-align: left; transition: border-color .15s, background .15s; }
  .is-hud .cb-id:hover, .is-hud .cb-id[aria-expanded="true"] { border-color: rgba(242, 198, 106, .3); background: rgba(242, 198, 106, .05); }
  .is-hud .cb-id .portrait { flex: none; width: 3.45rem; height: 3.45rem; background: radial-gradient(circle at 50% 30%, #243652, #0f1827 75%); box-shadow: 0 0 0 .13rem #c9953f, 0 0 0 .26rem rgba(0, 0, 0, .7), 0 .3rem .8rem rgba(0, 0, 0, .5); }
  .is-hud .cb-id-copy { display: grid; gap: .28rem; min-width: 0; }
  .is-hud .cb-name { display: flex; align-items: baseline; gap: .55rem; min-width: 0; white-space: nowrap; }
  .is-hud .cb-name strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 400 1.42rem/1.05 var(--font-display); letter-spacing: .02em; color: var(--gold-0); text-shadow: 0 1px 0 #000; }
  .is-hud .cb-meta { display: flex; align-items: center; gap: .45rem; white-space: nowrap; }
  .is-hud .cb-meta .clan-name-badge { font-size: .6rem; }
  .is-hud .cb-total { font-size: .9rem; color: var(--text-3); }
  .is-hud .cb-total b { font: 400 .98rem var(--font-num); color: var(--gold-1); }
  .is-hud .cb-discord { flex: none; display: grid; justify-items: center; gap: .15rem; margin-left: .35rem; padding: .2rem; border-radius: .7rem; color: inherit; text-decoration: none; }
  .is-hud .cb-discord .cb-discord-mark { width: 2.25rem; height: 2.25rem; }
  .is-hud .cb-discord .discord-mark { width: 1.4rem; height: 1.4rem; }
  .is-hud .cb-discord small { font: 600 .66rem var(--font-num); color: var(--gold-1); }
  .is-hud .cb-discord:hover .cb-discord-mark { box-shadow: 0 0 0 1px var(--gold-2); }
  .is-hud .cb-vote .cb-vote-mark { width: 2.25rem; height: 2.25rem; }
  .is-hud .cb-vote:hover .cb-vote-mark { box-shadow: 0 0 0 1px #b794ff; }
  .is-hud .cb-support { flex: none; display: inline-flex; align-items: center; gap: .5rem; margin-right: .7rem; padding: .25rem .75rem .25rem .25rem; border-radius: 1.4rem; border: 1px solid rgba(255, 94, 91, .55); background: rgba(255, 94, 91, .1); color: var(--text-1); text-decoration: none; white-space: nowrap; transition: border-color .15s, background .15s; }
  .is-hud .cb-support:hover, .is-hud .cb-support:focus-visible { border-color: #ff5e5b; background: rgba(255, 94, 91, .18); }
  .is-hud .cb-support .cb-support-mark { width: 2.1rem; height: 2.1rem; }
  .is-hud .cb-support b { font: 600 .92rem/1.05 var(--font-ui); color: #ffd9d8; }
  .is-hud .cb-support small { font: 600 .68rem/1.05 var(--font-num); color: var(--gold-1); }

  .is-hud .cb-purse { display: flex; align-items: center; gap: .35rem; }
  .is-hud .cb-cell { display: inline-flex; align-items: center; gap: .55rem; height: 3.2rem; padding: 0 .85rem 0 .6rem; border-radius: .8rem; border: 1px solid transparent; color: var(--text-1); white-space: nowrap; transition: border-color .15s, background .15s; }
  .is-hud .cb-cell:hover, .is-hud .cb-cell.is-open { border-color: rgba(242, 198, 106, .32); background: rgba(242, 198, 106, .06); }
  .is-hud .cb-cell .ia-emblem { width: 1.85rem; height: 1.85rem; }
  .is-hud .cb-cell.is-gold b { font: 400 1.22rem var(--font-num); color: var(--gold-1); }
  .is-hud .cb-cell .cb-word { font-size: .98rem; color: var(--text-2); }
  .is-hud .cb-cell:not(.is-gold) b { font: 400 1.1rem var(--font-num); }
  .is-hud .cb-cell b.is-warn { color: var(--ember); }
  .is-hud .cb-cell small { font: 400 .9rem var(--font-num); color: var(--text-3); }

  .is-hud .cb-town-wrap { position: relative; display: inline-flex; }
  .is-hud .cb-town .ia-glyph, .is-hud .cb-town .ia-emblem { width: 1.5rem; height: 1.5rem; color: var(--gold-2); }
  .is-hud .cb-town-word { font-size: .98rem; color: var(--text-2); }
  .is-hud .cb-town.is-here { cursor: default; opacity: .55; }
  .is-hud .cb-town.is-here:hover { border-color: transparent; background: none; }
  .is-hud .town-ask { position: absolute; z-index: 9; top: calc(100% + .55rem); right: -.5rem; display: grid; gap: .6rem; width: 18.5rem; padding: .8rem .9rem; border-radius: .9rem; border: 1px solid rgba(242, 198, 106, .45);
    background: rgba(9, 14, 24, .97); box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .5); font-size: .94rem; line-height: 1.4; color: var(--text-1); }
  .is-hud .town-ask::before { content: ""; position: absolute; top: -.42rem; right: 1.2rem; width: .8rem; height: .8rem; rotate: 45deg; background: rgba(9, 14, 24, .97); border-left: 1px solid rgba(242, 198, 106, .45); border-top: 1px solid rgba(242, 198, 106, .45); }
  .is-hud .town-ask p { margin: 0; }
  .is-hud .town-ask-actions { display: flex; gap: .5rem; }

  .is-hud { --ev-chip-t: calc(var(--cb-h) + .55rem); }
  .is-hud .cb-clock { flex: none; display: inline-flex; align-items: center; gap: .4rem; color: var(--text-2); }
  .is-hud .cb-clock .ia-glyph { width: 1rem; height: 1rem; color: var(--gold-1); opacity: .8; }
  .is-hud .cb-clock .t-num { font: 400 1.02rem var(--font-num); letter-spacing: .02em; color: var(--text-1); }

  .is-hud .cb-menu { display: flex; align-items: center; gap: .2rem; }
  .is-hud .cb-btn { position: relative; display: grid; justify-items: center; align-content: center; gap: .2rem; width: 4.25rem; height: 3.85rem; border-radius: .8rem; border: 1px solid transparent; color: var(--text-2); font-size: .9rem; transition: background .15s, border-color .15s, color .15s; }
  .is-hud .cb-btn .ia-emblem { width: 1.8rem; height: 1.8rem; filter: drop-shadow(0 .12rem .2rem rgba(0, 0, 0, .6)); }
  .is-hud .cb-btn:hover { background: rgba(255, 255, 255, .05); color: var(--text-1); }
  .is-hud .cb-btn.is-open { border-color: rgba(242, 198, 106, .5); background: rgba(242, 198, 106, .13); color: var(--gold-1); }
  .is-hud .cb-btn .sr-badge { position: absolute; top: .2rem; right: .45rem; min-width: 1.15rem; height: 1.15rem; padding: 0 .28rem; font-size: .64rem; }
  .is-hud .cb-grid { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .5rem; background: linear-gradient(180deg, rgba(242, 198, 106, .22), rgba(242, 198, 106, .08)); box-shadow: inset 0 0 0 1px rgba(242, 198, 106, .45); color: var(--gold-1); }
  .is-hud .cb-grid .ia-glyph { width: 1.05rem; height: 1.05rem; }

  .is-hud.has-window .cb-hang { max-height: var(--win-top, 8.4rem); overflow: hidden; }
  .is-hud .cb-hang { position: absolute; z-index: 2; top: 0; left: 50%; translate: -50% 0; width: var(--cb-hang-w); display: grid;
    background: linear-gradient(180deg, var(--cb-ink-top), rgba(10, 15, 26, .95) 55%, rgba(8, 12, 21, .96));
    border: 1px solid rgba(242, 198, 106, .55); border-top: 0; border-radius: 0 0 1.35rem 1.35rem;
    box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(255, 236, 190, .06); }
  .is-hud.hud-solid .cb-hang { background: linear-gradient(180deg, rgb(17, 25, 41), rgb(8, 12, 21)); }
  .is-hud .cb-hang::before, .is-hud .cb-hang::after { content: ""; position: absolute; top: calc(var(--cb-h) - .3rem); width: .6rem; height: .6rem; rotate: 45deg; background: linear-gradient(135deg, var(--gold-1), var(--gold-3)); border: 1px solid #000; }
  .is-hud .cb-hang::before { left: -.36rem; }
  .is-hud .cb-hang::after { right: -.36rem; }
  .is-hud .cb-hang > .hud-task { position: static; width: auto; gap: .55rem; padding: .7rem 1.2rem .55rem; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .is-hud .cb-hang > .hud-task .medal { --size: 2.95rem; }
  .is-hud .cb-hang .hud-task-copy strong { font-size: 1.38rem; }
  .is-hud .cb-hang .hud-level { font-size: .88rem; }
  .is-hud .cb-goal { display: flex; align-items: center; gap: .5rem; min-width: 0; padding: .5rem 1.2rem .62rem; border-top: 1px solid rgba(242, 198, 106, .16); border-radius: 0 0 1.3rem 1.3rem; color: var(--text-2); font-size: .88rem; text-align: left; white-space: nowrap; transition: background .15s; }
  .is-hud .cb-goal:hover, .is-hud .cb-goal[aria-expanded="true"] { background: rgba(242, 198, 106, .06); }
  .is-hud .cb-goal .ia-glyph { flex: none; width: .9rem; height: .9rem; color: var(--gold-2); }
  .is-hud .cb-goal-label { flex: none; font-size: .7rem; letter-spacing: .14em; color: var(--gold-3); }
  .is-hud .cb-goal b { flex: none; font-weight: 600; color: var(--skill); }
  .is-hud .cb-goal small { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: .86rem; color: var(--text-3); }
  .is-hud .cb-goal.is-ready small { color: var(--emerald); }

  .is-hud .launcher.is-pop { position: absolute; z-index: 9; top: calc(var(--cb-h) + .55rem); right: .9rem; width: 34rem; max-height: calc(100vh - var(--cb-h) - 2rem); overflow-y: auto; padding: 1.1rem 1.15rem 1rem; border-radius: 1.15rem; border: 1px solid rgba(242, 198, 106, .42); background: rgba(9, 14, 24, .97); box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .6); }
  .is-hud .launcher.is-pop::before { content: ""; position: absolute; top: -.42rem; right: 1.55rem; width: .8rem; height: .8rem; rotate: 45deg; background: rgba(9, 14, 24, .97); border-left: 1px solid rgba(242, 198, 106, .42); border-top: 1px solid rgba(242, 198, 106, .42); }

  .is-hud .region-left { top: calc(var(--cb-h) + .9rem); }
  .is-hud .hud-rail { max-height: calc(100vh - var(--cb-h) - .9rem - var(--hud-pad)); }
  .is-hud .tut-tracker, .is-hud.hud-tracker-under .tut-tracker { --row-r: calc(var(--hud-task-l, calc(50% - var(--cb-hang-w) / 2)) - .9rem); top: calc(var(--cb-h) + .9rem); left: calc(var(--hud-pad) + var(--hud-rail-w) + .9rem); right: auto; width: min(30rem, calc(var(--row-r) - var(--hud-pad) - var(--hud-rail-w) - .9rem)); }
  .is-hud.hud-tracker-aside .tut-tracker { top: calc(var(--cb-h) + .9rem); left: auto; right: var(--hud-pad); width: min(26rem, calc(100% - var(--hud-task-l, 50%) - var(--hud-task-width, var(--cb-hang-w)) - 1.65rem)); }
  .is-hud .region-top > .update-notice, .is-hud .region-top > .guest-notice { left: var(--hud-task-l, calc(50% - var(--cb-hang-w) / 2)); width: var(--hud-task-width, var(--cb-hang-w)); }
  .is-hud .xp-drop { top: calc(var(--cb-h) + .7rem + var(--stack, 0) * 1.9rem); }
  .is-hud .xp-drop.is-item { top: calc(var(--cb-h) + .7rem + var(--stack, 0) * 1.9rem); }
}

@media (min-width: 761px) and (max-width: 1319px) and (min-height: 501px), (min-width: 761px) and (max-width: 1319px) and (pointer: fine), (min-width: 761px) and (max-width: 1319px) and (pointer: none) {
  .is-hud { --cb-hang-w: 26rem; }
  .is-hud .cb-btn { width: 3.4rem; }
  .is-hud .cb-btn > span:not(.sr-badge):not(.cb-grid) { display: none; }
  .is-hud .cb-cell small, .is-hud .cb-discord small { display: none; }
  .is-hud .cb-support small { display: none; }
  .is-hud .cb-town-word { display: none; }
  .is-hud .cb-town { padding: 0 .6rem; }
  .is-hud .cb-sep { margin: 0 .6rem; }
}

@media (min-width: 761px) and (max-width: 979px) and (min-height: 501px), (min-width: 761px) and (max-width: 979px) and (pointer: fine), (min-width: 761px) and (max-width: 979px) and (pointer: none) {
  .is-hud .cb-clock, .is-hud .cb-clock + .cb-sep { display: none; }
}

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .settings-popover .settings-desk { display: none; }
  .region-top:has(> .cb-mbar) { height: auto; display: flex; flex-direction: column; }
  .region-top > .topbar.cb-mbar { flex: none; height: calc(3.9rem + env(safe-area-inset-top)); gap: .6rem; padding: env(safe-area-inset-top) .5rem 0 .55rem; }
  .cb-mbar > .spacer { flex: 1 1 auto; min-width: .2rem; }
  .cb-mid { display: flex; align-items: center; gap: .6rem; min-width: 0; min-height: 3.3rem; padding: 0; border: 0; background: none; color: inherit; text-align: left; }
  .cb-mid .portrait { flex: none; width: 2.75rem; height: 2.75rem; box-shadow: 0 0 0 2px #c9953f, 0 0 0 3.5px rgba(0, 0, 0, .7); }
  .cb-mid-copy { display: grid; gap: .2rem; min-width: 0; }
  .cb-mid .cb-name { display: flex; align-items: baseline; gap: .4rem; min-width: 0; white-space: nowrap; }
  .cb-mid .cb-name strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 400 1.22rem/1.05 var(--font-display); color: var(--gold-0); }
  .cb-mid .cb-meta { display: flex; align-items: center; gap: .35rem; white-space: nowrap; }
  .cb-mid .role-mark { padding: .05rem .25rem; }
  .cb-mid .clan-name-badge { font-size: .9rem; }
  .cb-mid .clan-name-badge .ia-emblem { width: 1rem; height: 1rem; }
  .cb-mid .cb-total { font-size: .82rem; color: var(--text-3); }
  .cb-mid .cb-total b { color: var(--gold-1); font-weight: 600; }
  .cb-mcoin { position: relative; flex: none; display: inline-flex; align-items: center; gap: .35rem; height: 3.3rem; padding: 0 .6rem 0 .4rem; border-radius: .8rem; border: 1px solid rgba(214, 170, 96, .25); background: rgba(0, 0, 0, .25); color: var(--gold-1); }
  .cb-mcoin .ia-emblem { width: 1.5rem; height: 1.5rem; }
  .cb-mcoin b { font: 600 1rem var(--font-num); }
  .cb-mmenu { position: relative; flex: none; display: grid; place-items: center; width: 3.3rem; height: 3.3rem; border-radius: .8rem; border: 1px solid rgba(242, 198, 106, .45); background: linear-gradient(180deg, rgba(242, 198, 106, .2), rgba(242, 198, 106, .06)); color: var(--gold-1); }
  .cb-mmenu.is-open { background: rgba(242, 198, 106, .3); }
  .cb-mmenu .ia-glyph { width: 1.25rem; height: 1.25rem; }
  .cb-mmenu .sr-badge { position: absolute; top: -.3rem; right: -.3rem; min-width: 1.5rem; height: 1.5rem; padding: 0 .32rem; font-size: .9rem; }
  .cb-mtask { flex: none; display: flex; align-items: center; gap: .6rem; min-height: 3.4rem; padding: 0 .45rem 0 .6rem; background: rgba(6, 10, 18, .96); border-bottom: 1px solid color-mix(in srgb, var(--skill) 40%, rgba(214, 170, 96, .3)); }
  .cb-mtask-watch { flex: 1; display: flex; align-items: center; gap: .6rem; min-width: 0; min-height: 3.3rem; padding: 0; border: 0; background: none; color: inherit; text-align: left; }
  .cb-mtask-orb .medal { --size: 2rem; }
  .cb-mtask-copy { flex: 1; display: grid; gap: .1rem; min-width: 0; }
  .cb-mtask-copy > b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 400 1.02rem/1.2 var(--font-display); color: var(--gold-0); }
  .cb-mtask-copy > small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .8rem; color: var(--text-3); }
  .cb-mlevel { display: flex; align-items: center; gap: .45rem; min-width: 0; font-size: .8rem; color: var(--text-2); white-space: nowrap; }
  .cb-mlevel > span { flex: none; }
  .cb-mlevel b { font-weight: 600; color: var(--skill); }
  .cb-mlevel .bar { flex: 1 1 2rem; min-width: 2rem; height: .3rem; background: rgba(255, 255, 255, .1); box-shadow: none; }
  .cb-mlevel .bar > i { background: var(--skill); box-shadow: none; }
  .cb-mlevel small { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--text-3); }
  .cb-mstop { position: relative; flex: none; display: grid; place-items: center; width: 3.3rem; height: 2.75rem; border-radius: .6rem; border: 1px solid rgba(255, 93, 87, .5); background: rgba(255, 93, 87, .14); color: #ff8a84; }
  .cb-mstop .ia-glyph { width: 1.1rem; height: 1.1rem; }
  .cb-mstop::after { content: ""; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: max(100%, 3.3rem); height: max(100%, 3.3rem); }
  .cb-mtask.is-idle .medal { --size: 1.9rem; }
  .cb-mtask.is-idle b { font-size: .98rem; }
  .cb-mtask .btn-fix { flex: none; max-width: 8rem; }
  .region-top > .ev-strip { height: 3.3rem; }
  .ev-strip-open { align-self: stretch; }
  .ev-strip .btn-sm { position: relative; }
  .ev-strip .btn-sm::after { content: ""; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: max(100%, 3.3rem); height: max(100%, 3.3rem); }
  .world-bar > :is(.chip-good, [data-action="stop"]) { display: none; }
  .mobile-nav { gap: .6rem; padding: .35rem .45rem calc(.3rem + env(safe-area-inset-bottom)); }
  .mobile-nav .mnav-item { gap: .15rem; font-size: .9rem; font-weight: 600; min-height: 3.3rem; }
  .mobile-nav .mnav-item .ia-emblem { width: 1.75rem; height: 1.75rem; }
  .mobile-nav .mnav-item .sr-badge { top: .05rem; right: calc(50% - 1.75rem); }
  .mobile-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.45fr) repeat(2, minmax(0, 1fr)); }
  .mobile-nav .mnav-item:has(> small) { grid-template-columns: auto auto; justify-content: center; column-gap: .3rem; }
  .mobile-nav .mnav-item:has(> small) > .ia-emblem { grid-column: 1 / -1; }
  .mobile-nav .mnav-item small { position: static; font-size: .9rem; }
  .ia-client[data-sheet="menu"] .region-right { display: block; overflow-y: auto; }
  .menu-sheet { padding: 1rem .9rem 1.1rem; border-radius: 1rem; border: 1px solid rgba(214, 170, 96, .35); background: rgba(8, 13, 22, .97); box-shadow: 0 -1rem 2.5rem rgba(0, 0, 0, .55); }
  .menu-sheet .ln-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .menu-sheet .ln-tile { min-height: 5.6rem; }
  .menu-sheet .ln-label { font-size: .86rem; }
  .menu-sheet .ln-discord { min-height: 3.3rem; }
}

@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  .is-hud.hud-compact { --cb-hang-w: 26rem; --hud-task-w: 26rem; }
  .is-hud.hud-compact .cb-btn { width: 3.4rem; }
  .is-hud.hud-compact .cb-btn > span:not(.sr-badge):not(.cb-grid) { display: none; }
  .is-hud.hud-compact .cb-cell small, .is-hud.hud-compact .cb-discord small { display: none; }
  .is-hud.hud-compact .cb-support small { display: none; }
  .is-hud.hud-compact .cb-town-word { display: none; }
  .is-hud.hud-compact .cb-town { padding: 0 .6rem; }
  .is-hud.hud-compact .cb-sep { margin: 0 .6rem; }
  .is-hud.hud-compact .skill-page > .win-head:not(.cw-head) { flex-wrap: wrap; row-gap: .8rem; }
  .is-hud.hud-compact .skill-page > .win-head:not(.cw-head) > .win-aside { flex: 1 1 18rem; }
  .is-hud.hud-compact .skill-page > .win-head:not(.cw-head) .win-progress .bar { flex: 0 1 31.5rem; min-width: 10rem; }
  .is-hud.hud-low .cb-hang { top: var(--cb-h); }
  .is-hud.hud-low .cb-hang::before, .is-hud.hud-low .cb-hang::after { top: -.3rem; }
  .is-hud.hud-low.has-window .cb-hang { max-height: calc(var(--win-top, 8.4rem) - var(--cb-h)); }
}