/* Independent login landing; the original title screen retains its own CSS. */
#glance-login[hidden]{display:none!important}
.glance-entry-pending>#glance-login:not([hidden]){display:flex!important}
.glance-login-pending>#glance-title{display:none!important}
#glance-login{position:fixed;inset:0;z-index:11000;display:flex;flex-direction:column;overflow:auto;background:#7fc3db;color:#35291f;font-family:"Malgun Gothic",system-ui,sans-serif;isolation:isolate}
.login-landscape{position:fixed;inset:0;z-index:-2;background:#9acee7 url('/world/login-landscape.svg') center center/cover no-repeat}
.login-brand{display:flex;align-items:center;justify-content:center;gap:16px;margin:42px auto 0;flex:none;filter:drop-shadow(0 3px 0 #fff9)}
.login-brand img{width:62px;height:62px}.login-brand h1{font:850 76px/1 system-ui,sans-serif;letter-spacing:-.055em;margin:0;color:#f7efdc;text-shadow:0 3px #6b4c2b,2px 0 #6b4c2b,-2px 0 #6b4c2b,0 -2px #6b4c2b}
.login-content{display:grid;grid-template-columns:minmax(0,550px) 290px;align-items:center;gap:32px;width:calc(100% - 80px);max-width:900px;margin:auto;padding:38px 0;flex:none}
.login-board{padding:7px 28px;background:#f7edcff5;border:5px solid #5e4730;outline:1px solid #efd2a1;box-shadow:0 7px 0 #3d382c55,0 14px 28px #293e3e33;border-radius:3px}
.login-news{padding:19px 0 20px;min-height:84px}.login-news+.login-news{border-top:1px solid #aa906466}.login-news h2{font-size:18px;font-weight:750;letter-spacing:-.04em;margin:0 0 12px;color:#513b25}
.login-empty{font-size:12px;color:#776b54;margin:0;line-height:1.6}.login-news-link{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;padding:0;color:#493d2d;font-family:inherit;font-size:13px;font-weight:500;line-height:1.65;text-align:left;cursor:pointer}.login-news-link>span:first-child{flex:1}.login-news-link>span:last-child{font-size:21px;line-height:1;color:#6d5433}.login-news-link time{font-size:10px;color:#82704f;white-space:nowrap}.login-news-link:hover>span:first-child{text-decoration:underline}
.login-card{padding:28px 25px 24px;background:#654b35f5;border:5px solid #4d3829;outline:1px solid #dfbf87;border-radius:3px;box-shadow:inset 0 0 0 1px #8e704c,0 7px 0 #342d2455,0 14px 28px #293e3e33;color:#ead9b4}
.login-card h2{text-align:center;font:650 21px/1.2 Georgia,serif;letter-spacing:.12em;margin:0 0 22px;color:#f6df9d}.login-card label{display:block;font:600 10px/1.4 system-ui;letter-spacing:.07em;margin:13px 0 6px;color:#e1cca7}
.login-card input{display:block;box-sizing:border-box;width:100%;height:37px;border:2px solid #3e2c20;background:#372c25;color:#ae9b7d;box-shadow:inset 0 2px 4px #20171055;border-radius:2px;cursor:not-allowed;opacity:1}
#login-enter{width:100%;height:47px;margin-top:25px;border:2px solid #5d3e1e;border-radius:2px;background:#e9bf6b;box-shadow:inset 0 2px #fff0b8,inset 0 -3px #bc8b3e,0 3px 0 #3c2d22;color:#493018;font:750 19px Georgia,serif;letter-spacing:.06em;cursor:pointer}#login-enter:hover{background:#f4ce80}#login-enter:active{transform:translateY(2px);box-shadow:inset 0 2px #fff0b8,inset 0 -1px #bc8b3e}
.login-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;margin-top:auto;padding:16px max(30px,calc((100vw - 1180px)/2));background:#222a2aef;border-top:1px solid #a6b5ad44;color:#d4d7cd;font-size:10px;line-height:1.7}
.login-company{display:flex;align-items:center;gap:15px}.login-company p{margin:0}.login-company p span{margin-left:12px}.login-company-logo{display:block;flex:none}.login-company-logo>span{display:block;position:relative;width:54px;height:54px;overflow:hidden;border-radius:50%;background:#fff}.login-company-logo img{position:absolute;width:181px;max-width:none;height:auto;left:-63px;top:-23px}.login-copyright{font-size:10px;color:#a6b2ac}
.login-contact{text-align:right}.login-contact-links{display:flex;align-items:center;justify-content:flex-end;gap:24px}.login-contact a{color:#dce3d8;text-decoration:none}.login-contact a:hover{color:#fff}.login-contact svg{display:block;width:23px;height:23px}.login-contact nav{display:flex;gap:14px}.login-contact nav a{display:grid;place-items:center;min-width:28px;min-height:32px}.login-mail{display:flex;align-items:center;gap:8px;font-size:12px}.login-mail svg{width:20px;height:20px}.login-credits{display:inline-block;margin-top:6px;font-size:10px;color:#aebbb3!important}
#login-news-dialog{box-sizing:border-box;width:min(570px,calc(100vw - 32px));max-height:82dvh;padding:0;border:4px solid #5e4730;border-radius:3px;background:#f7edda;color:#413224;box-shadow:0 16px 70px #172c3b66;font-family:inherit}#login-news-dialog::backdrop{background:#12283d99}#login-news-dialog[open]{display:flex;flex-direction:column}#login-news-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #bca78266}#login-news-dialog h2{font-size:20px;margin:0}#login-news-close{font-size:26px;line-height:1;background:none;border:0;color:#634c32;padding:0 4px;cursor:pointer}.login-dialog-body{overflow:auto;padding:5px 24px 22px;font-size:13px;line-height:1.9;word-break:keep-all}.login-dialog-body article{padding:18px 0}.login-dialog-body article+article{border-top:1px solid #bca78266}.login-dialog-body time{font-size:10px;color:#86704f}.login-dialog-body h3{font-size:16px;margin:7px 0 12px}.login-dialog-body ul{padding-left:18px;margin:0}.login-source-note{font-size:11px;color:#7b6c56;margin-top:18px}
#glance-login a:focus-visible,#glance-login button:focus-visible{outline:3px solid #fff5c7;outline-offset:4px}#glance-login .login-board button:focus-visible{outline-color:#75552e}
@media(min-width:701px) and (max-height:650px){.login-brand{margin-top:24px}.login-brand h1{font-size:60px}.login-brand img{width:48px;height:48px}.login-content{padding:28px 0}.login-news{padding:14px 0}.login-footer{padding-top:12px;padding-bottom:12px}}
@media(max-width:900px){.login-content{gap:24px;width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) 260px}.login-board{padding-left:22px;padding-right:22px}.login-footer{padding:16px 24px;gap:15px}.login-contact-links{gap:12px}.login-company p span{margin-left:8px}.login-contact nav{gap:8px}}
@media(max-width:700px){.login-brand{margin:32px auto 24px;gap:12px}.login-brand h1{font-size:57px}.login-brand img{width:46px;height:46px}.login-landscape{background-position:58% center}.login-content{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:calc(100% - 36px);max-width:430px;margin:0 auto;padding:12px 0 30px}.login-board{padding:2px 20px}.login-news{padding:17px 0;min-height:0}.login-news h2{font-size:17px;margin-bottom:10px}.login-card{padding:24px}.login-card h2{margin-bottom:17px}.login-card input{height:40px}.login-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:19px 22px calc(19px + env(safe-area-inset-bottom))}.login-company{gap:12px}.login-company p span{display:inline-block;margin-left:8px}.login-company-logo>span{width:45px;height:45px}.login-company-logo img{width:151px;left:-53px;top:-19px}.login-contact{width:100%;text-align:left}.login-contact-links{justify-content:space-between;gap:10px}.login-contact nav{gap:8px}.login-mail{font-size:11px}.login-credits{margin-top:10px}#login-news-dialog{max-height:88dvh}}

/* Square metal corners frame the news board without importing the reference art. */
.login-board,.login-card{position:relative}
.login-board::before,.login-board::after,.login-card::before,.login-card::after{content:"";position:absolute;width:19px;height:19px;pointer-events:none;border-color:#394b4d;border-style:solid;filter:drop-shadow(1px 2px 0 #1c303955)}
.login-board::before,.login-card::before{left:-8px;top:-8px;border-width:6px 0 0 6px;box-shadow:inset 2px 2px #8c9d96}
.login-board::after,.login-card::after{right:-8px;bottom:-8px;border-width:0 6px 6px 0;box-shadow:inset -2px -2px #8c9d96}
.login-card::before,.login-card::after{border-color:#bf9654;box-shadow:none}
#login-enter{background:#ecb74d;border-color:#69421b;box-shadow:inset 0 2px #fff0b8,inset 0 -3px #b77b2f,0 3px 0 #3c2d22}

/* Feedback revision: white company strip and quieter upper-left identity. */
.login-brand{align-self:flex-start;margin:28px 0 0 36px;gap:13px}.login-brand h1{font-size:61px}.login-brand img{width:50px;height:50px}
.login-footer{background:#fff;color:#222;border-top:1px solid #ddd}.login-copyright,.login-credits{color:#444!important}.login-contact a{color:#222}.login-contact a:hover{color:#000}
.login-contact a[aria-label="GitHub"]{color:#24292f}.login-contact a[aria-label="LinkedIn"]{color:#0a66c2}.login-contact a[aria-label="Discord"]{color:#5865f2}
.login-landscape{background:#97d3eb}.login-landscape canvas{width:100%;height:100%;display:block}
.login-board{background:#fff1d9f5;box-shadow:0 8px 0 #283f4555,0 18px 44px #132f4940}.login-card{background:#513d2ff5}
@media(max-width:700px){.login-brand{margin:25px 0 22px 24px}.login-brand h1{font-size:46px}.login-brand img{width:37px;height:37px}}

.login-brand{filter:none}.login-brand h1{font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif;font-weight:600;font-stretch:normal;letter-spacing:-.035em;color:#fff;-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:none;transform:none;filter:none}
.login-card h2,#login-enter{font-family:"Malgun Gothic",system-ui,sans-serif;letter-spacing:.03em}.login-card label{letter-spacing:0;font-size:12px}
.login-company p:first-child span{margin-left:4px}

/* Portal-only additions. Keep original branding and layout. */
html,body{margin:0;min-height:100%;background:#97d3eb}
#login-enter{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.login-auth-note{font-size:11px;line-height:1.65;margin:15px 0 0;color:#ead9b4;word-break:keep-all}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}