/* ArgenBA: a quiet frame around the world and the player's own identity. */
.main-nav .account-link,.account-link{display:inline-flex;align-items:center;gap:8px;color:#f3ead9;text-decoration:none;font:600 13px/1.2 "Trebuchet MS","Segoe UI",sans-serif;flex-shrink:0}
.account-face{display:grid;place-items:center;position:relative;width:44px;height:44px;border:1px solid #9caeb8;border-radius:50%;overflow:hidden;background:#142b3a;color:#dce8ee}
.account-face svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}
.account-face canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.account-link:focus-visible,.server-address button:focus-visible{outline:3px solid #93c5dc;outline-offset:4px}
.account-link:hover .account-face{border-color:#f0d9ad}
.account-link[data-authenticated] .account-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.account-face [hidden]{display:none!important}
.server-address{justify-self:end;align-self:center;width:260px;max-width:100%;padding:4px 0 4px 24px;border-left:1px solid #b5c8cb;color:#f5efe3}
.server-address>p{margin:0 0 10px;color:#dce5e5;font:400 15px/1.5 "Trebuchet MS","Segoe UI",sans-serif}
.server-address button{display:flex;align-items:center;gap:12px;width:auto;max-width:100%;min-height:48px;padding:0;margin:0;border:0;border-radius:0;background:none;color:#fff7e7;font:600 21px/1.4 "Trebuchet MS","Segoe UI",sans-serif;cursor:pointer;text-align:left}
.server-address button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.server-address .copy-feedback{display:block;min-height:1.5em;margin-top:8px;color:#dce5e5;font:400 13px/1.5 "Trebuchet MS","Segoe UI",sans-serif}
.alba-page .alba-header{background:#071521b8;border-bottom:0}
.alba-page .main-nav{gap:28px}
.alba-page .alba-hero{min-height:min(860px,max(680px,100svh))}
.alba-page .alba-hero-shell{grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:150px 100px}
.alba-page .alba-hero h1{font-size:clamp(68px,8vw,96px);letter-spacing:-.035em;line-height:1.02;animation:none}
.alba-page .alba-hero-verse{font-size:clamp(24px,2.5vw,32px);line-height:1.35;max-width:24ch}
.alba-page .alba-hero-intro{font-size:16px;line-height:1.7;max-width:46ch;color:#e1e6e1}
.alba-page .alba-scene{transform:none;transition:none}
.alba-page .alba-scene img{animation:none;transform:none}
.alba-page .alba-button{background:#e5cd9f;box-shadow:none;outline:0;font-size:14px}
.alba-page .alba-text-link{font-size:14px}
.alba-page .alba-origin,.alba-page .alba-invitation{padding-block:80px}
.alba-page .alba-section h2{font-size:clamp(32px,4vw,48px);line-height:1.18;letter-spacing:-.025em}
.alba-page .alba-relic p{font-size:15px;line-height:1.7}
.alba-page .alba-relic-link{font-size:13px}
.alba-page .alba-relic h3{font-size:27px}
.alba-page .alba-relic-art{background:none}
.alba-page .alba-relic-art img{filter:none;transition:none}
.alba-page .alba-relic:hover .alba-relic-art img{transform:none}
.alba-page .alba-invitation>p:not(.alba-section-label){font-size:16px}
.alba-page .alba-footer>p{font-size:14px}
@media(max-width:900px){
 .alba-page .alba-hero-shell{grid-template-columns:1fr;gap:40px;padding-block:130px 64px}
 .server-address{justify-self:start;width:auto;padding:16px 0 0;border-left:0;border-top:1px solid #b5c8cb70}
 .server-address>p{margin-bottom:2px}
 .alba-page .alba-hero{min-height:0}
}
@media(max-width:650px){
 .site-header .header-shell,.alba-page .alba-header .header-shell{width:calc(100% - 32px);gap:14px;min-height:76px;flex-wrap:wrap;padding-block:12px}
 .site-header .main-nav,.alba-page .main-nav{gap:14px;margin-left:auto}
 .site-header .main-nav>a:first-child{display:none}
 .site-header .brand img{width:34px;height:34px}
 .site-header .brand{font-size:18px;gap:7px}
 .site-header .nav-chronicles,.site-header .nav-discord{gap:6px}
 .site-header .main-nav a{font-size:12px}
 .site-header .nav-chronicles svg{display:none}
 .site-header .nav-discord svg{display:block;width:18px;height:18px}
 .account-face{width:40px;height:40px}
 .account-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .alba-page .alba-hero-shell{width:calc(100% - 40px);padding-top:124px;gap:30px}
 .alba-page .alba-hero h1{font-size:clamp(62px,19vw,84px);margin-bottom:18px}
 .alba-page .alba-hero-intro{font-size:16px;max-width:42ch}
 .alba-page .alba-actions{gap:12px;margin-top:24px}
 .alba-page .alba-origin,.alba-page .alba-invitation{padding-block:56px}
 .alba-page .alba-relic{grid-template-columns:76px minmax(0,1fr);gap:16px}
 .alba-page .alba-relic-art img{width:72px;height:72px}
 .alba-page .alba-relic h3{font-size:24px}
}