/* The invitation uses the same world art, navy panels and gold trim as the HUD. */
.game-shell [hidden]{display:none!important}
#game-content{min-height:100dvh}
.access-gate{position:fixed;inset:0;z-index:100;overflow:auto;min-height:100dvh;background:linear-gradient(90deg,#081523dd 0%,#0a1a2ca6 48%,#071421b8 100%),url('assets/world.png') center/cover;color:#f6e8c9;padding:34px clamp(24px,6vw,100px);display:flex;flex-direction:column;isolation:isolate}
.access-gate:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#06132166,transparent 35%,#061321c9);z-index:-1}

.access-layout{width:min(430px,100%);margin:auto;padding:24px 0;flex-shrink:0}

.access-card{background:#111c2bef;border:2px solid #c39b55;box-shadow:inset 0 0 0 4px #172333,inset 0 0 0 5px #695537,0 18px 70px #040b1599;border-radius:5px;padding:32px 34px 22px;text-align:center;position:relative}

.access-card h2{color:#f7dfae;font:500 28px/1.5 Georgia,"Songti SC",serif;letter-spacing:3px;margin:10px 0}.access-card #access-title{font-size:32px;letter-spacing:4px;margin:0 0 14px}.access-copy{font-size:12px;color:#b9c3c3;line-height:2;margin:12px 0 25px}
#access-form{text-align:left}#access-form label{font-size:11px;letter-spacing:2px;color:#d9c59e;display:block;margin-bottom:10px}.access-input{position:relative}.game-shell .access-input input{width:100%;height:49px;border:1px solid #796643;border-radius:3px;padding:12px 58px 12px 14px;letter-spacing:1px;background:#0a1523;font-size:15px}.access-input button{position:absolute;right:5px;top:5px;height:39px;padding:0 10px;color:#c9b486;font-size:11px}.access-input input[aria-invalid="true"]{border-color:#de9c91}
#access-error{font-size:11px;line-height:1.7;color:#f1aba0;min-height:26px;margin:8px 0}.game-shell .access-primary{width:100%;height:48px;display:flex;justify-content:center;align-items:center;gap:22px;background:linear-gradient(#967641,#75592e);border:1px solid #dfbd77;border-radius:3px;box-shadow:inset 0 0 0 2px #a7874b55,0 3px 0 #070e18;font-size:13px;letter-spacing:2px}.access-primary:disabled{opacity:.65;cursor:wait}.access-primary:hover{filter:brightness(1.12)}.access-footnote{font-size:10px;color:#9ca9ab;margin:20px 0 26px;letter-spacing:1px}.access-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid #504936;color:#9d8b66;font:7px Georgia,serif;letter-spacing:1px}.access-card-bottom span{color:#c2a36b;font-size:12px}
#access-avatar{display:block;width:180px;height:108px;margin:28px auto 14px;image-rendering:pixelated}.access-role{display:inline-block;border:1px solid #706443;background:#29343a;color:#e5cb93;padding:5px 13px;font-size:10px;letter-spacing:2px}.access-card #access-welcome-title{font-size:24px;margin-top:20px}.access-detail{font-size:11px;line-height:2;color:#d3bd90;border-block:1px solid #45483c;margin:26px 0;padding:15px 0}.access-back{font-size:11px;padding:18px;margin:2px 0 10px}
.game-shell #identity-name{font-size:11px;padding:7px 10px;background:#172332;border:1px solid #9d8149}.game-shell #access-logout{font-size:10px;color:#e5cc98;padding:6px 4px}.game-shell.access-locked .load-error{display:none}
.access-gate :focus-visible,#access-logout:focus-visible{outline:2px solid #f1d193;outline-offset:4px}
@media(max-width:640px){.access-gate{padding:20px;background-position:60% center}.access-layout{padding:12px 0;width:min(390px,100%)}.access-card{width:100%;padding:28px 25px 20px}.access-card #access-title{font-size:28px}.access-copy{font-size:11px;margin-bottom:20px}.access-footnote{margin-bottom:20px}.game-shell #identity-name{font-size:10px;padding:5px 7px}.game-shell .identity{gap:5px}.game-shell #access-logout{font-size:9px}}
@media(max-height:680px) and (min-width:641px){.access-gate{padding-top:18px;padding-bottom:18px}.access-layout{padding:12px 0}.access-copy{margin-bottom:16px}.access-footnote{margin:14px 0}}