:is(.lobby-page, .room-page) { --uw-line: rgba(255, 170, 90, .22); --uw-line-2: rgba(255, 170, 90, .4); --uw-hot: #ffb35a; --uw-neon: #ff8a1f; --uw-cream: #fff2e4; --uw-cream-2: rgba(255, 228, 205, .74); --uw-cream-3: rgba(255, 228, 205, .5); --uw-panel: radial-gradient(90% 40% at 50% 0%, rgba(255, 120, 20, .14), transparent 70%), linear-gradient(172deg, #1f0f07, #0c0503 80%); }

:is(.lobby-page, .room-page) .wmenu { width: 310px; padding: 18px; border-radius: 18px; border: 1px solid var(--uw-line-2); background: var(--uw-panel); box-shadow: 0 30px 70px -24px rgba(0, 0, 0, .95), 0 0 50px -24px rgba(255, 120, 20, .8); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .wmenu::before { content: ""; position: absolute; top: 0; left: 14%; right: 14%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--uw-hot), transparent); }
:is(.lobby-page, .room-page) .wmenu__id span, :is(.lobby-page, .room-page) .wmenu__bal .label, :is(.lobby-page, .room-page) .wmenu__accts .label { color: var(--uw-cream-3); }
:is(.lobby-page, .room-page) .wmenu__addr { border-radius: 12px; border-color: var(--uw-line); background: rgba(14, 7, 4, .6); color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .wmenu__addr:hover { border-color: var(--uw-neon); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .wmenu__bal { border-color: var(--uw-line); }
:is(.lobby-page, .room-page) .wmenu__bal b { font: 900 38px/.9 var(--f-display); font-variation-settings: "wdth" 66; color: var(--uw-cream); text-shadow: 0 0 22px rgba(255, 140, 30, .45); }
:is(.lobby-page, .room-page) .wmenu__pf { border-radius: 12px; border-color: var(--uw-line); background: rgba(255, 138, 31, .06); }
:is(.lobby-page, .room-page) .wmenu__pf:hover { border-color: var(--uw-neon); background: rgba(255, 138, 31, .14); }
:is(.lobby-page, .room-page) .wmenu__pf i { color: var(--uw-hot); }
:is(.lobby-page, .room-page) .wmenu__accts button { border-radius: 10px; color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .wmenu__accts button:hover, :is(.lobby-page, .room-page) .wmenu__accts button.is-on { background: rgba(255, 138, 31, .1); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .wmenu__accts button.is-on b::before { background: var(--uw-neon); box-shadow: 0 0 8px var(--uw-neon); }
:is(.lobby-page, .room-page) .wmenu__links a { color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .wmenu__links a:hover { color: var(--uw-hot); }
:is(.lobby-page, .room-page) .wmenu__out { border-radius: 12px; border-color: rgba(255, 138, 31, .4); color: var(--uw-hot); }
:is(.lobby-page, .room-page) .wmenu__out:hover { background: rgba(255, 138, 31, .12); }

:is(.lobby-page, .room-page) .wmodal { z-index: 170; }
:is(.lobby-page, .room-page) .wmodal__scrim { background: radial-gradient(60% 60% at 50% 45%, rgba(40, 16, 6, .55), rgba(5, 2, 1, .86)); }
:is(.lobby-page, .room-page) .wmodal__box { border-radius: 22px; border-color: var(--uw-line-2); background: var(--uw-panel); box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .95), 0 0 80px -30px rgba(255, 120, 20, .8); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .wmodal__box::before { content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--uw-hot), transparent); box-shadow: 0 0 12px var(--uw-neon); }
:is(.lobby-page, .room-page) .wmodal__head h3 { font: 900 40px/.95 var(--f-display); font-variation-settings: "wdth" 66; text-transform: uppercase; color: var(--uw-cream); }
:is(.lobby-page, .room-page) .wmodal__head p, :is(.lobby-page, .room-page) .wmodal__note { color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .wmodal__foot { border-color: var(--uw-line); color: var(--uw-cream-3); }
:is(.lobby-page, .room-page) .wrow { border-radius: 14px; border-color: var(--uw-line); background: rgba(14, 7, 4, .55); }
:is(.lobby-page, .room-page) .wrow:hover { border-color: var(--uw-neon); background: rgba(255, 138, 31, .1); }
:is(.lobby-page, .room-page) .wrow__av { background: rgba(255, 138, 31, .16); color: var(--uw-hot); }
:is(.lobby-page, .room-page) .wrow__tag.is-ok { border-radius: 999px; border-color: var(--uw-line-2); color: var(--uw-hot); }
:is(.lobby-page, .room-page) .wrow.is-busy.is-active { border-color: var(--uw-neon); }

:is(.lobby-page, .room-page) .pf { z-index: 175; }
:is(.lobby-page, .room-page) .pf__scrim { background: radial-gradient(60% 60% at 50% 45%, rgba(40, 16, 6, .55), rgba(5, 2, 1, .86)); }
:is(.lobby-page, .room-page) .pf__box { overflow: hidden; border-radius: 22px; border-color: var(--uw-line-2); background: var(--uw-panel); box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .95), 0 0 80px -30px rgba(255, 120, 20, .8); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .pf__head, :is(.lobby-page, .room-page) .pf__foot { border-color: var(--uw-line); }
:is(.lobby-page, .room-page) .pf__row { border-color: var(--uw-line); }
:is(.lobby-page, .room-page) .pf__total { color: var(--uw-cream); text-shadow: 0 0 22px rgba(255, 140, 30, .4); }
:is(.lobby-page, .room-page) .pf__brand { color: var(--uw-hot); }
:is(.lobby-page, .room-page) .pf__box::before { content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--uw-hot), transparent); box-shadow: 0 0 12px var(--uw-neon); }
:is(.lobby-page, .room-page) .pf__acts a { border-radius: 12px; border-color: var(--uw-line); background: rgba(14, 7, 4, .55); color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .pf__acts a:hover { border-color: var(--uw-neon); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .pf__acts a.is-main { border-color: transparent; color: #1c0b02; background: linear-gradient(180deg, #ffe0a8, #ffb24a 55%, #ff8a1f); box-shadow: 0 8px 22px -10px rgba(255, 120, 20, .95); }
:is(.lobby-page, .room-page) .pf__acts a.is-main:hover { filter: brightness(1.08); background: linear-gradient(180deg, #ffe0a8, #ffb24a 55%, #ff8a1f); }
:is(.lobby-page, .room-page) .pf__manage { border-radius: 999px; }
:is(.lobby-page, .room-page) .pf__x:hover, :is(.lobby-page, .room-page) .wmodal__x:hover { color: var(--uw-hot); }

:is(.lobby-page, .room-page) .mk-modal { z-index: 180; }
:is(.lobby-page, .room-page) .mk-modal__scrim { background: radial-gradient(60% 60% at 50% 45%, rgba(40, 16, 6, .55), rgba(5, 2, 1, .86)); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
:is(.lobby-page, .room-page) .mk-modal__box { border-radius: 22px; border: 1px solid var(--uw-line-2); background: var(--uw-panel); box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .95), 0 0 80px -30px rgba(255, 120, 20, .8); color: var(--uw-cream); }
:is(.lobby-page, .room-page) .mk-modal__box::before { content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--uw-hot), transparent); box-shadow: 0 0 12px var(--uw-neon); }
:is(.lobby-page, .room-page) .mk-modal__x { border-radius: 10px; border-color: var(--uw-line); color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .mk-modal__x:hover { border-color: var(--uw-neon); color: var(--uw-hot); }
:is(.lobby-page, .room-page) .mk-modal__title { font: 900 28px/.95 var(--f-display); font-variation-settings: "wdth" 66; }
:is(.lobby-page, .room-page) .mk-co__head img { border-radius: 14px; box-shadow: inset 0 0 0 1px var(--uw-line); }
:is(.lobby-page, .room-page) .mk-co__price { color: var(--uw-hot); }
:is(.lobby-page, .room-page) .mk-co__steps li { color: var(--uw-cream-3); }
:is(.lobby-page, .room-page) .mk-co__steps i { border-radius: 50%; border-color: var(--uw-line-2); }
:is(.lobby-page, .room-page) .mk-co__steps li.is-on { color: var(--uw-cream); }
:is(.lobby-page, .room-page) .mk-co__steps li.is-on i { background: linear-gradient(180deg, #ffe0a8, #ff8a1f); box-shadow: 0 0 14px rgba(255, 138, 31, .6); }
:is(.lobby-page, .room-page) .mk-co__steps li.is-done { color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .mk-co__steps li.is-done i { border-color: var(--uw-neon); color: var(--uw-hot); }
:is(.lobby-page, .room-page) .mk-co__panel p, :is(.lobby-page, .room-page) .mk-co__msg { color: var(--uw-cream-2); }
:is(.lobby-page, .room-page) .mk-co__bal div, :is(.lobby-page, .room-page) .mk-co__wallet { border-radius: 12px; border-color: var(--uw-line); background: rgba(14, 7, 4, .55); }
:is(.lobby-page, .room-page) .mk-co__wallet:hover { border-color: var(--uw-neon); }
:is(.lobby-page, .room-page) .mk-co__bal dt, :is(.lobby-page, .room-page) .mk-co__fine, :is(.lobby-page, .room-page) .mk-co__hint { color: var(--uw-cream-3) !important; }
:is(.lobby-page, .room-page) .mk-buy { border-radius: 12px; background: linear-gradient(180deg, #ffe0a8, #ffb24a 55%, #ff8a1f); box-shadow: 0 8px 22px -10px rgba(255, 120, 20, .95); }
:is(.lobby-page, .room-page) .mk-co__done b { color: var(--uw-hot); font-family: var(--f-display); font-variation-settings: "wdth" 66; }

.ch-wallet { position: relative; display: flex; align-items: center; }
.ch-wallet .wbtn { height: 42px; padding: 0 14px; gap: 8px; border-radius: 12px; background: rgba(10, 4, 2, .7); border: 1px solid rgba(255, 170, 90, .24); color: var(--uw-cream); white-space: nowrap; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .2s, background .2s; }
.ch-wallet .wbtn:hover { border-color: var(--uw-neon); background: rgba(255, 138, 31, .14); }
.ch-wallet .wbtn img { width: 20px; height: 20px; border-radius: 6px; }
.ch-wallet .wbtn__bal { border-left-color: rgba(255, 170, 90, .24); color: var(--uw-hot); }
.ch-wallet .wbtn:not(:has(img)) { padding: 0 16px; border-color: transparent; color: #1c0b02; font: 800 11px var(--f-ui); letter-spacing: .1em; text-transform: uppercase; background: linear-gradient(180deg, #ffe0a8, #ffb24a 50%, #ff7a12); box-shadow: 0 8px 22px -10px rgba(255, 120, 20, .95); }
.ch-wallet .wbtn:not(:has(img)):hover { filter: brightness(1.08); }
.ch-wallet .wbtn:not(:has(img)) svg { display: none; }
.ch-wallet .wbtn:not(:has(img)) span::after { content: " wallet"; }
.ch-wallet .wmenu { top: calc(100% + 10px); }
@media (max-width: 760px) {
  .ch-wallet .wbtn { padding: 0 10px; }
  .ch-wallet .wbtn__bal, .ch-wallet .wbtn.is-on img { display: none; }
  .ch-wallet .wbtn { padding: 0 9px; }
  .ch-wallet .wbtn__addr { display: inline; font-size: 11px; letter-spacing: 0; }
  .ch-wallet .wbtn:not(:has(img)) span { display: inline; }
  .ch-wallet .wbtn:not(:has(img)) span::after { content: ""; }
  .ch-wallet .wmenu { position: fixed; top: calc(var(--bxbar, 112px) + 4px); right: 10px; width: min(310px, calc(100vw - 20px)); }
}