/* ===== 2026-09-12 · Lobby premium button refresh ===== */
.lobby-shell{
  --lobby-gold:#e7c676;
  --lobby-gold-soft:#f3dfad;
  --lobby-ivory:#f4efe4;
  --lobby-violet:#9c8dff;
  --lobby-panel:rgba(7,13,24,.70);
  --lobby-panel-deep:rgba(4,9,17,.86);
  --lobby-line:rgba(225,235,255,.30);
  --lobby-muted:rgba(220,228,242,.52);
  font-family:var(--font-ui);
}
.lobby-shell button{font-family:var(--font-ui)}
.lobby-background-shade{background:linear-gradient(90deg,rgba(1,7,16,.46) 0%,rgba(2,7,15,.12) 40%,rgba(2,6,13,.08) 68%,rgba(1,5,11,.24) 100%)}
.lobby-topbar{position:absolute;z-index:35;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:42px 42px 0;pointer-events:none;animation:slideDown .8s ease-out both}
.lobby-topbar>*{pointer-events:auto}
.lobby-profile-button{display:flex;align-items:center;gap:15px;min-height:68px;padding:0;border:0;background:transparent;color:#fff;text-align:left;transition:transform .25s ease,filter .25s ease}
.lobby-profile-button:hover{transform:translateX(3px);filter:brightness(1.1)}
.lobby-profile-ring{position:relative;width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(231,198,118,.82);border-radius:50%;color:#f7f5ef;background:radial-gradient(circle at 50% 45%,rgba(35,43,60,.82),rgba(4,9,16,.86) 70%);box-shadow:0 0 0 3px rgba(5,11,21,.72),0 0 24px rgba(231,198,118,.12),inset 0 0 18px rgba(255,255,255,.03)}
.lobby-profile-ring:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.lobby-profile-copy{display:flex;flex-direction:column;gap:3px}.lobby-profile-copy strong{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 14px #000}.lobby-profile-copy small{font:10px var(--font-tech);letter-spacing:.15em;color:rgba(234,226,208,.68)}
.lobby-profile-rule{display:flex;align-items:center;width:115px;margin-left:2px}.lobby-profile-rule:before,.lobby-profile-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(231,198,118,.05),rgba(231,198,118,.55))}.lobby-profile-rule:after{background:linear-gradient(90deg,rgba(231,198,118,.55),rgba(231,198,118,.03))}.lobby-profile-rule i{width:7px;height:7px;flex:0 0 7px;transform:rotate(45deg);border:1px solid rgba(231,198,118,.78);box-shadow:0 0 8px rgba(231,198,118,.45)}
.lobby-hud{display:flex;align-items:center;gap:11px}
.lobby-wallet-chip,.lobby-round-button{height:48px;border:1px solid rgba(230,220,195,.35);background:linear-gradient(180deg,rgba(9,16,28,.75),rgba(4,9,16,.78));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 9px 28px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035);color:#f6f3ea;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.lobby-wallet-chip{display:flex;align-items:center;gap:10px;min-width:118px;padding:0 9px 0 15px;border-radius:999px}.lobby-wallet-chip.violet>span:first-child,.lobby-wallet-chip.violet svg{color:#b9a8ff}.lobby-wallet-chip.gold>span:first-child,.lobby-wallet-chip.gold svg{color:#f0c85c}.lobby-wallet-chip b{min-width:38px;text-align:center;font:700 14px var(--font-ui);font-variant-numeric:tabular-nums}.lobby-chip-plus{width:26px;height:26px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.12);font:18px/1 serif;color:rgba(255,255,255,.72)}
.lobby-round-button{position:relative;width:48px;padding:0;display:grid;place-items:center;border-radius:50%;color:#e9edf4}.lobby-round-button:hover{transform:translateY(-2px);border-color:rgba(236,207,143,.75);background:rgba(18,26,40,.84);box-shadow:0 0 22px rgba(231,198,118,.12)}
.lobby-notice{position:absolute;right:1px;top:0;width:10px;height:10px;border-radius:50%;border:2px solid #0b111b;box-shadow:0 0 10px currentColor}.lobby-notice.gold{background:#f5c94f;color:#f5c94f}.lobby-notice.green{background:#31cf87;color:#31cf87}.lobby-notice.red{background:#ff6578;color:#ff6578}

.lobby-side-menu{position:absolute;z-index:34;left:40px;top:50%;width:268px;display:flex;flex-direction:column;gap:10px;transform:translateY(-43%);animation:fadeIn .85s ease-out both}
.lobby-nav-button{--nav-accent:rgba(238,229,207,.76);position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:13px;min-height:72px;padding:9px 16px 9px 10px;overflow:hidden;text-align:left;color:#e8edf5;border:1px solid rgba(222,230,245,.28);border-radius:16px 5px 16px 5px;background:linear-gradient(105deg,rgba(8,15,27,.78),rgba(7,12,22,.60));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:0 12px 32px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.lobby-nav-button:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--nav-accent),transparent);opacity:.45;transition:width .22s,opacity .22s}.lobby-nav-button:after{content:"";position:absolute;left:-35%;top:-65%;width:36%;height:220%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transition:left .45s ease;pointer-events:none}.lobby-nav-button:hover{transform:translateX(6px);border-color:var(--nav-accent);background:linear-gradient(105deg,rgba(14,23,39,.90),rgba(8,14,24,.72));box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 20px color-mix(in srgb,var(--nav-accent) 16%,transparent)}.lobby-nav-button:hover:before{width:3px;opacity:1}.lobby-nav-button:hover:after{left:120%}
.lobby-nav-button.featured{border-color:rgba(231,198,118,.62);background:linear-gradient(105deg,rgba(37,30,20,.72),rgba(9,15,26,.73));box-shadow:0 0 0 1px rgba(231,198,118,.06),0 0 26px rgba(231,198,118,.09),0 12px 36px rgba(0,0,0,.20)}
.lobby-nav-button.tone-gold{--nav-accent:#e7c676}.lobby-nav-button.tone-violet{--nav-accent:#a997ff}.lobby-nav-button.tone-ivory{--nav-accent:#e5e9f0}
.lobby-nav-icon{position:relative;width:50px;height:50px;display:grid;place-items:center;color:var(--nav-accent)}.lobby-nav-icon:before{content:"";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--nav-accent) 32%,transparent);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035),transparent 70%);transition:transform .3s,border-color .3s}.lobby-nav-button:hover .lobby-nav-icon:before{transform:rotate(45deg) scale(1.06);border-color:color-mix(in srgb,var(--nav-accent) 72%,transparent)}
.lobby-nav-copy{min-width:0;display:flex;flex-direction:column}.lobby-nav-copy strong{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;color:#f2f0eb}.lobby-nav-copy small{margin-top:2px;font:9px var(--font-tech);letter-spacing:.19em;color:rgba(222,229,241,.54)}.lobby-nav-copy em{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px var(--font-ui);font-style:normal;letter-spacing:.035em;color:rgba(199,208,223,.42)}
.lobby-btn-arrow{font:300 28px/1 Georgia,serif;color:rgba(240,229,201,.78);transition:transform .2s,color .2s}.lobby-nav-button:hover .lobby-btn-arrow,.lobby-quick-button:hover .lobby-btn-arrow,.lobby-jukebox-button:hover .lobby-btn-arrow{transform:translateX(3px);color:#fff3cf}.lobby-nav-notice{position:absolute;left:45px;top:12px;width:8px;height:8px;border-radius:50%;background:#f4ca4d;box-shadow:0 0 12px rgba(244,202,77,.82)}

.lobby-action-dock{position:absolute;z-index:34;right:38px;bottom:38px;display:grid;grid-template-columns:auto 224px 294px;grid-template-rows:auto auto;gap:12px 14px;align-items:end;animation:slideUp .85s ease-out both}
.lobby-depart-button{grid-column:1;grid-row:2;align-self:end;display:flex;align-items:center;gap:8px;margin:0 3px 8px 0;padding:9px 12px;border:0;background:rgba(4,8,15,.25);color:rgba(221,104,111,.58);font:9px var(--font-tech);letter-spacing:.14em;border-radius:4px;transition:color .2s,background .2s}.lobby-depart-button:hover{color:#ff8d92;background:rgba(60,12,17,.35)}
.lobby-quick-stack{grid-column:3;grid-row:1;display:flex;flex-direction:row;gap:10px;align-self:end;width:294px}.lobby-quick-stack .lobby-quick-button{width:142px}.lobby-quick-button{--quick-accent:#e7c676;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:11px;width:200px;min-height:60px;padding:10px 12px;border:1px solid rgba(231,225,211,.42);border-radius:15px 5px 15px 5px;background:linear-gradient(100deg,rgba(6,12,22,.82),rgba(8,14,25,.70));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);color:#f3f0e8;text-align:left;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,box-shadow .2s}.lobby-quick-button.gold{--quick-accent:#e7c676}.lobby-quick-button.violet{--quick-accent:#9c8dff}.lobby-quick-button:hover{transform:translateX(-4px);border-color:var(--quick-accent);box-shadow:0 0 22px color-mix(in srgb,var(--quick-accent) 15%,transparent),0 12px 28px rgba(0,0,0,.20)}.lobby-quick-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--quick-accent);border:1px solid color-mix(in srgb,var(--quick-accent) 30%,transparent);border-radius:50%;background:rgba(255,255,255,.025)}.lobby-quick-button>span:nth-child(2){display:flex;flex-direction:column}.lobby-quick-button strong{font-family:var(--font-display);font-size:17px}.lobby-quick-button small{margin-top:2px;font:8px var(--font-tech);letter-spacing:.19em;color:rgba(219,226,239,.50)}
.lobby-jukebox-button{grid-column:2;grid-row:1/3;position:relative;width:224px;height:112px;align-self:end;display:flex;flex-direction:column;justify-content:space-between;padding:15px 15px 13px;border:1px solid rgba(162,154,238,.54);border-radius:17px 5px 17px 5px;overflow:hidden;background:radial-gradient(circle at 12% 100%,rgba(92,70,224,.20),transparent 43%),linear-gradient(130deg,rgba(10,18,39,.88),rgba(7,13,27,.82));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f2efff;text-align:left;box-shadow:0 13px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);transition:transform .22s,border-color .22s,box-shadow .22s}.lobby-jukebox-button:before{content:"";position:absolute;inset:auto -12% -55% -5%;height:78%;border-radius:50%;background:radial-gradient(ellipse,rgba(110,88,255,.20),transparent 66%);filter:blur(4px)}.lobby-jukebox-button:hover{transform:translateY(-5px);border-color:#b8aaff;box-shadow:0 0 28px rgba(127,104,255,.18),0 18px 38px rgba(0,0,0,.25)}.lobby-jukebox-top,.lobby-jukebox-bottom{position:relative;z-index:1;display:flex;align-items:center}.lobby-jukebox-top{justify-content:space-between}.lobby-music-glyph{color:#9e8cff;filter:drop-shadow(0 0 8px rgba(158,140,255,.38))}.lobby-jukebox-line{width:64px;height:1px;background:linear-gradient(90deg,rgba(158,140,255,.08),rgba(158,140,255,.52))}.lobby-jukebox-bottom{gap:9px;align-items:flex-end}.lobby-jukebox-copy{display:flex;flex:1;flex-direction:column;text-align:right}.lobby-jukebox-copy strong{font-family:var(--font-display);font-size:18px}.lobby-jukebox-copy small{margin-top:2px;font:8px var(--font-tech);letter-spacing:.16em;color:rgba(196,191,230,.55)}.lobby-equalizer{position:absolute;left:0;bottom:-1px;display:flex;align-items:flex-end;gap:2px;height:24px;opacity:.58}.lobby-equalizer i{display:block;width:2px;background:#8d7dff;box-shadow:0 0 5px #7867ff}.lobby-equalizer i:nth-child(1){height:7px}.lobby-equalizer i:nth-child(2){height:15px}.lobby-equalizer i:nth-child(3){height:10px}.lobby-equalizer i:nth-child(4){height:21px}.lobby-equalizer i:nth-child(5){height:13px}.lobby-equalizer i:nth-child(6){height:18px}.lobby-equalizer i:nth-child(7){height:8px}.lobby-equalizer i:nth-child(8){height:12px}
.lobby-warp-button{grid-column:3;grid-row:2;position:relative;width:294px;height:128px;align-self:end;overflow:hidden;padding:14px 18px 16px;border:1px solid rgba(231,198,118,.80);border-radius:4px;background:linear-gradient(105deg,#f3efe5,#fbfaf5 48%,#f0e5cf);color:#171718;text-align:left;box-shadow:0 0 0 1px rgba(255,255,255,.72) inset,0 0 26px rgba(235,202,126,.14),0 15px 36px rgba(0,0,0,.27);transition:transform .22s,box-shadow .22s,filter .22s}.lobby-warp-button:before,.lobby-warp-button:after{content:"";position:absolute;border:1px solid rgba(178,138,57,.22);border-radius:50%;pointer-events:none}.lobby-warp-button:before{width:145px;height:145px;right:-43px;bottom:-78px}.lobby-warp-button:after{width:90px;height:90px;right:-14px;bottom:-49px}.lobby-warp-button:hover{transform:translateY(-5px);filter:brightness(1.035);box-shadow:0 0 0 1px rgba(255,255,255,.82) inset,0 0 36px rgba(240,205,120,.28),0 20px 42px rgba(0,0,0,.29)}.lobby-warp-ornament{position:absolute;right:-13px;bottom:-21px;color:rgba(181,142,63,.14);transform:rotate(13deg)}.lobby-warp-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:5px;border-bottom:0}.lobby-warp-head b{font:700 10px var(--font-tech);letter-spacing:.12em}.lobby-warp-copy{position:absolute;z-index:2;left:18px;bottom:15px;display:flex;flex-direction:column}.lobby-warp-copy strong{font-family:var(--font-display);font-size:31px;line-height:1;font-weight:800;letter-spacing:-.05em}.lobby-warp-copy small{margin-top:5px;font:8px var(--font-tech);letter-spacing:.18em;color:rgba(35,34,31,.53)}.lobby-warp-star{position:absolute;z-index:2;right:55px;bottom:29px;font-size:43px;line-height:1;color:#bf8f39;text-shadow:0 0 16px rgba(191,143,57,.25)}.lobby-warp-button>.lobby-btn-arrow{position:absolute;z-index:2;right:14px;bottom:44px;color:#382b17}

@media(max-width:1380px){
  .lobby-topbar{padding:28px 28px 0}.lobby-side-menu{left:28px;width:238px}.lobby-nav-button{min-height:65px;grid-template-columns:44px minmax(0,1fr) 15px}.lobby-nav-icon{width:44px;height:44px}.lobby-nav-copy strong{font-size:16px}.lobby-nav-copy em{display:none}
  .lobby-action-dock{right:28px;bottom:28px;grid-template-columns:auto 198px 258px;gap:10px}.lobby-quick-stack{width:258px;gap:8px}.lobby-quick-stack .lobby-quick-button{width:125px;min-height:56px}.lobby-jukebox-button{width:198px;height:104px}.lobby-warp-button{width:258px;height:120px}
}
@media(max-width:1080px){
  .lobby-profile-rule{display:none}.lobby-wallet-chip{min-width:98px}.lobby-wallet-chip .lobby-chip-plus{display:none}.lobby-wallet-chip{padding-right:15px}
  .lobby-side-menu{width:210px;gap:8px;transform:translateY(-40%)}.lobby-nav-button{border-radius:12px 4px 12px 4px;padding-right:11px}.lobby-nav-copy small{display:none}.lobby-nav-copy strong{font-size:15px}
  .lobby-action-dock{grid-template-columns:180px 230px}.lobby-depart-button{display:none}.lobby-quick-stack{grid-column:2;grid-row:1;width:230px;gap:8px}.lobby-quick-stack .lobby-quick-button{width:111px}.lobby-jukebox-button{grid-column:1;grid-row:1/3;width:180px}.lobby-warp-button{grid-column:2;grid-row:2;width:230px}.lobby-warp-star{right:46px}
}
@media(max-width:820px){
  .lobby-topbar{padding:18px}.lobby-profile-ring{width:54px;height:54px}.lobby-profile-copy strong{font-size:17px}.lobby-profile-copy small{font-size:8px}.lobby-hud{gap:6px}.lobby-wallet-chip{min-width:78px;height:42px;padding:0 10px;gap:6px}.lobby-wallet-chip b{min-width:28px;font-size:12px}.lobby-round-button{width:42px;height:42px}
  .lobby-side-menu{left:18px;top:auto;bottom:24px;width:58px;transform:none;gap:7px}.lobby-nav-button{display:grid;grid-template-columns:1fr;width:58px;min-height:58px;padding:4px;border-radius:15px 5px 15px 5px}.lobby-nav-icon{width:48px;height:48px}.lobby-nav-copy,.lobby-nav-button>.lobby-btn-arrow,.lobby-nav-notice{display:none}
  .lobby-action-dock{right:18px;bottom:18px;grid-template-columns:120px 160px;gap:8px}.lobby-quick-stack{grid-column:2;grid-row:1;width:160px;gap:7px}.lobby-quick-stack .lobby-quick-button{width:76.5px;min-height:50px;grid-template-columns:1fr;padding:6px}.lobby-quick-button>span:nth-child(2),.lobby-quick-button>.lobby-btn-arrow{display:none}.lobby-quick-icon{margin:auto}.lobby-jukebox-button{grid-column:1;grid-row:1/3;width:120px;height:96px}.lobby-jukebox-copy strong{font-size:15px}.lobby-jukebox-copy small,.lobby-equalizer{display:none}.lobby-warp-button{grid-column:2;grid-row:2;width:160px;height:104px}.lobby-warp-copy strong{font-size:25px}.lobby-warp-star{right:34px;bottom:25px;font-size:32px}.lobby-warp-copy small{font-size:7px;letter-spacing:.08em}
}
@media(max-width:560px){
  .lobby-profile-copy{display:none}.lobby-hud .lobby-wallet-chip:nth-child(2){display:none}.lobby-side-menu{bottom:14px}.lobby-action-dock{right:12px;bottom:12px;grid-template-columns:112px 145px;grid-template-rows:auto}.lobby-quick-stack{display:none}.lobby-jukebox-button{grid-column:1;grid-row:1;width:112px;height:82px}.lobby-warp-button{grid-column:2;grid-row:1;width:145px;height:92px}.lobby-warp-head{font-size:8px}.lobby-warp-copy strong{font-size:22px}.lobby-warp-star{display:none}.lobby-warp-button>.lobby-btn-arrow{bottom:32px}.lobby-round-button:nth-last-child(2){display:none}
}


/* ===== 2026-09-13 · Screenshot-matched summon button ===== */
.lobby-action-dock{
  grid-template-columns:auto 224px 320px;
}
.lobby-quick-stack{width:320px}
.lobby-quick-stack .lobby-quick-button{width:155px}

.lobby-warp-button{
  grid-column:3;
  grid-row:2;
  position:relative;
  width:320px;
  height:136px;
  align-self:end;
  overflow:hidden;
  isolation:isolate;
  padding:0;
  border:1px solid #d3a34d;
  border-radius:5px;
  background:
    radial-gradient(circle at 75% 52%,rgba(210,168,86,.12),transparent 29%),
    linear-gradient(104deg,#f4f0e7 0%,#fffdf8 48%,#f2e8d3 100%);
  color:#171513;
  text-align:left;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.95),
    inset 0 0 0 2px rgba(191,146,63,.10),
    0 0 18px rgba(239,205,132,.20),
    0 13px 34px rgba(0,0,0,.27);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.lobby-warp-button:before{
  content:"";
  position:absolute;
  inset:6px;
  z-index:0;
  border:1px solid rgba(188,143,58,.18);
  border-radius:2px;
  pointer-events:none;
  background:
    linear-gradient(145deg,transparent 0 47%,rgba(190,145,62,.08) 47.3% 47.7%,transparent 48%) 0 0/72px 72px,
    linear-gradient(35deg,transparent 0 48%,rgba(190,145,62,.06) 48.3% 48.7%,transparent 49%) 0 0/96px 96px;
}
.lobby-warp-button:after{
  content:"";
  position:absolute;
  z-index:1;
  width:185px;
  height:185px;
  right:-38px;
  top:-28px;
  border:1px solid rgba(181,137,55,.18);
  border-radius:50%;
  box-shadow:
    0 0 0 18px rgba(181,137,55,.035),
    0 0 0 36px rgba(181,137,55,.025),
    0 0 0 54px rgba(181,137,55,.018);
  pointer-events:none;
}
.lobby-warp-button:hover{
  transform:translateY(-5px);
  filter:brightness(1.035);
  box-shadow:
    inset 0 0 0 1px #fff,
    inset 0 0 0 2px rgba(191,146,63,.13),
    0 0 30px rgba(240,205,120,.28),
    0 19px 40px rgba(0,0,0,.30);
}

.lobby-warp-head{
  position:absolute;
  z-index:4;
  top:15px;
  left:17px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:0;
  border:0;
}
.lobby-warp-head b{
  font-family:'Cinzel',serif;
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.13em;
  color:#29251f;
}
.lobby-warp-mini-stars{
  display:flex;
  align-items:center;
  gap:3px;
  width:58px;
  height:8px;
}
.lobby-warp-mini-stars:before,
.lobby-warp-mini-stars:after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,#b88730);
}
.lobby-warp-mini-stars:after{background:linear-gradient(90deg,#b88730,transparent)}
.lobby-warp-mini-stars i{
  display:block;
  width:7px;
  height:7px;
  flex:0 0 7px;
  background:#b7862e;
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
}
.lobby-warp-mini-stars i:nth-child(2){width:10px;height:10px;flex-basis:10px}

.lobby-warp-copy{
  position:absolute;
  z-index:5;
  left:20px;
  bottom:19px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:170px;
}
.lobby-warp-copy strong{
  font-family:var(--font-display);
  font-size:38px;
  font-weight:700;
  line-height:.92;
  letter-spacing:-.085em;
  color:#161411;
  text-shadow:0 1px 0 rgba(255,255,255,.86);
}
.lobby-warp-copy small{
  margin-top:10px;
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.18em;
  color:rgba(62,55,44,.53);
  white-space:nowrap;
}

.lobby-warp-ornament{
  position:absolute;
  z-index:1;
  inset:0;
  color:inherit;
  transform:none;
  pointer-events:none;
}
.lobby-warp-ornament .warp-orbit{
  position:absolute;
  right:33px;
  top:12px;
  width:119px;
  height:119px;
  border:1px solid rgba(185,139,54,.17);
  border-radius:50%;
}
.lobby-warp-ornament .warp-orbit-a:before,
.lobby-warp-ornament .warp-orbit-a:after{
  content:"";
  position:absolute;
  left:50%;
  top:-24px;
  width:1px;
  height:166px;
  background:linear-gradient(transparent,rgba(183,137,53,.22),transparent);
  transform-origin:center;
}
.lobby-warp-ornament .warp-orbit-a:after{transform:rotate(58deg)}
.lobby-warp-ornament .warp-orbit-b{
  right:20px;
  top:25px;
  width:94px;
  height:94px;
  border-style:dashed;
  opacity:.65;
}
.lobby-warp-ornament .warp-ghost-star{
  position:absolute;
  right:124px;
  top:47px;
  width:55px;
  height:55px;
  opacity:.16;
  border:1px solid #b98c38;
  transform:rotate(45deg);
}
.lobby-warp-ornament .warp-ghost-star:before,
.lobby-warp-ornament .warp-ghost-star:after{
  content:"";
  position:absolute;
  inset:11px;
  border:1px solid #b98c38;
}
.lobby-warp-ornament .warp-ghost-star:after{inset:22px;background:#b98c38}

.lobby-warp-star{
  position:absolute;
  z-index:4;
  right:49px;
  top:27px;
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 6px rgba(193,142,45,.22));
}
.lobby-warp-star:before,
.lobby-warp-star:after,
.warp-star-core{
  content:"";
  position:absolute;
  display:block;
  background:linear-gradient(135deg,#8d611e 0%,#d0a64f 34%,#f7dc91 50%,#bd8832 70%,#815717 100%);
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);
}
.lobby-warp-star:before{width:78px;height:78px}
.lobby-warp-star:after{width:46px;height:46px;transform:rotate(45deg);opacity:.92}
.warp-star-core{width:20px;height:20px;background:#fff5c8;filter:drop-shadow(0 0 7px #d3a347)}

.lobby-warp-button>.lobby-btn-arrow{
  position:absolute;
  z-index:6;
  right:13px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  color:#2c2418;
  font-family:Georgia,serif;
  font-size:31px;
  font-weight:300;
  line-height:1;
}
.lobby-warp-button:hover>.lobby-btn-arrow{transform:translate(3px,-50%);color:#8c6425}

@media(max-width:1380px){
  .lobby-action-dock{grid-template-columns:auto 198px 280px}
  .lobby-quick-stack{width:280px}
  .lobby-quick-stack .lobby-quick-button{width:136px}
  .lobby-warp-button{width:280px;height:124px}
  .lobby-warp-copy strong{font-size:34px}
  .lobby-warp-star{right:43px;top:24px;width:70px;height:70px}
  .lobby-warp-star:before{width:70px;height:70px}
  .lobby-warp-ornament .warp-orbit{right:29px;top:9px}
}
@media(max-width:1080px){
  .lobby-action-dock{grid-template-columns:180px 244px}
  .lobby-quick-stack{grid-column:2;width:244px}
  .lobby-quick-stack .lobby-quick-button{width:118px}
  .lobby-warp-button{grid-column:2;width:244px;height:116px}
  .lobby-warp-copy{left:16px;bottom:17px}
  .lobby-warp-copy strong{font-size:31px}
  .lobby-warp-copy small{font-size:7px}
  .lobby-warp-star{right:38px;top:23px;width:64px;height:64px}
  .lobby-warp-star:before{width:64px;height:64px}
  .lobby-warp-star:after{width:39px;height:39px}
}
@media(max-width:820px){
  .lobby-action-dock{grid-template-columns:120px 172px}
  .lobby-quick-stack{grid-column:2;width:172px}
  .lobby-quick-stack .lobby-quick-button{width:82px}
  .lobby-warp-button{grid-column:2;width:172px;height:104px}
  .lobby-warp-head{top:11px;left:12px}.lobby-warp-head b{font-size:9px}.lobby-warp-mini-stars{width:43px}
  .lobby-warp-copy{left:13px;bottom:15px;width:112px}.lobby-warp-copy strong{font-size:25px}.lobby-warp-copy small{font-size:6px;letter-spacing:.07em;margin-top:7px}
  .lobby-warp-star{right:27px;top:26px;width:48px;height:48px}.lobby-warp-star:before{width:48px;height:48px}.lobby-warp-star:after{width:30px;height:30px}.warp-star-core{width:13px;height:13px}
  .lobby-warp-ornament .warp-orbit{right:17px;top:13px;width:78px;height:78px}.lobby-warp-ornament .warp-orbit-b{right:10px;top:21px;width:62px;height:62px}
  .lobby-warp-button>.lobby-btn-arrow{right:7px;font-size:25px}
}
@media(max-width:560px){
  .lobby-action-dock{grid-template-columns:112px 150px}
  .lobby-warp-button{grid-column:2;grid-row:1;width:150px;height:92px}
  .lobby-warp-head{top:9px;left:10px}.lobby-warp-copy{left:10px;bottom:12px}.lobby-warp-copy strong{font-size:22px}.lobby-warp-copy small{font-size:5.5px;margin-top:6px}
  .lobby-warp-star{right:24px;top:23px;width:42px;height:42px}.lobby-warp-star:before{width:42px;height:42px}.lobby-warp-star:after{width:26px;height:26px}
  .lobby-warp-ornament .warp-orbit{right:14px;top:10px;width:70px;height:70px}.lobby-warp-ornament .warp-orbit-b{right:7px;top:18px;width:55px;height:55px}
}

/* ===== Priority brief: one important thing, not a wall of badges ===== */
.lobby-priority-brief{position:absolute;z-index:24;left:50%;top:92px;transform:translateX(-50%);width:min(520px,calc(100vw - 420px));min-width:340px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(226,196,139,.24);border-radius:5px;background:linear-gradient(90deg,rgba(11,13,17,.88),rgba(27,24,20,.78));box-shadow:0 10px 36px rgba(0,0,0,.3);backdrop-filter:blur(12px);text-align:left;color:#f3eee5;transition:transform .2s ease,border-color .2s ease,background .2s ease}.lobby-priority-brief:hover{transform:translateX(-50%) translateY(-2px);border-color:rgba(235,205,148,.52);background:linear-gradient(90deg,rgba(15,18,23,.94),rgba(35,30,23,.88))}.lobby-priority-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(229,199,139,.25);border-radius:50%;color:#d8bd85;background:rgba(220,184,112,.06)}.lobby-priority-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.lobby-priority-copy small{font-family:'Cinzel',serif;font-size:8px;letter-spacing:.2em;color:#bda57a}.lobby-priority-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#eee8dc}.lobby-priority-action{display:flex;align-items:center;gap:7px;font-size:10px;color:#cfc5b4;white-space:nowrap}.lobby-priority-action b{font-family:Georgia,serif;font-size:18px;font-weight:400}.lobby-priority-brief.tone-green{border-color:rgba(137,205,165,.25)}.lobby-priority-brief.tone-green .lobby-priority-mark{color:#9bd5ad;border-color:rgba(137,205,165,.26)}.lobby-priority-brief.tone-red{border-color:rgba(220,133,133,.24)}.lobby-priority-brief.tone-red .lobby-priority-mark{color:#dc9898;border-color:rgba(220,133,133,.26)}.lobby-priority-brief.tone-violet{border-color:rgba(177,153,224,.27)}.lobby-priority-brief.tone-violet .lobby-priority-mark{color:#c0a9e8;border-color:rgba(177,153,224,.28)}
@media(max-width:1080px){.lobby-priority-brief{top:82px;width:min(460px,calc(100vw - 230px));min-width:300px}}
@media(max-width:680px){.lobby-priority-brief{left:76px;right:14px;top:76px;transform:none;width:auto;min-width:0;grid-template-columns:32px minmax(0,1fr);padding:9px 10px}.lobby-priority-brief:hover{transform:translateY(-2px)}.lobby-priority-mark{width:30px;height:30px}.lobby-priority-action{display:none}.lobby-priority-copy strong{font-size:11px}}

/* Keep navigation outside the chat area, including short windows. */
/* Leave room inside the scrolling menu for the 6px hover slide and its right border. */
.lobby-shell .lobby-side-menu{top:clamp(130px,20vh,190px);bottom:auto;transform:none;max-height:calc(100% - clamp(130px,20vh,190px) - 256px);box-sizing:content-box;padding-right:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.lobby-shell .lobby-nav-button{flex-shrink:0}
.lobby-shell .lobby-chat{left:32px;bottom:32px;width:320px;height:208px}
@media(max-width:820px){
 .lobby-shell .lobby-side-menu{top:auto;bottom:24px;max-height:calc(100% - 154px)}
 .lobby-shell .lobby-chat{left:92px;bottom:220px;width:min(320px,calc(100% - 110px));height:min(208px,calc(100% - 360px))}
}
@media(max-width:560px){
 .lobby-shell .lobby-side-menu{bottom:14px;max-height:calc(100% - 144px)}
 .lobby-shell .lobby-chat{bottom:124px;height:min(208px,calc(100% - 264px))}
}