*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#080b0d}body{display:grid;place-items:center;overflow:hidden;font-family:system-ui,sans-serif}.lobby{position:relative;width:min(100vw,177.577vh);width:min(100vw,177.577dvh);aspect-ratio:1671/941}.lobby>img{width:100%;height:100%;display:block}.hotspot{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation}.hotspot:focus-visible{outline:3px solid #ffdb77;outline-offset:-3px}.hotspot:hover{box-shadow:inset 0 0 0 2px #f5d47c88;background:#ffd9740d}.admin{left:94.6%;top:1%;width:4.8%;height:7.3%}.tile{top:65%;height:28.8%;width:13.5%}.tile span{position:absolute;left:50%;top:6%;transform:translateX(-50%);white-space:nowrap;color:#ffe5ad;background:#100c08df;border:1px solid #a6854a;border-radius:20px;padding:4px 14px;font-size:clamp(9px,1.15vw,18px)}.pvp{left:11.7%}.scenario{left:26%}.cards{left:40.6%}.packs{left:55.1%}.settings{left:69.4%;width:11.1%}.attendance,.events,.missions,.ranks{left:2.1%;width:5.7%;height:10%}.attendance{top:15%}.events{top:26%}.missions{top:36%}.ranks{top:47%}.mail,.gifts,.friends{top:1.3%;height:7%;width:4.3%}.mail{left:79.6%}.gifts{left:84.7%}.friends{left:89.1%}.gold{left:40%;top:1.8%;width:18%;height:6%}.crystal{left:59%;top:1.8%;width:15.4%;height:6%}.profile{left:2.5%;top:1%;width:24%;height:11%}.notice{left:1%;top:94%;width:4%;height:5%}.banner{left:81.6%;top:80%;width:17.3%;height:15%}#lobbyMessage{position:absolute;left:50%;top:56%;transform:translateX(-50%);padding:12px 24px;color:#fff5d4;background:#100d09ed;border:1px solid #d2ac61;border-radius:8px;font-size:clamp(12px,1.5vw,22px);white-space:nowrap;pointer-events:none}

.scenario-lobby-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:2.5vh 2vw;background:#02070bdc;backdrop-filter:blur(5px)}
.scenario-lobby-modal[hidden]{display:none}
.scenario-lobby-dialog{width:min(1120px,94vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #9a7841;border-radius:14px;background:linear-gradient(180deg,#111b22,#071017);box-shadow:0 22px 70px #000b;color:#f7ead0}
.scenario-lobby-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #a6824655;background:#17130f}
.scenario-lobby-dialog>header div{display:grid;gap:3px}.scenario-lobby-dialog>header strong{font-size:22px}.scenario-lobby-dialog>header small{color:#bda985}.scenario-lobby-dialog>header button{width:38px;height:38px;border:1px solid #93713c;border-radius:8px;background:#21170d;color:#ffe7b4;font-size:24px;cursor:pointer}
.scenario-lobby-tabs{display:grid;grid-template-columns:repeat(10,minmax(58px,1fr));gap:6px;padding:10px 12px;background:#0b141a;border-bottom:1px solid #ffffff15}
.scenario-lobby-tabs button{min-height:36px;border:1px solid #445462;border-radius:7px;background:#14212b;color:#dbe5ea;font-weight:700;cursor:pointer}.scenario-lobby-tabs button.active{background:#815b22;border-color:#e1b65c;color:#fff6db}
.scenario-lobby-set-head{display:grid;gap:4px;padding:12px 16px;background:#0d1921;border-bottom:1px solid #ffffff12}.scenario-lobby-set-head strong{font-size:18px;color:#f3cc7a}.scenario-lobby-set-head span{font-size:13px;color:#b8c7d0}
.scenario-lobby-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;overflow:auto;min-height:0}
.scenario-stage-card{display:grid;gap:6px;text-align:left;padding:12px 14px;border:1px solid #3a5262;border-radius:10px;background:#10202b;color:#f4ead9;cursor:pointer}.scenario-stage-card:hover,.scenario-stage-card:focus-visible{border-color:#d0a44f;background:#162d3b;outline:none}.scenario-stage-card b{font-size:14px;line-height:1.35}.scenario-stage-card small{font-size:11px;color:#9eb1be}
@media(max-width:800px){.scenario-lobby-tabs{grid-template-columns:repeat(5,1fr)}.scenario-lobby-stages{grid-template-columns:1fr}.scenario-lobby-dialog{width:98vw;max-height:94vh}}