html,body{background:#0b1111;margin:0}.lobby-loading{--loading-accent:#e6bd69;box-sizing:border-box;isolation:isolate;color:#f1f3eb;background:#0b1111;grid-template-rows:auto 1fr auto;gap:24px;height:100dvh;min-height:320px;padding:clamp(20px,4vw,60px);font-family:Noto Sans Thai,system-ui,sans-serif;display:grid;position:relative;overflow:auto}.lobby-loading *{box-sizing:border-box}.lobby-loading.loading-overlay{z-index:10000;position:fixed;inset:0}.lobby-loading:before{content:"";z-index:-2;background:linear-gradient(90deg,#070f0e8f,#070f0e66 35%,#070f0ee8),linear-gradient(0deg,#0b1111,transparent 65%),var(--loading-art,radial-gradient(ellipse at 25% 45%,#374737,#101b19 65%));background-position:50%;background-size:cover;position:absolute;inset:0}.lobby-loading:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 20% 45%,#ccad5b17,#0000 65%);position:absolute;inset:0}.loading-brand{letter-spacing:.08em;align-items:center;gap:12px;font:700 23px/1 Barlow Condensed,Impact,sans-serif;display:flex}.loading-emblem{width:38px;height:42px;color:var(--loading-accent);border:1px solid #d2b36680;place-items:center;font:42px/1 Georgia,serif;display:grid;transform:skew(-8deg)}.loading-brand small{letter-spacing:.35em;color:#b4bbae;margin-top:7px;font:8px/1 system-ui,sans-serif;display:block}.lobby-loading-main{grid-template-columns:1fr minmax(340px,480px);justify-self:center;align-items:center;gap:clamp(28px,6vw,100px);width:min(1180px,100%);display:grid}.loading-eyebrow{color:var(--loading-accent);letter-spacing:.2em;margin:0 0 14px;font-size:11px;font-weight:600}.loading-intro h1{letter-spacing:-.015em;text-shadow:0 8px 45px #0008;margin:0 0 22px;font:800 clamp(78px,10vw,148px)/.81 Barlow Condensed,Impact,sans-serif}.loading-intro h1 span{color:var(--loading-accent)}.loading-intro>p:last-child{color:#c7cfc4;border-left:2px solid #e6bd6980;margin:0;padding-left:18px;font-size:15px;line-height:1.85}.loading-panel{border:1px solid #c3cfbd28;border-top:2px solid var(--loading-accent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#1b2821dc,#0c1716eb);padding:clamp(24px,3vw,40px);box-shadow:0 24px 70px #0005}.loading-panel h2{margin:0 0 12px;font-size:clamp(23px,2.5vw,30px);font-weight:600;line-height:1.35}.loading-description{color:#b9c4b8;min-height:3.2em;margin:0 0 26px;font-size:13px;line-height:1.7}.loading-progress-title{justify-content:space-between;align-items:flex-end;gap:12px;min-height:42px;margin-bottom:12px;display:flex}#lobby-loading-label{max-width:26em;margin:0;font-size:12px;line-height:1.6}#lobby-loading-percent{font-variant-numeric:tabular-nums;color:var(--loading-accent);white-space:nowrap;font:600 34px/1 Barlow Condensed,Impact,sans-serif}.lobby-loading progress{appearance:none;width:100%;height:5px;accent-color:var(--loading-accent);background:#c4d0bd18;border:0;display:block}.lobby-loading progress::-webkit-progress-bar{background:#c4d0bd18}.lobby-loading progress::-webkit-progress-value{background:var(--loading-accent)}.lobby-loading progress::-moz-progress-bar{background:var(--loading-accent)}.loading-detail{color:#94a596;font-variant-numeric:tabular-nums;margin:10px 0 20px;font-size:10px}.loading-steps{margin:0;padding:0;list-style:none}.loading-steps li{color:#acb9ad;border-bottom:1px solid #b4c4b312;align-items:center;gap:10px;padding:11px 0;font-size:12px;display:flex}.loading-steps li:before{content:"";border:1px solid #69816d;border-radius:50%;flex:none;width:7px;height:7px}.loading-steps li small{white-space:nowrap;color:#8b9b8d;margin-left:auto;font-size:10px}.loading-steps li[data-state=loading]:before{border-color:var(--loading-accent);border-right-color:#0000;animation:1s linear infinite loading-turn}.loading-steps li[data-state=ready]:before{background:#b6d2a0;border-color:#b6d2a0}.loading-steps li[data-state=ready] small{color:#b6d2a0}.loading-steps li[data-state=error]:before{background:#e1a18d;border-color:#e1a18d}.loading-steps li[data-state=error] small{color:#e1a18d}.loading-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.loading-actions:has(button:not([hidden])){margin-bottom:12px}.loading-actions button{color:#eaf0e3;min-height:48px;font:inherit;cursor:pointer;background:#b5c0a80c;border:1px solid #b5c0a84d;border-radius:0;padding:11px 18px;font-size:12px}.loading-actions button:first-child{border-color:var(--loading-accent);background:var(--loading-accent);color:#162018;font-weight:600}.loading-actions button:hover{filter:brightness(1.12)}.loading-actions button:focus-visible{outline-offset:4px;outline:2px solid #fff}.loading-cache-note{color:#8c9e8d;margin:20px 0 0;font-size:10px;line-height:1.7}.loading-footer{color:#849485;letter-spacing:.08em;justify-content:space-between;gap:16px;font-size:10px;display:flex}.loading-return,html[data-lobby-prepared=true] .loading-first,html[data-lobby-prepared=true] .loading-intro{display:none}html[data-lobby-prepared=true] .loading-return{display:inline}html[data-lobby-prepared=true] .lobby-loading-main{width:min(480px,100%);display:block}html[data-lobby-prepared=true] .loading-description{min-height:0;margin-bottom:18px}.lobby-loading[data-status=error]{--loading-accent:#e1b58d}@keyframes loading-turn{to{transform:rotate(360deg)}}@media (width<=700px){.lobby-loading{gap:22px;padding:24px 20px}.lobby-loading-main{grid-template-columns:minmax(0,1fr);align-content:center;gap:26px}.loading-intro h1{font-size:clamp(42px,16vw,66px);line-height:.88}.loading-intro h1 br{display:none}.loading-intro h1{margin:0 0 12px}.loading-intro>p:last-child{font-size:12px}.loading-intro .loading-eyebrow{margin-bottom:12px;font-size:10px}.loading-panel{padding:24px}.loading-description{min-height:0;margin-bottom:18px}.loading-brand{font-size:20px}.loading-footer{font-size:8px}.loading-footer>span:first-child{display:none}}@media (height<=550px) and (width>=701px){.lobby-loading{gap:12px;padding:18px 28px}.loading-brand{font-size:18px}.loading-emblem{width:28px;height:30px;font-size:32px}.loading-brand small{font-size:6px}.lobby-loading-main{grid-template-columns:1fr minmax(330px,420px);gap:30px}.loading-intro h1{font-size:86px}.loading-intro>p:last-child{font-size:12px}.loading-panel{padding:18px 24px}.loading-eyebrow{margin-bottom:6px;font-size:9px}.loading-panel h2{margin-bottom:8px;font-size:21px}.loading-description{min-height:0;margin-bottom:6px;font-size:11px}.loading-progress-title{min-height:30px;margin-bottom:7px}#lobby-loading-percent{font-size:28px}.loading-detail{margin:6px 0}.loading-steps li{padding:6px 0;font-size:10px}.loading-cache-note{margin-top:10px;font-size:9px}.loading-actions{margin-top:8px}.loading-footer{display:none}}@media (prefers-reduced-motion:reduce){.loading-steps li[data-state=loading]:before{border-right-color:var(--loading-accent);animation:none}}