.loading-brand{display:block;width:min(340px,70vw);height:auto;margin:0 auto}.game-brand{display:flex;align-items:center;position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:1}.game-brand img{width:92px;height:auto;max-height:42px;object-fit:contain}.topbar{position:relative}.game-brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.auth-brand{display:block;width:min(220px,70vw);height:auto;margin:0 auto 16px}.auth-field{display:flex;flex-direction:column;gap:5px;color:var(--ink);font-size:13px;font-weight:700}.auth-field .text-input{width:100%;font-weight:400}.remember-login{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.remember-login input{width:17px;height:17px;accent-color:var(--accent)}.auth-form .modal-actions>button{width:100%}.auth-return{font-size:12px;text-decoration:underline;text-underline-offset:3px}.welcoming #modalCard{width:min(440px,calc(100vw - 32px));background:rgba(32,35,29,.95);color:#eee7d6;border:1px solid #93835a}.welcoming #modalCard h3{color:#eee7d6;font-size:27px;text-align:center}.welcoming #modalCard p{color:#bec5b5}.welcoming #modalCard .auth-field{color:#ddd8cb}.welcoming #modalCard .text-input{background:#151a15;color:#eee7d6;border-color:#6c765a}.welcoming #modalCard .remember-login{color:#ddd8cb}.welcoming #modal{background:#10161080}.welcoming #modalCard .auth-links{justify-content:center}.welcoming #modalCard .btn-small{background:linear-gradient(#d8ba77,#b19350);color:#2c2418;border-color:#e7d399;box-shadow:0 3px 0 #675128}.welcoming #modalCard .link-btn{color:#dbc58a}.auth-intro{text-align:center}
@media(max-width:950px){.game-brand{left:105px;right:auto;transform:none;top:auto;bottom:-27px;pointer-events:auto;background:#1b1c18cc;border-radius:0 0 5px 5px;padding:3px 6px}.game-brand img{width:64px;max-height:23px}.world-root .room-label{max-width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.auth-brand{animation:none}}
.auth-guest-entry{padding:4px 0 16px;border-bottom:1px solid #93835a66;margin-bottom:16px}.auth-guest-primary{display:block;width:100%;min-height:58px;font-size:21px;font-weight:800}.auth-guest-entry p{font-size:12px!important;line-height:1.5}.auth-signin-label{text-align:center;font-size:12px!important;margin-bottom:14px!important}
.welcoming #modalCard{max-height:calc(100svh - 40px);overflow-y:auto}
.loading-title{position:relative;display:inline-block}.auth-brand-wrap{position:relative;width:min(220px,70vw);margin:0 auto 16px}.auth-brand-wrap .auth-brand{width:100%;margin:0}
.alpha-tag{position:absolute;right:2%;bottom:6%;z-index:2;transform:rotate(-5deg);padding:4px 10px 3px;font:700 11px/1 Cinzel,Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#fff2cf;white-space:nowrap;background:linear-gradient(#d24a3d,#8e1d25);border:2px solid #1d0c07;border-radius:2px;box-shadow:0 0 0 2px #e2b955,0 4px 0 2px #1d0c07,0 8px 12px #0008;text-shadow:0 1px 0 #4a0d12}
.auth-brand-wrap .alpha-tag{font-size:9px;padding:3px 8px 2px;right:-4px;bottom:2%}
/* the welcome / sign-in dialog's buttons: the same jewelled plates as the homepage (iron by default, ruby for "Play as guest") */
.welcoming #modalCard .btn-small:not(.social-btn){--c:14px;--ol:#0f0d09;--rim-a:#d8bf7f;--rim-b:#8d7340;--face-a:#58533f;--face-b:#24221c;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 30px 11px;border:0;border-radius:0;background:none;color:#f6ecd0;font:800 14px/1 'Nunito Sans',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 #000;box-shadow:none;
  filter:drop-shadow(1.5px 0 0 var(--ol)) drop-shadow(-1.5px 0 0 var(--ol)) drop-shadow(0 -1.5px 0 var(--ol)) drop-shadow(0 4px 0 var(--ol)) drop-shadow(0 8px 10px #0008);transition:transform .12s,filter .12s}
.welcoming #modalCard .btn-small:not(.social-btn):before,.welcoming #modalCard .btn-small:not(.social-btn):after{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% 50%,calc(100% - var(--c)) 100%,var(--c) 100%,0 50%)}
.welcoming #modalCard .btn-small:not(.social-btn):before{inset:0;background:linear-gradient(var(--rim-a),var(--rim-b))}
.welcoming #modalCard .btn-small:not(.social-btn):after{inset:3px;background:linear-gradient(#ffffff4d,#fff0 52%),linear-gradient(var(--face-a),var(--face-b))}
.welcoming #modalCard .btn-small.auth-guest-primary{--rim-a:#fbe7ab;--rim-b:#a97a2d;--face-a:#e8574a;--face-b:#7d1620;min-height:54px;font-size:17px;color:#fff6dc;text-shadow:0 2px 0 #5a0f16}
.welcoming #modalCard .btn-small:not(.social-btn):hover{transform:translateY(-1px);filter:brightness(1.12) drop-shadow(1.5px 0 0 var(--ol)) drop-shadow(-1.5px 0 0 var(--ol)) drop-shadow(0 -1.5px 0 var(--ol)) drop-shadow(0 5px 0 var(--ol)) drop-shadow(0 10px 12px #000a)}
.welcoming #modalCard .btn-small:not(.social-btn):active{transform:translateY(3px);filter:drop-shadow(1.5px 0 0 var(--ol)) drop-shadow(-1.5px 0 0 var(--ol)) drop-shadow(0 -1.5px 0 var(--ol)) drop-shadow(0 1px 0 var(--ol))}
.welcoming #modalCard .btn-small:not(.social-btn):disabled{filter:grayscale(.6) brightness(.7) drop-shadow(1.5px 0 0 var(--ol)) drop-shadow(-1.5px 0 0 var(--ol)) drop-shadow(0 -1.5px 0 var(--ol)) drop-shadow(0 2px 0 var(--ol));transform:none}