#loading-screen .loading-art>.loading-card{bottom:7%;width:min(76%,880px);max-width:none;box-sizing:border-box;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:0 16px;align-items:center;padding:15px 22px 15px 16px;text-align:left;color:#f2d69a;text-shadow:0 1px 2px #080603;background:repeating-linear-gradient(2deg,#ffffff02 0 1px,#00000008 1px 4px),linear-gradient(105deg,#362115,#22160f 65%,#342217);border:2px solid #b58a43;border-radius:12px;box-shadow:inset 0 0 0 2px #211407,inset 0 0 0 3px #8c642d,0 3px #38250f,0 6px 16px #0006;overflow:visible}#loading-screen .loading-art>.loading-card:before,#loading-screen .loading-art>.loading-card:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#d1a552;text-shadow:0 1px #2f1b09;font-size:23px;line-height:1}#loading-screen .loading-art>.loading-card:before{left:-12px}#loading-screen .loading-art>.loading-card:after{right:-12px}.loading-seal{position:relative;display:grid;place-items:center;width:62px;height:62px;border:2px solid #dab466;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#387565,#103d36 55%,#0c2824);box-shadow:inset 0 0 0 3px #614822,inset 0 0 12px #061d16,0 0 0 3px #37250e,0 0 0 4px #a67d3b}.loading-seal:after{content:"";position:absolute;inset:-7px;border:1px solid #dab46655;border-top-color:#ffdf8b;border-right-color:#dab466aa;border-radius:50%;animation:ribbon-orbit 3s linear infinite}.loading-seal svg{width:41px;height:41px;fill:#e5bd6e;filter:drop-shadow(0 2px 1px #071e18)}.loading-copy{min-width:0}#loading-screen #loading-status{margin:0 0 3px;font:clamp(15px,1.6cqw,23px)/1.15 Georgia,serif;color:#f3dca5}#loading-screen #loading-detail{margin:0 0 9px;min-height:0;font:clamp(10px,1cqw,14px)/1.3 Georgia,serif;color:#cab992}#loading-screen .loading-track{height:5px;border:1px solid #94703a;box-shadow:0 0 0 1px #160d07,inset 0 1px 2px #000;background:#160e09;overflow:hidden}#loading-screen .loading-track span{width:32%;background:linear-gradient(90deg,transparent,#b78b40,#ffdc82,#b78b40,transparent);box-shadow:0 0 9px #e5b654;animation:loading-drift 2.6s ease-in-out infinite alternate}#loading-screen #loading-cancel{grid-column:3;grid-row:1;align-self:center;min-height:44px;padding:8px 4px;background:none;border:0;box-shadow:none;color:#d8be86;text-decoration:underline;text-underline-offset:3px;font:13px Georgia,serif;cursor:pointer}#loading-screen #loading-cancel[hidden],#loading-screen #loading-retry[hidden]{display:none}#loading-screen #loading-retry{grid-column:2/-1;justify-self:start;margin-top:10px;padding:6px 14px;background:#46331c;border:1px solid #ad8848;color:#ffe1a0;font:13px Georgia,serif;min-height:36px}.loading-stages{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:center;gap:32px;list-style:none;margin:10px 0 0;padding:0;font:12px Georgia,serif;color:#e2c994;text-shadow:0 1px 3px #000,0 1px 6px #000}.loading-stages li{display:flex;align-items:center;gap:7px}.loading-stages li:before{content:"";box-sizing:border-box;width:16px;height:16px;border:1px solid #c4a46d;border-radius:50%;background:#1a160ec9}#loading-screen[data-phase=signin] [data-stage=signin]:before,#loading-screen[data-phase=connect] [data-stage=connect]:before,#loading-screen[data-phase=world] [data-stage=world]:before{background:#efc873;box-shadow:inset 0 0 0 3px #513a1b,0 0 8px #eac26c}#loading-screen[data-phase=connect] [data-stage=signin]:before,#loading-screen[data-phase=world] [data-stage=signin]:before,#loading-screen[data-phase=world] [data-stage=connect]:before{content:"✓";color:#f4d18a;text-align:center;font:12px/14px sans-serif}#loading-screen[data-phase=signin] .loading-track span{animation:none;width:0}#loading-screen[data-phase=signin] .loading-seal:after,#loading-screen[data-failed=true] .loading-seal:after{animation:none}#loading-screen[data-failed=true] .loading-track span{animation:none;width:100%;background:#94703a;box-shadow:none}#entry-hud.wallet-ribbon{opacity:0;pointer-events:none;clip-path:inset(100%)}#entry-hud.wallet-ribbon #entry-wallet{pointer-events:none}.entry-character-preview canvas:empty{background:transparent}@keyframes ribbon-orbit{to{transform:rotate(360deg)}}@container (max-height:480px){#loading-screen .loading-art>.loading-card{bottom:9%;width:78%;grid-template-columns:40px minmax(0,1fr) auto;gap:0 12px;padding:9px 16px 9px 12px}.loading-seal{width:38px;height:38px}.loading-seal svg{width:28px;height:28px}.loading-seal:after{inset:-5px}#loading-screen #loading-status{font-size:14px}#loading-screen #loading-detail{font-size:10px;margin-bottom:6px}.loading-stages{margin-top:6px;gap:24px;font-size:10px}.loading-stages li:before{width:13px;height:13px}#loading-screen #loading-cancel{font-size:11px;min-height:36px}#loading-screen #loading-retry{margin-top:5px;min-height:30px}}@container (max-width:540px){#loading-screen .loading-art>.loading-card{width:88%;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:12px}.loading-seal{width:38px;height:38px}.loading-seal svg{width:27px;height:27px}#loading-screen #loading-status{font-size:15px}#loading-screen #loading-detail{font-size:10px}#loading-screen #loading-cancel{grid-column:2;grid-row:2;justify-self:end;min-height:28px;padding:4px}.loading-stages{gap:18px;font-size:10px}}@media(prefers-reduced-motion:reduce){#loading-screen .loading-seal:after,#loading-screen .loading-track span{animation:none}#loading-screen .loading-track span{width:45%;opacity:.8}}#loading-screen .loading-art>.loading-card{border:1px solid transparent;border-image:url(/assets/entry-ribbon-r1/ribbon.webp) 30 140 fill / 14px 58px / 0 stretch;background:none;border-radius:0;box-shadow:none;padding:15px 36px 15px 24px}#loading-screen .loading-art>.loading-card:before,#loading-screen .loading-art>.loading-card:after{display:none}.loading-seal{border:0;background:none;box-shadow:none;width:74px;height:74px;margin:-7px 0 -7px -8px}.loading-seal img{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 3px #0008)}.loading-seal:after{inset:3px;border-color:#dab46633;border-top-color:#ffdf8b;border-right-color:#dab46688;box-shadow:0 0 8px #dfad4522}@container (max-height:480px){#loading-screen .loading-art>.loading-card{padding:9px 30px 9px 18px;border-image-width:10px 40px}.loading-seal{width:50px;height:50px;margin:-5px 0 -5px -7px}}@container (max-width:540px){#loading-screen .loading-art>.loading-card{padding:13px 26px 13px 20px;border-image-width:12px 35px}.loading-seal{width:50px;height:50px;margin:0 0 0 -8px}}#entry-hud:not(.wallet-step):has(.account-entry[data-step=welcome]:not([hidden])){width:min(320px,calc(100% - 32px));padding:0;background:none!important;border:0;box-shadow:none}#entry-hud .account-entry[data-step=welcome] .account-card{display:flex;flex-direction:column;gap:12px}#entry-hud .account-entry[data-step=welcome] .account-card>button{margin:0;min-height:44px}#entry-hud .account-entry[data-step=welcome] p:empty{display:none}#loading-screen[data-art=login] #loading-title{clip-path:none;white-space:normal;width:90%;height:auto;margin:0;left:5%;top:6%;padding:0;text-align:center;color:#ffe1a1;font:bold clamp(24px,4cqw,56px)/1.1 Georgia,serif;text-shadow:0 2px 3px #231407,0 0 12px #1c160c}#loading-screen[data-art=login] .loading-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}#loading-screen[data-art=login] #loading-map{object-fit:cover;object-position:center}#loading-screen[data-art=login] #loading-title{left:32%;top:4%;width:36%;height:27%;font-size:0;color:transparent;text-shadow:none;background:url(/assets/lolcats-wordmark-r2/title.webp) center/contain no-repeat}#loading-screen[data-art=login]:has(.account-entry:not([hidden]):not([data-step=welcome])) #loading-title{visibility:hidden}#loading-screen[data-art=login] #entry-hud:has(.account-entry[data-step=welcome]:not([hidden])){top:52%!important}#entry-hud .account-entry[data-step=welcome] .account-card>button{background:none;border:1px solid transparent;border-image:url(/assets/entry-ribbon-r1/ribbon.webp) 30 140 fill / 8px 26px / 0 stretch;box-shadow:none;padding:10px 30px}#entry-hud .account-entry[data-step=welcome] .account-card>button:hover{filter:brightness(1.15)}#entry-hud .account-entry[data-step=welcome] .account-card>button:active{filter:brightness(.85)}#loading-screen .loading-art>.loading-card{visibility:hidden}#loading-screen[data-phase=connect] .loading-art>.loading-card,#loading-screen[data-phase=world] .loading-art>.loading-card,#loading-screen[data-failed=true] .loading-art>.loading-card{visibility:visible}.loading-stages{display:none}@media(min-width:1000px)and (min-height:600px){#entry-hud:not(.wallet-step):has(.account-entry[data-step=welcome]:not([hidden])){width:clamp(400px,32vw,560px)}#entry-hud .account-entry[data-step=welcome] .account-card{gap:16px}#entry-hud .account-entry[data-step=welcome] .account-card>button{min-height:clamp(64px,6vh,80px);font-size:clamp(22px,1.6vw,28px);border-image-width:12px 36px;padding:14px 40px}}#loading-screen[data-art=map] .loading-art{container-type:inline-size;container-name:map-preview}#loading-screen[data-art=map]:not([data-failed=true]) .loading-art>.loading-card{left:50%;top:83.1%;bottom:auto;width:51%;height:9.2%;min-height:0;padding:.55cqw 2.5cqw .55cqw 1.2cqw;grid-template-columns:4.5cqw minmax(0,1fr);gap:1cqw;border-image-width:.7cqw 3cqw}#loading-screen[data-art=map]:not([data-failed=true]) .loading-seal{width:5cqw;height:5cqw;margin:-.25cqw 0 -.25cqw -.25cqw}#loading-screen[data-art=map]:not([data-failed=true]) #loading-status{font-size:clamp(12px,1.25cqw,22px);margin:0 0 .15cqw}#loading-screen[data-art=map]:not([data-failed=true]) #loading-detail{font-size:clamp(10px,.85cqw,14px);margin:0 0 .4cqw}#loading-screen[data-art=map]:not([data-failed=true]) .loading-track{height:clamp(3px,.35cqw,6px)}@container map-preview (max-width:900px){#loading-screen[data-art=map]:not([data-failed=true]) #loading-detail{display:none}#loading-screen[data-art=map]:not([data-failed=true]) #loading-status{margin-bottom:4px}}